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


Posted in Javascript onOctober 27, 2016

一、基础用法

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的语音识别总体还并未大范围使用,而且受限于浏览器支持,因此只有少数需求或许能够使用到吧。以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
JS小框架 fly javascript framework
Nov 26 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
Feb 14 Javascript
关于Javascript作用域链的八点总结
Dec 06 Javascript
jQuery实现数字加减效果汇总
Dec 16 Javascript
javascript将异步校验表单改写为同步表单
Jan 27 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
Jul 06 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
Oct 27 Javascript
vue2.0构建单页应用最佳实战
Apr 01 Javascript
Vuex的基本概念、项目搭建以及入坑点
Nov 04 Javascript
vue插槽slot的理解和使用方法
Apr 03 Javascript
原生js实现each方法实例代码详解
May 27 Javascript
WebStorm中如何将自己的代码上传到github示例详解
Oct 28 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
Oct 27 #Javascript
简单理解vue中track-by属性
Oct 26 #Javascript
javascript iframe跨域详解
Oct 26 #Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
Oct 26 #Javascript
jQuery的ready方法实现原理分析
Oct 26 #Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 #Javascript
BootStrap tab选项卡使用小结
Aug 09 #Javascript
You might like
用php实现批量查询清除一句话后门的代码
2008/01/20 PHP
php字符串过滤与替换小结
2015/01/26 PHP
php实现兼容2038年后Unix时间戳转换函数
2015/03/18 PHP
php数组生成html下拉列表的方法
2015/07/20 PHP
jquery 子窗口操作父窗口的代码
2009/09/21 Javascript
JQuery优缺点分析说明
2011/04/10 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
2013/01/09 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
2013/05/07 Javascript
js判断客户端是iOS还是Android等移动终端的方法
2013/12/11 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
2015/12/13 Javascript
JQuery为元素添加样式的实现方法
2016/07/20 Javascript
轻松掌握JavaScript装饰者模式
2016/08/27 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
2017/03/13 Javascript
js核心基础之构造函数constructor用法实例分析
2019/05/11 Javascript
VUEX采坑之路之获取不到$store的解决方法
2019/11/08 Javascript
jQuery实现移动端笔触canvas电子签名
2020/05/21 jQuery
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
Python可变参数用法实例分析
2017/04/02 Python
Python使用min、max函数查找二维数据矩阵中最小、最大值的方法
2018/05/15 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
纯css3使用vw和vh实现自适应的方法
2018/02/09 HTML / CSS
有关HTML5中背景音乐的自动播放功能
2017/10/16 HTML / CSS
Agoda.com官方网站:便宜预订全球酒店,高达80%的折扣
2018/04/04 全球购物
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
师范生实习个人的自我评价
2013/09/28 职场文书
旷课检讨书1000字
2014/02/14 职场文书
网球场地租赁协议范本
2014/10/07 职场文书
2014年乡镇党建工作总结
2014/11/11 职场文书
公司员工安全协议书
2014/11/21 职场文书
六一晚会主持词开场白
2015/05/28 职场文书
党支部对转正的意见
2015/06/02 职场文书
亲戚关系证明
2015/06/24 职场文书
HR必备:超全面的薪酬待遇管理方案!
2019/07/12 职场文书
python文本处理的方案(结巴分词并去除符号)
2021/05/26 Python
win10壁纸在哪个文件夹 win10桌面背景图片文件位置分享
2022/08/05 数码科技