浅析如何利用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 DOM学习第四章 getElementByTagNames
Feb 19 Javascript
使用firebug进行调试javascript的示例
Dec 16 Javascript
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
Jan 09 Javascript
基于编写jQuery的无缝滚动插件
Aug 02 Javascript
jquery实现类似淘宝星星评分功能实例
Sep 12 Javascript
用js代码和插件实现wordpress雪花飘落效果的四种方法
Dec 15 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
Aug 23 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
Dec 26 Javascript
layui对工具条进行选择性的显示方法
Sep 19 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
Nov 05 Javascript
微信小程序实现电子签名功能
Jul 29 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
如何给phpcms v9增加类似于phpcms 2008中的关键词表
2013/07/01 PHP
PHP实现对站点内容外部链接的过滤方法
2014/09/10 PHP
php中使用PHPExcel读写excel(xls)文件的方法
2014/09/15 PHP
php隐藏IP地址后两位显示为星号的方法
2014/11/21 PHP
浅析php创建者模式
2014/11/25 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
yii2简单使用less代替css示例
2017/03/10 PHP
详解php中serialize()和unserialize()函数
2017/07/08 PHP
PHP的垃圾回收机制代码实例讲解
2021/02/27 PHP
jQuery 使用个人心得
2009/02/26 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
2009/12/13 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
2011/03/10 Javascript
js使用for循环及if语句判断多个一样的name
2014/09/09 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
2015/03/04 Javascript
ECMAScript6新增值比较函数Object.is
2015/06/12 Javascript
jQuery实现鼠标划过添加和删除class的方法
2015/06/26 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
2016/08/25 Javascript
基于jQuery实现表格的排序
2016/12/02 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
Angular6 Filter实现页面搜索的示例代码
2018/12/02 Javascript
vue+animation实现翻页动画
2020/06/29 Javascript
Python使用PyCrypto实现AES加密功能示例
2017/05/22 Python
Python实现点阵字体读取与转换的方法
2019/01/29 Python
Django中ORM外键和表的关系详解
2019/05/20 Python
使用Python串口实时显示数据并绘图的例子
2019/12/26 Python
基于python3的socket聊天编程
2020/02/17 Python
浅谈CSS3中的变形功能-transform功能
2017/12/27 HTML / CSS
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
美国沃尔玛网上超市:Walmart
2020/08/14 全球购物
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
小学生感恩演讲稿
2014/04/25 职场文书
创业计划书之冷饮店
2019/09/27 职场文书
vue中利用mqtt服务端实现即时通讯的步骤记录
2021/07/01 Vue.js
Python编程编写完善的命令行工具
2021/09/15 Python
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫