浅析如何利用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 相关文章推荐
JS过滤url参数特殊字符的实现方法
Dec 24 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
Apr 06 Javascript
javascript 闭包详解
Jul 02 Javascript
Vue.js中组件中的slot实例详解
Jul 17 Javascript
基于JS实现移动端左滑删除功能
Jul 28 Javascript
react-native封装插件swiper的使用方法
Mar 20 Javascript
js技巧之十几行的代码实现vue.watch代码
Jun 09 Javascript
Vue如何实现响应式系统
Jul 11 Javascript
Layui 设置select下拉框自动选中某项的方法
Aug 14 Javascript
JS浏览器BOM常见操作实例详解
Apr 27 Javascript
Electron实现应用打包、自动升级过程解析
Jul 07 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 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几个数学计算的内部函数学习整理
2011/08/06 PHP
php使用curl发送json格式数据实例
2013/12/17 PHP
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
php中$_POST与php://input的区别实例分析
2015/01/07 PHP
php简单解析mysqli查询结果的方法(2种方法)
2016/06/29 PHP
js的一些常用方法小结
2011/06/29 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
2013/06/25 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
javascript HTML+CSS实现经典橙色导航菜单
2016/02/16 Javascript
BootStrap Table 获取同行不同列元素的方法
2016/12/19 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
2017/07/12 Javascript
thinkjs 文件上传功能实例代码
2017/11/08 Javascript
第一个Vue插件从封装到发布
2017/11/22 Javascript
基于Vue2x的图片预览插件的示例代码
2018/05/14 Javascript
微信小程序 确认框的实现(附代码)
2019/07/23 Javascript
JavaScript正则表达式验证登录实例
2020/03/18 Javascript
JavaScript实现雪花飘落效果
2020/12/27 Javascript
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
Python实现从url中提取域名的几种方法
2014/09/26 Python
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
python模块之time模块(实例讲解)
2017/09/13 Python
使用python编写监听端
2018/04/12 Python
详解opencv Python特征检测及K-最近邻匹配
2019/01/21 Python
Python3使用TCP编写一个简易的文件下载器功能
2019/05/08 Python
使用OpenCV实现仿射变换—旋转功能
2019/08/29 Python
python开发入门——set的使用
2020/09/03 Python
用python 绘制茎叶图和复合饼图
2021/02/26 Python
中国网上药店领导者:1药网
2017/02/16 全球购物
英国音乐设备和乐器商店:Gear4music
2017/10/16 全球购物
纬创Java面试题笔试题
2014/10/02 面试题
药学专业大学生自荐信
2013/09/28 职场文书
2014年质量工作总结
2014/11/22 职场文书
2015年社区综治宣传月活动总结
2015/03/25 职场文书
乒乓球比赛通知
2015/04/27 职场文书
2015年酒店工作总结
2015/04/28 职场文书
积极心理学课程心得体会
2016/01/22 职场文书