Entrada de Voz/Voz Directa en el navegador móvil

Question

Me gustaría hacer una aplicación web que necesite manejar muchas entradas de usuario cortas, pero en lugar de escribir todos los textos, el usuario debería poder usar el micrófono.

Sé que los iPhones y los teléfonos inteligentes Android tienen un "botón de micrófono" en el teclado, pero ambas plataformas requieren enfocar primero la entrada para comenzar a grabar. Sería mucho mejor si tuviera solo un botón, porque de lo contrario no sentirías que estás destinado a realizar la entrada usando tu voz.

Intenté usar el atributo x-webkit-speech en mi teléfono Android, pero Dolphin HD o Google Chrome sí mostraron un campo de entrada de voz real.

¿Hay alguna manera de abrir el diálogo de entrada de voz directamente sin hacer que el teclado sea visible primero o simplemente espero mucho?

Answer 1

(Asumiendo que habla y la entrada es en realidad activado en el navegador,) que sólo podía mostrar el "botón del micrófono y redirigir la entrada al lugar que desee, como en este ejemplo, un cuadro de texto:

<script type="text/javascript"> 
function transcribe(words){ 
    document.getElementById("mic").value=""; 
    document.getElementById("speech").value=words; 
    document.getElementById("speech").focus(); 
} 
</script> 
Speech input for textarea - click the microphone icon and talk: <br> 
<br> 
<textarea id="speech" cols="50"></textarea> 
<input id="mic" style="width:15px; height:20px; border:0px; background-color:transparent" x-webkit-speech onwebkitspeechchange="transcribe(this.value)"> 

Espero que este helpes!