浅析如何利用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 相关文章推荐
比较详细的关于javascript 解析json的代码
Dec 16 Javascript
基于Jquery的温度计动画效果
Jun 18 Javascript
javascript学习笔记(十) js对象 继承
Jun 19 Javascript
uploadify在Firefox下丢失session问题的解决方法
Aug 07 Javascript
js实现飞入星星特效代码
Oct 17 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
May 20 Javascript
JavaScript中setter和getter方法介绍
Jul 11 Javascript
javascript之IE版本检测超简单方法
Aug 20 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
如何在JavaScript中谨慎使用代码注释
Jun 21 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
jQuery实现轮播图效果
Nov 26 jQuery
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+javascript实现二级级联菜单的制作
2008/05/06 PHP
php递归获取目录内文件(包含子目录)封装类分享
2013/12/25 PHP
PHP的foreach中使用引用时需要注意的一个问题和解决方法
2014/05/29 PHP
如何使用PHP给图片加水印
2016/10/12 PHP
Yii框架的布局文件实例分析
2019/09/04 PHP
javascript[js]获取url参数的代码
2007/10/17 Javascript
jquery及原生js获取select下拉框选中的值示例
2013/10/25 Javascript
js中prototype用法详细介绍
2013/11/14 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
2014/02/13 Javascript
jQuery动态星级评分效果实现方法
2015/08/06 Javascript
jquery mobile 移动web(5)
2015/12/20 Javascript
使用plupload自定义参数实现多文件上传
2016/07/19 Javascript
浅谈js中子页面父页面方法 变量相互调用
2016/08/04 Javascript
JavaScript错误处理和堆栈追踪详解
2017/04/18 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
2017/06/14 Javascript
jQuery扇形定时器插件pietimer使用方法详解
2017/07/18 jQuery
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
深入浅出了解Node.js Streams
2019/05/27 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
2019/10/26 Javascript
9种方法优化jQuery代码详解
2020/02/04 jQuery
Javascript类型判断相关例题及解析
2020/08/26 Javascript
js实现批量删除功能
2020/08/27 Javascript
使用Protocol Buffers的C语言拓展提速Python程序的示例
2015/04/16 Python
Python2实现的LED大数字显示效果示例
2017/09/04 Python
使用Python的toolz库开始函数式编程的方法
2018/11/15 Python
pycharm 取消默认的右击运行unittest的方法
2018/11/29 Python
python 中 .py文件 转 .pyd文件的操作
2021/03/04 Python
浅析css3中matrix函数的使用
2016/06/06 HTML / CSS
中国旅游网站:同程旅游
2016/09/11 全球购物
国际鲜花速递专家:Floraqueen
2016/11/24 全球购物
圣诞树世界:Christmas Tree World
2019/12/10 全球购物
日本最大的购物网站:日本乐天市场(Rakuten Ichiba)
2020/11/04 全球购物
请描述一下”is a”关系和”has a”关系
2015/02/03 面试题
饭店服务员岗位职责
2015/02/09 职场文书
有关浪费资源的建议书
2015/09/14 职场文书
Java中使用Filter过滤器的方法
2021/06/28 Java/Android