Rozpoznávání řeči – živá ukázka

Výsledek

HTML

Autoformát
Standardní režim
Mobilní zobrazení

CSS

Autoformát
CSS reset
Až na konci

var Speech = function() {
    var speech, bezi = false, tlacitko, vysledek = "";
    
    var init = function(el) {
        tlacitko = el;
        speech = new webkitSpeechRecognition();
        speech.continuous = true;
        speech.maxAlternatives = 2;
        speech.interimResults = true;
        speech.lang = "cs";
        speech.onend = stop;
        
        speech.onresult = function(e) {
            var rozpoznavani = '';
            if (typeof(e.results) == 'undefined') {
                reset();
                return;
            }
            for (var i = e.resultIndex; i < e.results.length; ++i) {
                var slovo = e.results[i][0].transcript;
                if (e.results[i].isFinal) {
                    vysledek += " " + slovo;
                } else {
                    rozpoznavani += " " + slovo;
                }
            }
            document.getElementById("vysledek").innerHTML = vysledek;
            document.getElementById("rozpoznavani").innerHTML = rozpoznavani;
        };
        tlacitko.onclick = startStop;
    };
    
    var startStop = function() {
        if (bezi) {
            stop();
        }
        else {
            speech.start();
            tlacitko.innerHTML = "Zastavit";
            bezi = true;
        }
        
    };
    
    var stop = function() {
        speech.stop();   
        tlacitko.innerHTML = "Začít mluvit";
        bezi = false;
    };
    
    return {
        init : init,
        startStop : startStop
    };
}();

JS

Autoformát
jQuery
Umístění JS