浅析如何利用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的语音识别总体还并未大范围使用，而且受限于浏览器支持，因此只有少数需求或许能够使用到吧。以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
相关文章
本篇文章主要介绍了微信小程序使用Promise简化回调，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了Active控件问题小结(附解决办法)的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了ES6新特性之Object的变化,结合具体实例形式分析了ES6中Object对象定义与使用方法的变化,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了通过实例解析js可枚举属性与不可枚举属性,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-12-12
这篇文章主要介绍了js实现按钮控制图片360度翻转特效的方法,涉及HTML5中canvas方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
比如要判断一个变量是否是数组类型,PHP中有is_array()函数可以直接判断,然而js中我们需要...-- well,下面我们就来详细看一下JavaScript中判断数据类型的方法总结2016-05-05
这篇文章主要介绍了php，js，css字符串截取的办法，其实没有什么技术含量，就是记录一下，方便自己复习巩固，希望对大家能有所帮助2014-09-09
FireFox并没有 window.event ,所以在FireFox下编写事件处理函数是很麻烦的事。如果要得到 event 对象,就必须要声明时间处理函数的第一个参数为event2009-11-11
这篇文章主要介绍了Redux中进行异步操作(网络请求)的方案,本文结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-12-12
在javascript中处理文本框输入值的时候，经常要用到"去掉前后空白"的功能。用过jQuery的朋友都知道，jQuery提供了一个trim()这样的功能函数，可以很轻松帮我们实现这样的效果。2009-11-11
最新评论