JSFiddle - React, Tailwind, and code Playground

by oroce

HTML

<p>Mondj szavakat: next,play,prev(ious), play,pause</p>
<input name="speech" id="speech" type="text" x-webkit-speech speech error />
<div id="result"></div>

JavaScript

(function(){
    var elem = document.createElement('input'),
        support = 'onwebkitspeechchange' in elem || 'speech' in elem;
    if( !support ){
        alert("Sajnos a böngésződ ezt még nem támogatja, hüphüp...");
    }
    

})();
$("#speech").bind("webkitspeechchange",function(e){
    var origE = e.originalEvent;
    console.log( origE, origE.results, typeof  origE.results );
    if( origE && origE.results){
        var text = 'Egyik szóra sem illeszkedett...';
        $.each( origE.results, function( i,item ){
            var res = item.utterance;
            console.log( 'my guess is: '+ res );
            if( /^n.*|.*next.*|ext$'/.test( res ) ){
                text = 'jöjjön a következő lépés';
                return false;
            }
            else if( /^pr(.*)|.*prev.*|prevoius$/.test( res ) ){
                text = 'hupsz vissza az előzőre...';
                return false;
            }
            else if( /^pl.*|.*play.*|play$/.test( res ) ){
                text = 'videó induuuul';
                return false;
            }
            else if( /^pa.*|.*pause.*|pause$/.test( res ) ){
                text = 'videó áááállj';
                return false;
            }
            
        });
        $("#result").html( text );
    }
    else{
        $("#result").html( "Nincs találat!" );
    }
});