浅析如何利用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脚本类
Aug 27 Javascript
JavaScript 注册事件代码
Jan 27 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
Jan 26 Javascript
JavaScript中动态向表格添加数据
Jan 24 Javascript
深入理解Webpack 中路径的配置
Jun 17 Javascript
Vue内容分发slot(全面解析)
Aug 19 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
Dec 28 Javascript
JavaScript进阶(一)变量声明提升实例分析
May 09 Javascript
小程序实现简单语音聊天的示例代码
Jul 24 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
Sep 24 Javascript
ant design vue 表格table 默认勾选几项的操作
Oct 31 Javascript
vue3+typeScript穿梭框的实现示例
Dec 29 Vue.js
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
第十节--抽象方法和抽象类
2006/11/16 PHP
php将gd生成的图片缓存到memcache的小例子
2013/06/05 PHP
PHP中的一些常用函数收集
2015/05/26 PHP
如何使用纯PHP实现定时器任务(Timer)
2015/07/31 PHP
Yii2第三方类库插件Imagine的安装和使用
2017/07/06 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
2008/11/03 Javascript
js URL参数的拼接方法比较
2012/02/15 Javascript
详解JS正则replace的使用方法
2016/03/06 Javascript
对Js OOP编程 创建对象的一些全面理解
2016/07/26 Javascript
基于JavaScript实现树形下拉框
2016/08/10 Javascript
Angularjs实现mvvm式的选项卡示例代码
2016/09/08 Javascript
jQuery Mobile和HTML5开发App推广注册页
2016/11/07 Javascript
基于jQuery实现简单人工智能聊天室
2017/02/10 Javascript
vue组件name的作用小结
2018/05/23 Javascript
vue 监听屏幕高度的实例
2018/09/05 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
2019/06/10 Javascript
微信小程序 wx:for遍历循环使用实例解析
2019/09/09 Javascript
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)
2019/12/04 Javascript
15分钟学会vue项目改造成SSR(小白教程)
2019/12/17 Javascript
nodejs实现的http、https 请求封装操作示例
2020/02/06 NodeJs
基于javascript实现日历功能原理及代码实例
2020/05/07 Javascript
Python的time模块中的常用方法整理
2015/06/18 Python
python使用rpc框架gRPC的方法
2018/08/24 Python
Pandas之MultiIndex对象的示例详解
2019/06/25 Python
Python 多线程其他属性以及继承Thread类详解
2019/08/28 Python
python默认参数调用方法解析
2020/02/09 Python
python框架Django实战商城项目之工程搭建过程图文详解
2020/03/09 Python
selenium3.0+python之环境搭建的方法步骤
2021/02/01 Python
中邮全球便购:中国邮政速递物流
2017/03/04 全球购物
应届生个人求职信模板
2013/11/26 职场文书
大学生活自我评价
2014/04/09 职场文书
走进敬老院活动总结
2014/07/10 职场文书
个人维稳承诺书
2015/05/04 职场文书
Ajax 的初步实现(使用vscode+node.js+express框架)
2021/06/18 Javascript
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技