浅析如何利用JavaScript进行语音识别
更新时间：2016年10月27日 08:45:01 投稿：daisy
所谓语音识别就是将你所说的转化成文字。Chrome 浏览器在版本25之后开始对这一特性的支持。这篇文章将会详细的介绍如何使用JavaScript进行语音识别，感兴趣的朋友们可以参考借鉴，下面来一起看看吧。
一、基础用法
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();
这样你可以在用户开始讲话时，提前渲染结果。
你可以自动以识别的语言，默认情况为所在地区语言。
三、x-webkit-speech
Webkit 内核的浏览器支持语音输入
<input type="text" x-webkit-speech />
它会识别音频并进行转化为文字
四、安全性
http协议下浏览器每次都会提醒用户去确认语音操作，然而https的页面，没有这样一个麻烦的操作。
JavaScript上下文，整个页面，都能过访问到捕获的音频。
总结
JavaScript的语音识别总体还并未大范围使用，而且受限于浏览器支持，因此只有少数需求或许能够使用到吧。以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
相关文章
由于javascript无法获取img文件头数据，必须等待其加载完毕后才能获取真实的大小，所以lightbox类效果为了让图片居中显示，导致其速度体验要比直接输出的差很多。2011-03-03
最近发现一个问题，echarts图初始化后不能自适应浏览器的缩放，所以下面这篇文章就来给大家介绍了关于echarts图表自适应问题的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。2017-11-11
这篇文章主要介绍了微信小程序自定义菜单切换栏tabbar组件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了ES6之模版字符串的具体使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
做了一个判断浏览器类型和版本号的业务，记录下相关的js代码，个人感觉还不错，需要的朋友可以参考下2013-10-10
这篇文章主要介绍了JS实现很酷的EMAIL地址添加功能,实例分析了javascript操作text文本的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
本文主要介绍了JS支付页面倒计时的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-03-03
本篇文章主要介绍了javascript如何用递归写一个简单的树形结构示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
项目中有需要嵌入其他H5的页面的业务需求,这篇文章主要给大家介绍了关于uniapp使用webview嵌入vue页面及通信实现方式的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-01-01
JS的encodeURI和java的URLDecoder.decode使用介绍
如果不想在url中看到有明文可以使用js的encodeURI的URLDecoder.decode一起使用一起来把url加密下，下面有个不错的示例，大家不妨参考下2014-05-05
最新评论