Javascript 将语音响应添加到HTML页面

这适用于仅移动站点：

---

我想在我的页面上有一个按钮，当按下按钮时，用户可以对着他们的手机讲话，当他们结束讲话时，会触发一个随机的mp3文件。这在JQuery中是可能的吗？

本页演示了如何做到这一点

下面是一些专门为语音识别构建的其他JS库

---

我曾经使用过语音识别API，并且使用过

annyang是一个很小的javascript库，可以让访问者控制 使用语音命令访问您的站点。安阳支持多种语言， 无依赖性，重量仅3kb，可自由使用

简单到：

<script src="//cdnjs.cloudflare.com/ajax/libs/annyang/2.0.0/annyang.min.js"></script>

<script>
if (annyang) {

  // set your commands here, as many as you need
  var commands = {
    'play mp3': function() {
        // change this to your own play MP3 method
        audioElement.play();
    },
    'put the kettle on': function() {
        console.log("You wish!");
    }
  };

  // add commands
  annyang.addCommands(commands);

  // start listening
  annyang.start();

}
</script>

如果（安阳）{
//根据需要在此处设置命令
var命令={
“播放mp3”：函数（）{
//将此更改为您自己的播放MP3方法
audioElement.play（）；
},
“打开水壶”：函数（）{
log（“你愿意！”）；
}
};
//添加命令
annyang.addCommands（commands）；
//开始听
annyang.start（）；
}

Annyang是一个可以轻松设置语音命令的库。然而，这并不是世界上最快的解决方案，因为我认为（有知识的人请在这里插手）图书馆只是调用外部服务（我认为是谷歌），在运行代码之前必须等待响应。只需要一两秒钟，但它就在那里

语音识别API还要求允许用户使用麦克风。当页面加载时，会自动出现一个小弹出窗口并请求许可。如果用户选择“否”，您的语音功能将无法工作

正如我前面所说的，浏览器支持看起来相当暗淡。在撰写本文时，只有Chrome、Android Chrome和Opera可以使用它：caniuse.com/#feat=语音识别

玩语音游戏非常有趣，所以无论你决定是否使用它，都要玩一玩。我在旁边用它跟我顶嘴。我在我的桌面上建立了一个小页面，我可以问她诸如“天气怎么样？”之类的问题，她会给我读当地的天气报告。我问她“最新消息是什么？”她从我当地通讯社的RSS订阅中阅读了10条新闻。我还把它变成了语音计算器。所以，是的，有一天它会得到广泛的支持

请在此处阅读更多信息：

---

是的，但支持它的浏览器不多（）。您可以在此处阅读更多内容：