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

【问题标题】：Direct Voice/Speech Input on Mobile Browser移动浏览器上的直接语音/语音输入
【发布时间】：2012-07-11 18:05:48
【问题描述】：

我想制作一个网络应用程序，它需要处理许多简短的用户输入，但不是输入所有文本，用户应该能够使用麦克风。

我知道 iPhone 和 Android 智能手机的键盘上确实有一个“麦克风按钮”，但两个平台都需要先聚焦输入才能开始录制。如果我有只有一个按钮会更好，否则你不会真的觉得你打算用你的声音来执行输入。

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

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

【问题讨论】：

标签： android html browser mobile-safari speech-recognition

【解决方案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)">

希望这会有所帮助！

【讨论】：