浅析如何利用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 相关文章推荐
IE DOM实现存在的部分问题及解决方法
Jul 25 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
Jan 17 Javascript
jquery实现兼容浏览器的图片上传本地预览功能
Oct 14 Javascript
js实现的点击div区域外隐藏div区域
Jun 30 Javascript
使用javascript实现雪花飘落的效果
Jan 13 Javascript
快速掌握Node.js事件驱动模型
Mar 21 Javascript
JS 面向对象之继承---多种组合继承详解
Jul 10 Javascript
BootStrap数据表格实例代码
Sep 13 Javascript
Vue 按键修饰符处理事件的方法
May 04 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
Jun 24 Javascript
vue实现抖音时间转盘
Sep 08 Javascript
Vue中实现回车键切换焦点的方法
Feb 19 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
php递归函数中使用return的注意事项
2014/01/17 PHP
Smarty局部缓存的几种方法简介
2014/06/17 PHP
php实现计数器方法小结
2015/01/05 PHP
Yii实现文章列表置顶功能示例
2016/10/18 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
jquery中通过过滤器获取表单元素的实现代码
2011/07/05 Javascript
Javascript实现页面跳转的几种方式分享
2013/10/26 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
2014/10/11 Javascript
JavaScript实现将xml转换成html table表格的方法
2015/04/17 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
2016/09/01 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
2016/12/22 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
2018/03/05 Javascript
为什么使用koa2搭建微信第三方公众平台的原因
2018/05/16 Javascript
小程序实现人脸识别功能(百度ai)
2018/12/23 Javascript
nodejs基础之常用工具模块util用法分析
2018/12/26 NodeJs
Three.js中矩阵和向量的使用教程
2019/03/19 Javascript
javascript中undefined的本质解析
2019/07/31 Javascript
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
Javascript中window.name属性详解
2020/11/19 Javascript
JavaScript前后端JSON使用方法教程
2020/11/23 Javascript
[07:54]DOTA2 MV《我的动力鞋》 ImbaTV 出品
2014/11/21 DOTA
Python抓取框架 Scrapy的架构
2016/08/12 Python
python脚本替换指定行实现步骤
2017/07/11 Python
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
基于Python 的语音重采样函数解析
2020/07/06 Python
工商企业管理实习自我鉴定
2013/12/04 职场文书
培训讲师邀请函
2014/01/10 职场文书
初三新学期计划书
2014/05/03 职场文书
关于青春的演讲稿800字
2014/08/22 职场文书
教师师德师风个人整改方案
2014/09/18 职场文书
地道战观后感
2015/06/04 职场文书
如何用PHP实现分布算法之一致性哈希算法
2021/05/26 PHP
mysql函数全面总结
2021/11/11 MySQL