将 x-webkit-speech 与 textarea 一起使用答案

【问题标题】：Use x-webkit-speech with a textarea将 x-webkit-speech 与 textarea 一起使用
【发布时间】：2011-05-11 18:01:54
【问题描述】：

我的 web 应用中有一个字段，用户在其中输入大量文本。我想实现 x-webkit-speech 元素。它适用于所有

<input>

boxes，但我无法让它在

中呈现

<textarea name="uxMyInput" rows="30" cols="20" id="uxMyInput" onblur="convert();" style="width:100%;" x-webkit-speech=""></textarea>

【问题讨论】：

【解决方案1】：

目前它仅适用于输入。我认为最终会支持更长的文本输入，但由于用户可能希望记录更长的条目，我怀疑他们担心处理的准确性和时间会受到影响。

【讨论】：

【解决方案2】：

答案相当简单：在您的文本区域上方添加一个文本输入框，然后使用 onwebkitspeechchange 属性将新识别的文本从输入框复制到文本区域。

我在 jsfiddle 上发布了一个代码示例：

【讨论】：