Hochwertiger HTML5 und Javascript Code von dem Designbüro Standardabweichung aus München

var speechButton = null; var speechRecognition = null; var speechListening = false; var speechError = false; var speechInitialize = function() { speechButton = $(''); speechButton.css('position', 'absolute'); speechButton.css('z-index', '500'); speechButton.css('top', '50%'); speechButton.css('left', '50%'); if (!('webkitSpeechRecognition' in window)) { //Feedback: Spracheingabe wird von diesem Browser nicht unterstützt } else { speechRecognition = new webkitSpeechRecognition(); speechRecognition.lang = String(window.navigator.userLanguage || window.navigator.language); speechRecognition.continuous = true; speechRecognition.interimResults = false; speechRecognition.onstart = speechStart; speechRecognition.onend = speechEnd; speechRecognition.onresult = speechResult; speechRecognition.onerror = speechError; speechButton.click(function() { if (speechListening) { stopRecognition(); } else { startRecognition(); } }.bind(this)); } $('#CONTAINER').append(this.speechButton); }; var startRecognition = function() { if (speechListening) { speechRecognition.stop(); return; } //Feedback: Bitte Mikrofon aktivieren speechError = false; speechRecognition.start(); }; var stopRecognition = function() { if (speechListening) { //Feedback: Ihr Mikrofon wurde deaktivert speechListening = false; speechRecognition.stop(); } }; var speechStart = function(event) { //Feedback: Bitte sprechen Sie jetzt; speechListening = true; }; var speechError = function(event) { speechError = true; switch (event.speechError) { case 'no-speech': //Feedback: Es wurde keine Spracheingabe erkannt. Bitte versuchen Sie es erneut. break; case 'aborted': //Feedback: Die Spracheingabe wurde abgebrochen. break; case 'audio-capture': //Feedback: Es wurde kein Mikrofon erkannt. break; case 'network': //Feedback: Ein Netzwerkfehler ist aufgetreten. break; case 'not-allowed': //Feedback: Der Zugriff auf das Mikrofon wurde nicht erlaubt. break; case 'service-not-allowed': //Feedback: Der Zugriff auf diesen Service wurde unterbunden. break; case 'bad-grammar': //Feedback: Die Grammatik konnte nicht entschlüsselt werden. break; case 'language-not-supported': //Feedback: Diese Sprache wird leider nicht unterstützt. break; } }; var speechEnd = function() { speechListening = false; }; var speechResult = function(event) { for (var i = event.resultIndex; i < event.results.length; ++i) { if (event.results[i].isFinal) { console.log(event.results[i][0].transcript); } } };