浅析如何利用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 相关文章推荐
一行代码实现纯数据json对象的深度克隆实现思路
Jan 09 Javascript
js实现点击注册按钮开始读秒倒计时的小例子
May 11 Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
Aug 14 Javascript
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
js判断输入字符串是否为空、空格、null的方法总结
Jun 14 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
Jul 07 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
Node 升级到最新稳定版的方法分享
May 17 Javascript
js指定日期增加指定月份的实现方法
Dec 19 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
Vue-axios-post数据后端接不到问题解决
Jan 09 Javascript
vue实现瀑布流组件滑动加载更多
Mar 10 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 array_slice函数的使用以及参数详解
2008/08/30 PHP
php调用新浪短链接API的方法
2014/11/08 PHP
PHP长网址与短网址的实现方法
2017/10/13 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
asp.net+jquery滚动滚动条加载数据的下拉控件
2010/06/25 Javascript
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
2011/04/27 Javascript
仿百度输入框智能提示的js代码
2013/08/22 Javascript
JS 毫秒转时间示例代码
2013/09/22 Javascript
JavaScript四种调用模式和this示例介绍
2014/01/02 Javascript
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
手机端实现Bootstrap简单图片轮播效果
2016/10/13 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
2016/12/28 Javascript
详解Javascript几种跨域方式总结
2017/02/27 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
2017/07/07 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
2018/09/27 Javascript
React 全自动数据表格组件——BodeGrid的实现思路
2019/06/12 Javascript
[02:43]DOTA2英雄基础教程 圣堂刺客
2013/12/09 DOTA
[01:13:51]TNC vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python写入xml文件的方法
2015/05/08 Python
python数据封装json格式数据
2018/03/04 Python
详解Python如何生成词云的方法
2018/06/01 Python
Django 实现购物车功能的示例代码
2018/10/08 Python
python解压TAR文件至指定文件夹的实例
2019/06/10 Python
一行python实现树形结构的方法
2019/08/09 Python
numpy求平均值的维度设定的例子
2019/08/24 Python
python实现人脸签到系统
2020/04/13 Python
浅谈pytorch中torch.max和F.softmax函数的维度解释
2020/06/28 Python
Pycharm及python安装详细教程(图解)
2020/07/31 Python
HTML5 CSS3实现一个精美VCD包装盒个性幻灯片案例
2014/06/16 HTML / CSS
html5拖拽应用记录及注意点
2020/05/27 HTML / CSS
年度考核评语
2014/01/19 职场文书
婚庆司仪主持词
2014/03/15 职场文书
网站客服岗位职责
2014/04/05 职场文书
教育系统干部作风整顿心得体会
2014/09/09 职场文书