浅析如何利用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 相关文章推荐
Jquery中dialog属性小记
Sep 03 Javascript
通过Javascript创建一个选择文件的对话框代码
Jun 16 Javascript
jquery 3D 标签云示例代码
Jun 12 Javascript
使用js实现数据格式化
Dec 03 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
Mar 09 Javascript
深入理解jQuery中的事件冒泡
May 24 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
AngularJS实现select的ng-options功能示例
Jul 12 Javascript
Vue动态生成表格的行和列
Jul 18 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
Oct 28 Javascript
koa-passport实现本地验证的方法示例
Feb 20 Javascript
jQuery中event.target和this的区别详解
Aug 13 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 魔术方法使用说明
2009/10/20 PHP
IIS下PHP的三种配置方式对比
2014/11/20 PHP
php采集自中央气象台范围覆盖全国的天气预报代码实例
2015/01/04 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
[原创]php获取数组中键值最大数组项的索引值
2015/03/17 PHP
php ci 获取表单中多个同名input元素值的代码
2016/03/25 PHP
PHP基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
Jquery 弹出层插件实现代码
2009/10/24 Javascript
Jquery 插件开发笔记整理
2011/01/17 Javascript
JS保留两位小数 四舍五入函数的小例子
2013/11/20 Javascript
jquery ajax jsonp跨域调用实例代码
2013/12/11 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
2014/04/02 Javascript
浅谈JavaScript function函数种类
2014/12/29 Javascript
jQuery实现DIV层收缩展开的方法
2015/02/27 Javascript
javascript模拟评分控件实现方法
2015/05/13 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
2020/01/12 Javascript
js实现无缝轮播图特效
2020/05/09 Javascript
[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访
2015/12/26 DOTA
Python中的赋值、浅拷贝、深拷贝介绍
2015/03/09 Python
python numpy函数中的linspace创建等差数列详解
2017/10/13 Python
Python 字符串与数字输出方法
2018/07/16 Python
python使用matplotlib模块绘制多条折线图、散点图
2020/04/26 Python
python实现简单flappy bird
2018/12/24 Python
python获取指定日期范围内的每一天,每个月,每季度的方法
2019/08/08 Python
python函数修饰符@的使用方法解析
2019/09/02 Python
Python3.6安装卸载、执行命令、执行py文件的方法详解
2020/02/20 Python
Python爬虫新手入门之初学lxml库
2020/12/20 Python
JAVA的事件委托机制和垃圾回收机制
2014/09/07 面试题
自我评价范文点评
2013/12/04 职场文书
应付会计岗位职责
2013/12/12 职场文书
开办化妆品公司创业计划书
2013/12/26 职场文书
写演讲稿所需要注意的4个条件
2014/01/09 职场文书
运动会稿件300字
2014/02/14 职场文书
大一新生学期自我评价
2014/04/09 职场文书
求职自我推荐信
2015/03/24 职场文书