语音控制的tab选项卡

前端开发whqet,csdn,王海庆,whqet,前端开发专家

ladies and 乡亲们，程序员同志们，周末仍然坚守工作岗位，或者学习不辍的童鞋们，福音来了。

语音识别高不高端、难不难？

今天给大家推荐一个简单易用的js实现的语音识别框架annyang，然后一个案例示范使用。

 

在线案例，下载收藏。

annyang是一个能够实现语音识别的js类库，小巧易用(仅仅2k)，兼容中文。接下来我们看看怎么使用。

首先导入该annyang库，可以使用CDN的方式，也可以下载来使用。

<!--下载到本地使用-->
<script src="js/annyang.min.js" type="text/javascript" charset="utf-8"></script>
<!--cdn方式使用-->
<script src="https://www.talater.com/annyang.min.js" type="text/javascript" charset="utf-8"></script>

然后我们就可以在js里使用该类库了，开始之前我们需要判断annyang对象是否存在。

// 首先判断 annyang对象是否存在
  if (annyang) {
  	// 语音识别命令判断
  	
  }
  else{
  	// 错误提示信息
  	
  }

annyang通过设置命令、语音识别匹配命令的方式的进行工作，具体的使用代码如下。

// 首先判断 annyang对象是否存在
if (annyang) {
    // 语音识别命令判断
    
    // 定义命令
  var commands = {
    'go': function() {
      window.location.hre