久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

用html5實現(xiàn)語音搜索框的方法_html5教程技巧

用html5實現(xiàn)語音搜索框的方法_html5教程技巧HTML5中文學(xué)習網(wǎng),是中國最大的HTML5中文門戶,為廣大HTML5愛好者提供各種HTML5資料,包括HTML5網(wǎng)站、HTML5資訊、HTML5應(yīng)用、HTML5游戲、HTML5教程、
點評:作為一個專業(yè)的淘寶控,不知道從什么時候開始發(fā)現(xiàn)淘寶上居然還有語音搜索,好吧,因為好奇心作祟還是想一探究竟,不過我想仔細一點的人,都會發(fā)現(xiàn)在只有在webkit內(nèi)核的瀏覽器上有,原因是它只支持webkit內(nèi)核瀏覽器

我們先看下他們的不同顯示。
下面是在火狐下的截圖:

下面這個是在chrome下的截圖:

能猜想到的,就是寫的代碼肯定是不兼容的。不過你會發(fā)現(xiàn)真是比較簡單的,就算你是前端初學(xué)者你也會明白

復(fù)制代碼
代碼如下:
<input type="text" class="text" name="test" id="test" x-webkit-speech lang="zh-CN" x-webkit-grammar="bUIltin:search">

其中參數(shù)的意義:
x-webkit-speech:就是讓你的輸入框的右邊出現(xiàn)一個小話筒,有了語音的功能。
lang:則是 強制輸入框里面的語音的語言種類,例如上面寫的 lang="zh-CN"指的是簡體中文。
x-webkit-grammar:指的是語音輸入語法,"builtin:search”值使得語音輸入的內(nèi)容盡量靠近搜索內(nèi)容,去除多余的字符。

注:不過這個硬件方面的兼容性還是有待提高,因為當你中英夾雜語音的時候,估計是會狀況百出的。


【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。
主站蜘蛛池模板: 欧美亚洲激情 | 亚洲国产精品人人爽夜夜爽 | 国产精品久久久久影院色老大 | 亚洲精品一区二区网址 | 一区日韩 | 无毛av| 99国产精品久久久久老师 | 久久久亚洲综合 | 久久久91| 亚洲免费视频网站 | 日韩精品中文字幕一区二区三区 | 天天艹天天干天天 | 国产精品一区在线 | 国产精品欧美一区二区 | 99精品一区二区三区 | 日韩一区二区三区av | 国产精品成人在线观看 | 成人三区 | 一区二区三区在线电影 | 在线成人 | 日韩av在线一区二区 | 能看的av网站 | 日韩毛片免费视频 | 久久美女网| 国产精品视频一二三区 | 理论片87福利理论电影 | 色综合天天天天做夜夜夜夜做 | 午夜精品在线观看 | 欧美高清成人 | 日日日视频 | 亚洲精品视频一区二区三区 | 国产精品夜夜夜一区二区三区尤 | 欧美 日韩 亚洲91麻豆精品 | 成人在线一区二区 | 亚洲欧美日韩精品久久亚洲区 | 亚洲精品久久久久中文字幕欢迎你 | 久久99精品久久久久久狂牛 | 最近中文字幕在线视频1 | 黄色毛片大全 | 99久久成人 | 成av在线 |