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

首頁 > 編程 > HTML > 正文

用html5實現語音搜索框的方法

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

點評:作為一個專業的淘寶控,不知道從什么時候開始發現淘寶上居然還有語音搜索,好吧,因為好奇心作祟還是想一探究竟,不過我想仔細一點的人,都會發現在只有在webkit內核的瀏覽器上有,原因是它只支持webkit內核瀏覽器

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

用html5實現語音搜索框的方法

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

用html5實現語音搜索框的方法

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

復制代碼

代碼如下:

<input type="text" x-webkit-speech lang="zh-CN" x-webkit-grammar="bUIltin:search">


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

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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 许昌市| 大埔区| 香港 | 延安市| 凤翔县| 仁寿县| 万年县| 鄯善县| 故城县| 黄浦区| 绥阳县| 靖江市| 金溪县| 峡江县| 阳东县| 昌乐县| 泗洪县| 阿城市| 永吉县| 平湖市| 皮山县| 焦作市| 淮南市| 宁晋县| 开平市| 合水县| 双柏县| 乌拉特中旗| 永新县| 扎囊县| 察雅县| 镇雄县| 辰溪县| 新丰县| 荆门市| 诸暨市| 德庆县| 禄劝| 依兰县| 南澳县| 四川省|