浅析如何利用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 相关文章推荐
广告显示判断
Aug 31 Javascript
常用js脚本
Dec 03 Javascript
jquery使用ColorBox弹出图片组浏览层实例演示
Mar 14 Javascript
使用javascipt---实现二分查找法
Apr 10 Javascript
jquery Banner轮播选项卡
Dec 26 Javascript
angularjs2中父子组件的数据传递的实例代码
Jul 05 Javascript
Node.js创建Web、TCP服务器
Dec 05 Javascript
Vue.use源码学习小结
Jun 20 Javascript
vue+element的表格实现批量删除功能示例代码
Aug 17 Javascript
AutoJs实现刷宝短视频的思路详解
May 22 Javascript
Vue-cli打包后如何本地查看的操作
Sep 02 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
Nov 05 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
深入了解php4(2)--重访过去
2006/10/09 PHP
如何将数据从文本导入到mysql
2006/10/09 PHP
让codeigniter与swfupload整合的最佳解决方案
2014/06/12 PHP
php在数据库抽象层简单使用PDO的方法
2015/11/03 PHP
PHP钩子与简单分发方式实例分析
2017/09/04 PHP
PHP中SESSION过期设置
2021/03/09 PHP
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
js常用排序实现代码
2010/12/28 Javascript
使用js获取图片原始尺寸
2014/12/03 Javascript
JavaScript重载函数实例剖析
2016/05/13 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
2017/09/08 Javascript
Angular2管道Pipe及自定义管道格式数据用法实例分析
2017/11/29 Javascript
nodeJs实现基于连接池连接mysql的方法示例
2018/02/10 NodeJs
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
Javascript 对象(object)合并操作实例分析
2019/07/30 Javascript
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
独特的python循环语句
2016/11/20 Python
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
python实现自动发送邮件
2018/06/20 Python
python实现傅里叶级数展开的实现
2018/07/21 Python
基于Python爬取爱奇艺资源过程解析
2020/03/02 Python
python关于变量名的基础知识点
2020/03/03 Python
Python ORM框架Peewee用法详解
2020/04/29 Python
美国标志性加大尺码时装品牌:Ashley Stewart
2016/12/15 全球购物
马来西亚太阳镜、眼镜和隐形眼镜网上商店:Focus Point
2018/12/13 全球购物
主键(Primary Key)约束和唯一性(UNIQUE)约束的区别
2013/05/29 面试题
银行求职信个人范文
2013/12/16 职场文书
初中三好学生事迹材料
2014/01/13 职场文书
演讲稿格式
2014/04/30 职场文书
汽车广告策划方案
2014/05/31 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
群众路线剖析材料怎么写
2014/10/09 职场文书
2016年重阳节慰问信
2015/12/01 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
送给火锅店的创意营销方案!
2019/07/08 职场文书