濮阳杆衣贸易有限公司

主頁 > 知識庫 > html5的新玩法——語音搜索

html5的新玩法——語音搜索

熱門標簽:地圖標注自己去過的地方 洛陽市伊川縣地圖標注中心官網(wǎng) 電銷機器人視頻 搜狗星級酒店地圖標注 高德地圖標注錯誤怎么修改 江蘇高頻外呼系統(tǒng)線路 標準智能外呼系統(tǒng) 平頂山電子地圖標注怎么修改 會聲會影怎樣做地圖標注效果
谷歌的網(wǎng)站是時逛時新啊,今天在他們首頁發(fā)現(xiàn)了HTML5的新玩法——語音搜索??上У氖侵挥衱ebkit核心的瀏覽器才能使用。用法很簡單
只需要在input添加屬性x-webkit-speech即可,例子如下:

復制代碼
代碼如下:

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

這樣你的輸入框右邊里就多了個「小話筒」,點擊的時候就會提示

這時說出來識別后就可以了,我測試下來,中文英語的識別率還挺高的。
語音輸入其他屬性
lang這玩意可以強制輸入框里面的語音的語言種類,例如
<input type="text" x-webkit-speech lang="zh-CN"/>
語音事件目前已知的只有onwebkitspeechchange,顧名思義,就是語音發(fā)生變化時觸發(fā)的事件,一般可以作為提交

復制代碼
代碼如下:

<input type="text" x-webkit-speech onwebkitspeechchange="$(this).cloest('form').submit()"/>

這樣說完以后就自動搜索了
x-webkit-grammar這個不是語音搜索用的屬性,但是可以控制這個輸入的語法,例如在做搜索框的話就可以用

復制代碼
代碼如下:

<input type="text" x-webkit-speech x-webkit-grammar="bUIltin:search" />

使得語音輸入的內(nèi)容盡量靠近搜索內(nèi)容,去除多余的字符,例如「的」
這個功能相當有趣,實用就不敢恭維了,主要是因為適用范圍太小啊,所以只能希望HTML5盡快統(tǒng)一并應用了。
相關參考:
HTML5 語音搜索(淘寶店語音搜素)
HTML5 語音搜索只需一句代碼

標簽:廣東 阿克蘇 松原 常德 廣西 蚌埠 果洛 鄂爾多斯

巨人網(wǎng)絡通訊聲明:本文標題《html5的新玩法——語音搜索》,本文關鍵詞  html5,的,新玩法,新,玩法,;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《html5的新玩法——語音搜索》相關的同類信息!
  • 本頁收集關于html5的新玩法——語音搜索的相關信息資訊供網(wǎng)民參考!
  • 推薦文章
    禄丰县| 长垣县| 喀喇沁旗| 台山市| 潮州市| 社旗县| 德州市| 大化| 宜兰市| 青神县| 颍上县| 麦盖提县| 林州市| 娱乐| 舞钢市| 平山县| 内丘县| 阿鲁科尔沁旗| 岢岚县| 淮阳县| 株洲市| 都江堰市| 山阳县| 台南县| 浑源县| 五河县| 河曲县| 盐亭县| 榆林市| 布拖县| 女性| 乌鲁木齐县| 赤城县| 津南区| 阿拉尔市| 雷山县| 白水县| 即墨市| 全椒县| 安化县| 丹棱县|