Created
January 4, 2014 01:52
-
-
Save arirusso/8250443 to your computer and use it in GitHub Desktop.
Hello world for Web Speech API in a browser. Speak into the microphone and the recognized words will be printed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>JavaScript Web Speech API Example</title> | |
| <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> | |
| <script type="text/javascript"> | |
| var final_transcript = ''; | |
| var recognizing = false; | |
| var ignore_onend; | |
| var recognition = new webkitSpeechRecognition(); | |
| recognition.continuous = true; | |
| recognition.interimResults = true; | |
| recognition.lang = "en-US"; | |
| recognition.onstart = function () { | |
| recognizing = true; | |
| }; | |
| recognition.onend = function () { | |
| recognizing = false; | |
| if (ignore_onend) { | |
| return; | |
| } | |
| if (!final_transcript) { | |
| return; | |
| } | |
| }; | |
| recognition.onresult = function (event) { | |
| var interim_transcript = ''; | |
| for (var i = event.resultIndex; i < event.results.length; ++i) { | |
| if (event.results[i].isFinal) { | |
| final_transcript += event.results[i][0].transcript; | |
| } else { | |
| interim_transcript += event.results[i][0].transcript; | |
| } | |
| } | |
| $("#final").html(format(final_transcript)); | |
| $("#draft").html(format(interim_transcript)); | |
| }; | |
| function format(s) { | |
| return linebreak(capitalize(s)); | |
| } | |
| function linebreak(s) { | |
| return s.replace(/\n\n/g, '<p></p>').replace(/\n/g, '<br>'); | |
| } | |
| function capitalize(s) { | |
| return s.replace(/\S/, function (m) { | |
| return m.toUpperCase(); | |
| }); | |
| } | |
| $(document).ready(function () { | |
| recognition.start(); | |
| ignore_onend = false; | |
| }); | |
| </script> | |
| </head> | |
| <body> | |
| <span id="final"></span> <span id="draft"></span> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Usted sabe que yo estoy luchando para integrar webkitSpeechRecognition (); un editor de texto HTML 5, este es el editor que desea integrar.
El objetivo es hablar y dar formato al texto como una palabra, pero cuando el anclaje de la webkitSpeechRecognition (); el área de texto conectado a la edición esto sólo hace nada transcribe dictado, pero la funcionalidad del editor de texto no tiene un fallo.
y e intenté buscar contenido en la red, pero nada, espero y puedo dar ningún consejo para lograr este objetivo.
De antemano muchas gracias.
Traducir por Google
sabes que estoy batallando para integrar el webkitSpeechRecognition(); a un editor de textos en HTML5 este es el editor que quiero integrar: .
El objetivo es poder hablar y dar formato al texto como en un word, pero al momento de anclar el webkitSpeechRecognition(); al textarea conectado con el edito este simplemente no trascribe nada de lo dictado, pero la funcionalidad del editor de textos no tiene fallo alguno.
ya e tratado de buscar contenido en la red pero nada, espero y me puedas brindar algun consejo para lograr este cometido.
De antemano Muchas Gracias.