[HTML]HTML5 New Feature - x-webkit-speech
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功能就可以了。
是不是很簡單呢?