如何在输入标签中将语音识别添加到网站？

Question

我想知道如何将语音识别添加到网站中的任何输入标签。 我已经浏览了很多关于网络和所有网站的教程，甚至演示都没有显示麦克风图标。 我甚至阅读了文档Api Description。请建议什么是创建问题或谷歌已禁用它？ 感谢

Answer 1

这是您可以使用html5标记属性在网站中添加语音识别的方法 x-webkit-speech 。 您需要在网站中添加的代码如下所示。

<p id="msg">
</p>
<div id="speech-input">
    Enter input ::<input type="text" id="text" x-webkit-speech>
</div>

大多数网络浏览器都不支持此输入属性。因此，您可以使用以下js检查您的网站是否支持此

var msg = document.getElementById('msg');

if (document.createElement('input').webkitSpeech === undefined) {
msg.innerHTML = "x-webkit-speech is <strong>not supported</strong> in your browser.";
} else {
msg.innerHTML = "x-webkit-speech is <strong>supported</strong> in your browser.";
}