使用 HTML5 幫 輸入框 增加語音輸入

於 網頁文字輸入框 旁邊看到麥克風的圖示, 就表示可以使用 語音輸入, 要如何做到呢?

註: 目前只有 Webkit 支援.

使用 HTML5 幫 文字輸入框 增加語音輸入

要加上語音輸入, 只需要於 Input Box 裡面加上 "x-webkit-speech" 的屬性即可.

ex:

<input type="text" x-webkit-speech>

相關網頁

• HTML5 Presentation - HTML Speech Input
• Voice Driven Web Apps: Introduction to the Web Speech API
• Collect Speech Input with HTML5 on Google Chrome