資訊專欄INFORMATION COLUMN
摘要：有沒有想過給您的網站增添語音識別的功能比如您的用戶不用點鼠標，僅僅通過電腦或者手機的麥克風發布命令，比如下拉到頁面底部，或者跳轉到下一頁，您的網站就會執行對應命令。
有沒有想過給您的網站增添語音識別的功能？比如您的用戶不用點鼠標，僅僅通過電腦或者手機的麥克風發布命令，比如"下拉到頁面底部”，或者“跳轉到下一頁”，您的網站就會執行對應命令。聽起來很酷對么？然而為了實現這個功能，必須得讓您網站的JavaScript腳本能夠識別到這些語音輸入。
這里介紹一個開源的JavaScript語言輸入庫，名叫annyang。
Github地址：https://github.com/TalAter/an...
截至到2018年7月12日，這個github倉庫已經有4833個Star了。
annyang實際上就是一個只有2KB大小的JavaScript腳本文件，使用起來非常方便。
下面就跟著我一起做一個Hello World應用吧，看看您通過麥克風說話的聲音是如何被這個JavaScript庫文件識別到的。
新建一個html文件，將下面的代碼復制進去。將它部署到您本地的Tomcat或者nodejs服務器上。
我測試用的是Chrome。
當您第一次在瀏覽器里訪問這個網頁時，會彈出下面的Chrome對話框，提示您這個應用要使用您電腦上的麥克風。點Allow按鈕即可。
這個應用有兩個地方向您提示它可以接受語音輸入。第一處是下圖1的紅色小圓圈。
第二處是一個小的麥克風圖標，點擊之后，可以設置允許或者禁止麥克風。我們當然是要選擇允許啦，否則如何接受語音輸入呢？
如果您的筆記本電腦本身也有麥克風，可以從這個下拉菜單里選擇用筆記本自帶的麥克風，還是用外接的麥克風。我用的是后者。
現在可以測試了。
因為代碼里我給Hello這個語音綁定的執行函數是一個alert彈出對話框，所以當我對著麥克風說了一句“Hello"之后，我的瀏覽器立即彈出了這個對話框。
同樣，說了"Bye"后，會彈出“再見”。我在響應“Bye”這個語音的函數設置了一個斷點，大家通過調用棧也可以觀察到annyang的處理邏輯。
從annyang的github上能看出，中文也在支持的語音之列，所以大家放心大膽地使用吧！
https://github.com/TalAter/an...
連粵語都支持，厲害了！
更多細節，請查閱annyang的官網。
https://www.talater.com/annyang/
要獲取更多Jerry的原創技術文章，請關注公眾號"汪子熙"或者掃描下面二維碼:
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98572.html
摘要：返回的字串如下我要聽三國演義這本書正在努力搜索中，請稍等我要聽三國演義這本書三國演義通過解析這段，可以得到類型，用于查詢書名，是表示行為是播放。 基于javascript用olamisdk實現web端語音識別語義理解（speex壓縮） 轉載請注明原文地址：傳送 olami 開放平臺 sdk 除了支持語音識別功能外，更強大的在于支持語義理解功能，在 Android 平臺和 iOS 平臺都...
摘要：返回的字串如下我要聽三國演義這本書正在努力搜索中，請稍等我要聽三國演義這本書三國演義通過解析這段，可以得到類型，用于查詢書名，是表示行為是播放。 基于javascript用olamisdk實現web端語音識別語義理解（speex壓縮） 轉載請注明原文地址：傳送 olami 開放平臺 sdk 除了支持語音識別功能外，更強大的在于支持語義理解功能，在 Android 平臺和 iOS 平臺都...
閱讀 2961·2021-11-17 09:33
閱讀 3124·2021-11-16 11:52
閱讀 486·2021-09-26 09:55
閱讀 2980·2019-08-30 15:52
閱讀 1320·2019-08-30 15:44
閱讀 1266·2019-08-30 13:59
閱讀 802·2019-08-30 13:08
閱讀 1167·2019-08-30 10:50
