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

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
You can’t perform that action at this time.