0
A
回答
1
本頁演示如何做到這一點。
http://www.phpied.com/x-webkit-speech-input-and-textareas/
下面是其他一些JS庫專門語音識別建成。
http://jqueryhouse.com/5-voice-control-javascript-libraries-for-developers/
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條新聞。我也把它變成了一個語音計算器。所以,是的,有一個戲劇 - 有一天它可以得到廣泛的支持。
在這裏閱讀更多:
相關問題
- 1. 將html添加到html頁面
- 2. 用jquery將html添加到html頁面
- 3. 將頁腳添加到HTML頁面
- 4. 將頁腳添加到HTML頁面
- 5. Django - 將音軌添加到頁面
- 6. 如何將html添加到Razor if語句中的頁面中?
- 7. 將html添加到drupal 6頁面
- 8. 將PHP添加到.html頁面
- 9. 添加任何字體到HTML頁面
- 10. 如何將html添加到此頁面?
- 11. 將Wordpress添加到靜態HTML頁面?
- 12. 將HTML頁面添加到div
- 13. 用javascript添加節點到html頁面
- 14. 將javaScript數組添加到HTML頁面?
- 15. 將HTML頁面添加到WordPress
- 16. 將html添加到jQuerymobile中的頁面
- 17. 將_header.html.erb添加到靜態html頁面
- 18. 自動添加代碼到html頁面
- 19. 已將Silverlight頁面添加到html
- 20. 將HTML頁面添加到iFrame中
- 21. 谷歌語音搜索頁面加載
- 22. 添加到收藏夾添加喜愛的html頁面的按鈕頁面
- 23. 在將頁面添加到頁面的Html時運行javascript
- 24. 接受動態添加HTML頁面到ASP.NET頁面
- 25. 如何將HTML頁面添加到React應用程序
- 26. 在html頁面中添加背景音樂
- 27. 不能添加iFrame應用到頁面
- 28. 使用jquery向頁面添加聲音
- 29. 如何適應我的HTML頁面的自動應答代碼?
- 30. 創建html頁面並使用vb.net添加css文件到html頁面(Winforms)
是的,但不是很多瀏覽器都支持它(http://caniuse.com/#技藝=語音識別)。你可以在這裏閱讀更多:http://shapeshed.com/html5-speech-recognition-api/ – TheCarver