1. 首頁
  2. 問答
  3. 添加語音應答到HTML頁面

添加語音應答到HTML頁面

2015-11-07 79 views
0

這是一個針對移動設備的網站：添加語音應答到HTML頁面

我希望有我的網頁上的按鈕，當按下用戶可以對着自己的手機，當他們說完了隨機的MP3文件被觸發。這在JQuery中可能嗎？

來源

2015-11-07 user1977130

+1

是的，但不是很多瀏覽器都支持它（http://caniuse.com/#技藝=語音識別）。你可以在這裏閱讀更多：http://shapeshed.com/html5-speech-recognition-api/ – TheCarver

回答

1

我使用的語音識別API一次使用Annyang。

annyang是一個小小的JavaScript庫，可讓您的訪問者通過語音命令控制您的網站 。安陽支持多種語言， 沒有依賴關係，只有3kb，可以自由使用。

<script src="//cdnjs.cloudflare.com/ajax/libs/annyang/2.0.0/annyang.min.js"></script> 

<script> 
if (annyang) { 

    // set your commands here, as many as you need 
    var commands = { 
    'play mp3': function() { 
     // change this to your own play MP3 method 
     audioElement.play(); 
    }, 
    'put the kettle on': function() { 
     console.log("You wish!"); 
    } 
    }; 

    // add commands 
    annyang.addCommands(commands); 

    // start listening 
    annyang.start(); 

} 
</script>

Annyang是一個庫，使聲音的設置命令很簡單：

，因爲它是那麼簡單。然而，這不是世界上最快的解決辦法，因爲我認爲（人的知識，請在這裏芯片）庫只是調用和外部服務（谷歌，我認爲），必須等待運行代碼之前響應。這只是一兩秒鐘，但它在那裏。

語音識別API還需要使用用戶的麥克風的權限。當頁面加載時，一個小小的彈出窗口會自動出現並詢問權限。如果用戶選擇「否」，您的語音功能將不起作用。

正如我剛纔所說，瀏覽器支持正在相當暗淡，仍。在寫這篇文章的時候，只有Chrome，Android和Opera可以使用它：caniuse.com/#feat=speech-recognition

這是一個很有趣的玩語言的地獄，所以玩一玩你決定使用它還是不使用它。我用它和ResponsiveVoice一起回話給我。我在桌面上建立了一個小頁面，我可以問她「天氣怎麼樣？」她讀我當地的天氣報告給我。我問「最新消息是什麼？」她從本地新聞社的RSS源中讀取10條新聞。我也把它變成了一個語音計算器。所以，是的，有一個戲劇 - 有一天它可以得到廣泛的支持。

在這裏閱讀更多：

來源

2015-11-07 23:16:26 TheCarver

相關問題

 相關問題