移动浏览器上的直接语音/语音输入

Question

我想制作一个需要处理许多短用户输入的Web应用程序,但不是键入所有文本,用户应该能够使用麦克风.

我知道iPhone和Android智能手机的键盘上都有一个"麦克风按钮",但两个平台都需要先将输入聚焦才能开始录制.如果我只有一个按钮会好得多,因为否则你不会真的觉得你打算使用你的声音来执行输入.

我尝试x-webkit-speech在我的Android手机上使用该属性,但Dolphin HD和Google Chrome确实显示了真实的语音输入字段.

有没有办法直接打开语音输入对话框而不首先使键盘可见或我只是期望太多？

Answer 1

（假设浏览器中实际上启用了语音输入，）您只能显示“麦克风按钮”并将输入重定向到您想要的任何位置，例如本例中的文本框：

<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)">

希望这有帮助！