Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Hello world for Web Speech API in a browser. Speak into the microphone and the recognized words will be printed
<!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>
@emmandeb

This comment has been minimized.

Copy link

@emmandeb emmandeb commented Feb 12, 2016

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment