Chrome下的语音控制框架MyVoix.js使用篇（二）

　　上一篇博文中，初步介绍了MyVoix.js的基本功能，这次我们将演示一个完整的实例。

　　先上代码

 1 <!DOCTYPE HTML>
 2 <html>
 3     <head>
 4         <title>MyVoix</title>
 6         <script type="text/javascript" src='js/myvoix.js'></script>
 7         <script type="text/javascript">
 8         window.onload=function(){
 9             var _myVoix = new MyVoix(undefined,undefined,true),
10                 _title=document.getElementsByTagName('H1')[0],
11                 _colors=['red','black','blue','green','yellow'];
12             _myVoix.start();
13             for(var i=0,l=_colors.length;i<l;i++){
14                 (function(i){
15                     _myVoix.bind(_colors[i],function(){
16                         _title.style.color=_colors[i];
17                     });
18                 })(i);
19             }
20         };
21         </script>
22     </head>
23     <body>
24         <h1>Hello My Voix</h1>
25     </body>
26 </html>

　　为了读者方便，代码都写在一个文档中。大家只需要注意引用myvoix.js的位置即可。

　　用Chrome打开网页（必须把文件放在服务器上，用url地址打开，如http://localhost/myvoix.html）。浏览器首先会提示你‘想要使用您的麦克风’，这个时候当然是‘允许’了。

　　值得一提的是，如果你不小心选择了‘拒绝’，下次打开网页的时候Chrome是会默认禁止该站点访问麦克风，不会再出现提示。挽救的方法就是在设置->高级设置->内容设置->媒体->例外情况管理中进行设置。

　　配置完毕，开始测试我们的网页。这段代码的功能很简单，就是当侦测到你说'red','black','blue','green','yellow'的时候，把Hello My Voix的颜色做对应的变化。当然谷歌服务器的反应可能不是特别快。这里有个小技巧：打开你的控制台，myvoix.js会在控制台输出每一个解析出的单词。需要注意单词都是小写的。

　　当然，每个人的发音不可能都很标准，chrome可能会检测到一些出乎你意料的结果，如下图。

　　说了那么多次’red‘才被解析出，是不是很有挫败感？这里我们可以事先统计一些发音相近的单词,通过myvoix的数组绑定功能，为这些单词都绑定同一个事件。

_myVoix.bind(['reddit','rad','reddit','red'],function(){_title.style.color='red';
});

　　再试试，解析成功率是不是变高了？

　　当然，这只是权益之计，开发程序的时候，我们不可能统计所有人的发音，下一章，我们将介绍如何利用myvoix中的smart learning模块，实现定制化的语音识别。

　　myvoix源码地址

　　转发请注明出处：http://www.cnblogs.com/Arthus/p/3687942.html

转载于:https://www.cnblogs.com/Arthus/p/3687942.html

Chrome下的语音控制框架MyVoix.js使用篇（二）相关推荐

语音交互框架设计－初始篇
一.目的随着人工智能技术的不断发展,语音识别技术.图像识别技术.人机交互这几年越来越成为热门.作者从业于人工智能语音公司多年,简单聊聊设备端语音交互框架设计. 二.设计一般语音交互类产品中会涉及到 ...
人工智能浪潮下的语音交互——VUI设计（基础篇）
https://www.toutiao.com/a6642089383191118350/ 2019-01-03 10:19:06 摘要:本文内容一部分来源于阿里设计师王一行翻译的<语音用户界面 ...
基于语音控制的智能家居实现
前言:因为大三的时候需要交一个物联网通信以及Zigbee的俩门课设,所以花了半天的时间做了一个基于语音控制的智能家居,在这里记录一下以及分享给一些在校学生作为分享,因为那段时间忙着比赛所以花了很短的时 ...
泰凌微ble mesh蓝牙模组天猫精灵学习之旅 ⑤ 阿里天猫精灵官方Genie BT mesh Stack框架：编译天猫精灵例程，实现语音控制！
本<泰凌微ble mesh蓝牙模组天猫精灵学习之旅>系列博客学习由半颗心脏潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1.小白也痴迷,如 ...
win7关闭计算机控制,大吼：鹅要关机！Win7下语音控制电脑攻略
Win7之家( www.win7china.com):大吼:鹅要关机!Win7下语音控制电脑攻略记得若干年前非常真实的一幕,一位兄弟在宿舍津津有味玩着游戏,一舍友突然学他的方言口音大吼一声:鹅要关机 ...
Win7下语音控制电脑攻略
在很多科幻片中都有相同的一幕,主人公使用的电脑没有鼠标和键盘,只要对电脑说话就能下达各种命令.现在告诉大家,你也可以这样.这不是科幻片,只要你的电脑里面装了Windows7就行! 在Windows 7 ...
使用Web Speech API制作语音控制的音频播放器
/* For hiding / showing the extra block */ .sp_hiddenblock {margin: 2px;border: 1px solid rgb(250, 1 ...
dropdownlist下拉框变透明_F.js 更新记录
2020-10-10 v7.0.0 +支持复选框的单选框样式. -为表格增加checkboxSelectDisplayType属性,为表格列增加checkboxDisplayType属性(仅用于col ...
爬虫之selenium控制浏览器执行js代码
爬虫之selenium控制浏览器执行js代码 selenium可以让浏览器执行我们规定的js代码,运行下列代码查看运行效果 import time from selenium import webdr ...

Chrome下的语音控制框架MyVoix.js使用篇（二）

Chrome下的语音控制框架MyVoix.js使用篇（二）相关推荐

最新文章

热门文章