浅析如何利用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 Tab选项卡效果代码改进版
Apr 01 Javascript
Wordpress ThickBox 点击图片显示下一张图的修改方法
Dec 11 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
Jan 25 Javascript
登陆成功后自动计算秒数执行跳转
Jan 23 Javascript
jquery easyui中treegrid用法的简单实例
Feb 18 Javascript
三种检测iPhone/iPad设备方向的方法
Apr 23 Javascript
jQuery为某个div加入行样式
Jun 09 jQuery
深入理解AngularJs-scope的脏检查(一)
Jun 19 Javascript
在vue中使用css modules替代scroped的方法
Mar 10 Javascript
vue.js前后端数据交互之提交数据操作详解
Apr 24 Javascript
微信小程序性能优化之checkSession的使用
Mar 06 Javascript
jquery操作select常见方法大全【7种情况】
May 28 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设计模式 Bridge (桥接模式)
2011/06/26 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
php中fsockopen用法实例
2015/01/05 PHP
php使用Jpgraph绘制柱形图的方法
2015/06/10 PHP
php使用Session和文件统计在线人数
2015/07/04 PHP
基于PHP后台的Android新闻浏览客户端
2016/05/23 PHP
PHP实现Redis单据锁以及防止并发重复写入
2018/04/10 PHP
php设计模式之代理模式分析【星际争霸游戏案例】
2020/03/23 PHP
弹出广告特效(一个IP只弹出一次)的代码
2007/07/27 Javascript
JavaScript性能陷阱小结(附实例说明)
2010/12/28 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
2012/02/27 Javascript
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
2013/09/30 Javascript
js setTimeout opener的用法示例详解
2013/10/23 Javascript
jquery 显示*天*时*分*秒实现时间计时器
2014/05/07 Javascript
js调试系列 断点与动态调试[基础篇]
2014/06/18 Javascript
jQuery的图片滑块焦点图插件整理推荐
2014/12/07 Javascript
动态JavaScript所造成一些你不知道的危害
2016/09/25 Javascript
js格式化时间的简单实例
2016/11/27 Javascript
vue之数据交互实例代码
2017/06/16 Javascript
js is_valid_filename验证文件名的函数
2017/07/19 Javascript
vue3.0中使用postcss-pxtorem的具体方法
2019/11/20 Javascript
通过C++学习Python
2015/01/20 Python
用Python解析XML的几种常见方法的介绍
2015/04/09 Python
Python使用paramiko操作linux的方法讲解
2019/02/25 Python
5款Python程序员高频使用开发工具推荐
2019/04/10 Python
Python发起请求提示UnicodeEncodeError错误代码解决方法
2020/04/21 Python
全世界最美丽的四星和五星级酒店预订:Prestigia.com
2017/11/15 全球购物
全球高级音频和视频专家:HiDef Lifestyle
2019/08/02 全球购物
毕业生求职找工作的自我评价范文
2013/11/27 职场文书
入党思想汇报怎么写
2014/04/03 职场文书
歌唱比赛策划方案
2014/06/06 职场文书
设计专业自荐信
2014/06/19 职场文书
2016年重阳节慰问信
2015/12/01 职场文书
JavaCV实现照片马赛克效果
2022/01/22 Java/Android