国产探花免费观看_亚洲丰满少妇自慰呻吟_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 語音搜索(淘寶店語音搜素)


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 沛县| 宁南县| 吉林市| 定结县| 昌黎县| 玉溪市| 东平县| 水城县| 万盛区| 蒙阴县| 永年县| 莱阳市| 弥渡县| 聊城市| 定日县| 平昌县| 临夏市| 黎川县| 新源县| 阿尔山市| 监利县| 巨鹿县| 同德县| 江口县| 浙江省| 深泽县| 晴隆县| 安平县| 潍坊市| 子洲县| 镇江市| 沾益县| 武乡县| 朝阳市| 治县。| 年辖:市辖区| 武汉市| 惠来县| 仙桃市| 内乡县| 太仆寺旗|