浅析如何利用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 名称冲突的解决方法
Apr 08 Javascript
JQuery与JSon实现的无刷新分页代码
Sep 13 Javascript
判断滚动条到底部的JS代码
Nov 04 Javascript
js模拟淘宝网的多级选择菜单实现方法
Aug 18 Javascript
javascript实现获取浏览器版本、浏览器类型
Dec 02 Javascript
微信小程序 实例开发总结
Apr 26 Javascript
JavaScript中Object基础内部方法图
Feb 05 Javascript
深入浅析Vue全局组件与局部组件的区别
Jun 15 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
Sep 14 Javascript
Vue高版本中一些新特性的使用详解
Sep 25 Javascript
Vue表单控件数据绑定方法详解
Feb 05 Javascript
jQuery实现简单评论区功能
Oct 26 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中的MVC模式运用技巧
2007/05/03 PHP
php字符串截取函数用法分析
2014/11/25 PHP
php生成RSS订阅的方法
2015/02/13 PHP
php 多文件上传的实现实例
2016/10/23 PHP
PHP字符串和十六进制如何实现互相转换
2020/07/16 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
基于jquery的模态div层弹出效果
2010/08/21 Javascript
实现web打印的各种方法介绍及实现代码
2013/01/09 Javascript
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
2013/06/17 Javascript
JS实现的网页倒计时数字时钟效果
2015/03/02 Javascript
vue 不使用select实现下拉框功能(推荐)
2018/05/17 Javascript
angular中子控制器向父控制器传值的实例
2018/10/08 Javascript
python多进程共享变量
2016/04/06 Python
Python中的迭代器与生成器高级用法解析
2016/06/28 Python
python利用sklearn包编写决策树源代码
2017/12/21 Python
python 拼接文件路径的方法
2018/10/23 Python
Pycharm如何打断点的方法步骤
2019/06/13 Python
python判断所输入的任意一个正整数是否为素数的两种方法
2019/06/27 Python
pytorch 实现在预训练模型的 input上增减通道
2020/01/06 Python
Python基于Tkinter编写crc校验工具
2020/05/06 Python
linux mint中搜狗输入法导致pycharm卡死的问题
2020/10/28 Python
Python基础进阶之海量表情包多线程爬虫功能的实现
2020/12/17 Python
Python+Xlwings 删除Excel的行和列
2020/12/19 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
Internet主要有哪些网络群组成
2015/12/24 面试题
会计工作心得体会
2014/01/13 职场文书
大学生冰淇淋店商业计划书
2014/01/14 职场文书
绩效工资分配方案
2014/01/18 职场文书
数控个人求职信范文
2014/02/03 职场文书
黄继光的英雄事迹材料
2014/02/13 职场文书
司法局群众路线教育实践活动开展情况总结
2014/10/25 职场文书
家庭聚会祝酒词
2015/08/11 职场文书
小学六一儿童节活动开幕词
2016/03/04 职场文书
Lombok的详细使用及优缺点总结
2021/07/15 Java/Android
Windows Server 2019 域控制器安装图文教程
2022/04/28 Servers