国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML5 語音搜索只需一句代碼

2024-08-26 00:15:07
字體:
來源:轉載
供稿:網友

淘寶網的語音搜索也有了一陣子了,但似乎都沒看到相關的博客或帖子在說這個如何實現,今天查了點資料,發現原來實現是如此簡單,可能是因為太簡單了,也就沒有人討論了吧。

其實實現只需一句代碼即可:

x-webkit-speech

一看到這句代碼,想到了什么?對,這說明語音搜索只支持webkit內核瀏覽器,那么這段代碼具體要放在哪呢?


復制代碼 代碼如下:www.CuoXIn.com

<input type="text" class="text" name="value_2" id="value_2" x-webkit-speech>

放在文本輸入框內就行了,其他的什么都不用做,看

當然還有一些其他的參數,比如設置語音限制語言種類

復制代碼 代碼如下:www.CuoXIn.com

<input type="text" class="text" name="value_2" id="value_2" x-webkit-speech lang="zh-CN">

還有設置語音輸入語法的參數,這個就比較試用于搜索框。加上這參數后,系統就會自動去掉“的”、“啦”這類無意義的字

復制代碼 代碼如下:www.CuoXIn.com

<input type="text" class="text" name="value_2" id="value_2" x-webkit-speech x-webkit-grammar="bUIltin:search">

當然在測試時候發現一個小問題,就是當具有語音搜索的頁面是iframe頁面時,點擊麥克風后,“請開始說話”這浮動層就不跟隨input輸入框了

相關閱讀:HTML5 語音搜索(淘寶店語音搜素)


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 通化市| 安塞县| 奈曼旗| 吉首市| 华亭县| 抚顺县| 云安县| 南宫市| 延长县| 镇宁| 安化县| 航空| 绥滨县| 邢台市| 南丰县| 巴彦淖尔市| 临沭县| 镇宁| 高雄县| 台南市| 义乌市| 正镶白旗| 长寿区| 南通市| 穆棱市| 蒙山县| 郴州市| 九台市| 东港市| 布尔津县| 黄平县| 焦作市| 平果县| 重庆市| 高平市| 雅安市| 澜沧| 高陵县| 邵东县| 庆阳市| 榕江县|