html5 语音包,用HTML5的Web Speech API识别语音读出内容

Web Speech API包括两个部分，一个是识别用户说话；还有一个是朗读指定内容。这个功能无疑在某些场景是非常有用的。

1、webkitSpeechRecognition(语音识别)

因为webkitSpeechRecognitionAPI支持的不是很好，所以这里就简单的介绍一下。

我们需要先创建一个webkitSpeechRecognition实例，因为该功能很多浏览器还没有支持，我们测试用的是chrome浏览器，所以需要加webkit前缀。

let newRecognition = new webkitSpeechRecognition();

然后我们可以设置，是识别到声音就关闭，还是一直识别，根据自己的需求进行设置

newRecognition.continuous = true;

最后开启录音和关闭录音

newRecognition.start();

newRecognition.stop();

同时这里也提供了许多事件让我们使用，当接收到一个成功的消息之后就会触发onresult事件，它并不是停止录音而触发，而是当成功接收到一段可以识别的语音时触发，所以可能触发多次。

newRecognition.onresult = function(event) {

console.log(event);

}

打印出来的事件对象是这样的，我们可以获取到识别出来的内容，虽然我试了几次有很大几率识别的不准。。。