欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

浅析如何利用JavaScript进行语音识别

程序员文章站 2022-05-17 17:27:42
...
一、基础用法
var recognition = new webkitSpeechRecognition();
recognition.onresult = function(event) {
 console.log(event)
}
recognition.start();

这里操作实际会让用户授权页面开启麦克风,如果用户允许的话,用户可以开始说话了,如果你停说话了,onresult注册的时间 则会被触发,并会讲捕获的音频返回成一个JavaScript对象。

二、响应流

你需要等待用户准备好对话,并且知道对话结束;

var recognition = new webkitSpeechRecognition();
recognition.continuous = true;
recognition.interimResults = true;
recognition.onresult = function(event) {
 console.log(event)
}
recognition.start();

浅析如何利用JavaScript进行语音识别

这样你可以在用户开始讲话时,提前渲染结果。

你可以自动以识别的语言,默认情况为所在地区语言。

三、x-webkit-speech

Webkit 内核的浏览器支持语音输入

<input type="text" x-webkit-speech />

它会识别音频并进行转化为文字

四、安全性

http协议下浏览器每次都会提醒用户去确认语音操作,然而https的页面,没有这样一个麻烦的操作。
JavaScript上下文,整个页面,都能过访问到捕获的音频。

相关标签: JavaScript