HTML5的Input tag新提供x-webkit-speech語法，目前只能在Chrome 11以後的瀏覽器上使用，能讓我們將語音輸入的功能很簡單的帶到我們的網站中。最簡易的運用方式是像下面這樣將x-webkit-speech加在input tag後方就可以了。
運行起來後我們可以在輸入框後方看到麥克風的圖示。
點選麥克風的圖示即可啟動語音輸入功能。
若有需要這邊我們可以再進一步透過lang指定語音輸入所要使用的語系，像是帶入lang= "zh-CN"的話，語音輸入所識別出來的文字就會變成簡體字。
此外我們也可以透過onwebkitspeechchange去為語音輸入時加些對應的動作。
x-webkit-speech使用上就是那麼簡單，但是最後這邊還是要再提一下，x-webkit-speech語法並不是所有瀏覽器都可以支援的，因此我們在使用上必須針對與法是否支援做些檢查，有需要的話檢查的動作可參閱下面的簡易範例。
若有在用點部落的，我們也可以用這個語法來加強點部落的搜尋功能，只要在網站管理頁面的Custom HTML/Script區域將textSearch的element啟用webkitSpeech功能就可以了。
是不是很簡單呢？
Link
x-webkit-speech 語音輸入功能
Google語音識別||x-webkit-speech–HTML5實現聲音錄製功能的方法
How to Use HTML5 Speech Input Fields
x-webkit-speech input and textareas
Collect Speech Input with HTML5 on Google Chrome