成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

HTML5怎樣實現(xiàn)語音搜索-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“HTML5怎樣實現(xiàn)語音搜索”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“HTML5怎樣實現(xiàn)語音搜索”這篇文章吧。

創(chuàng)新互聯(lián)建站網站建設服務商，為中小企業(yè)提供成都網站制作、做網站、外貿營銷網站建設服務，網站設計，網站改版維護等一站式綜合服務型公司，專業(yè)打造企業(yè)形象網站，讓您在眾多競爭對手中脫穎而出創(chuàng)新互聯(lián)建站。

Html5支持語音搜索，可惜的是只有webkit核心的瀏覽器才能使用。用法很簡單  只需要在input添加屬性x-webkit-speech即可，例子如下：   <input type="text" x-webkit-speech />

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

這時說出來識別后就可以了，如淘寶店語音搜素：

HTML5怎樣實現(xiàn)語音搜索

語音輸入其他屬性：   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" />   x-webkit-grammar：

使得語音輸入的內容盡量靠近搜索內容，去除多余的字符，例如「的」。

下面做一個小例子測試一下：



代碼如下:


<html>
 <body>
<inputtype="text"accesskey="s" autofocus="true" autocomplete="off"name="value_2"id="value_2"x-webkit-speech lang="zh-CN" x-webkit-grammar="bUIltin:search">
<button type="submit">搜 索</button>
</body>
</html>



效果如下：

HTML5怎樣實現(xiàn)語音搜索

以上是“HTML5怎樣實現(xiàn)語音搜索”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文標題：HTML5怎樣實現(xiàn)語音搜索-創(chuàng)新互聯(lián)
瀏覽地址：http://jinyejixie.com/article4/djsdoe.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網站、面包屑導航、商城網站、品牌網站制作、做網站、網站策劃

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

網站建設網站維護公司