浅析如何利用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脚本编程解决考试分数统计问题
Oct 18 Javascript
JQuery打造PHP的AJAX表单提交实例
Nov 03 Javascript
JavaScript 面向对象的之私有成员和公开成员
May 04 Javascript
js 一个关于图片onload加载的事
Nov 10 Javascript
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 Javascript
javascript常用代码段搜集
Dec 04 Javascript
javascript实现平滑无缝滚动
Aug 09 Javascript
js canvas实现擦除动画
Jul 16 Javascript
js 原型对象和原型链理解
Feb 09 Javascript
Angularjs上传文件组件flowjs功能
Aug 07 Javascript
js实现多张图片每隔一秒切换一张图片
Jul 29 Javascript
vue-dplayer 视频播放器实例代码
Nov 08 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
雄兵连三大错觉:凯莎没了,凉冰阵亡了,华烨觉得自己又行了
2020/04/09 国漫
为php4加入动态flash文件的生成的支持
2006/10/09 PHP
php中magic_quotes_gpc对unserialize的影响分析
2014/12/16 PHP
php文件缓存方法总结
2016/03/16 PHP
php封装的数据库函数与用法示例【参考thinkPHP】
2016/11/08 PHP
javascript英文日期(有时间)选择器
2007/05/02 Javascript
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
JavaScript 继承详解(一)
2009/07/13 Javascript
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
十个优秀的Ajax/Javascript实例网站收集
2010/03/31 Javascript
Jquery 动态添加按钮实现代码
2010/05/06 Javascript
Javascript中arguments对象详解
2014/10/22 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
2015/05/06 Javascript
浅析Node.js中的内存泄漏问题
2015/06/23 Javascript
不得不分享的JavaScript常用方法函数集(上)
2015/12/23 Javascript
浅析BootStrap模态框的使用(经典)
2016/04/29 Javascript
JS简单实现tab切换效果的多窗口显示功能
2016/09/07 Javascript
微信小程序开发实战教程之手势解锁
2016/11/18 Javascript
vue.js指令和组件详细介绍及实例
2017/04/06 Javascript
JavaScript利用fetch实现异步请求的方法实例
2017/07/26 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
2017/08/08 jQuery
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
2017/11/28 Javascript
webpack4 升级迁移的实现
2018/09/12 Javascript
[42:56]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python编程培训 python培训靠谱吗
2018/01/17 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
小学端午节活动方案
2014/03/13 职场文书
安全负责人任命书
2014/06/06 职场文书
公共场所标语
2014/06/30 职场文书
《云雀的心愿》教学反思
2016/02/23 职场文书
简短的人生哲理(38句)
2019/08/13 职场文书
创业计划书之旅游网站
2019/09/06 职场文书
sqlserver连接错误之SQL评估期已过的问题解决
2022/03/23 SQL Server