国产探花免费观看_亚洲丰满少妇自慰呻吟_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”值使得語音輸入的內容盡量靠近搜索內容,去除多余的字符。

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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 凌源市| 基隆市| 郴州市| 永德县| 阿尔山市| 聂荣县| 惠来县| 西藏| 通渭县| 高雄县| 布尔津县| 大渡口区| 甘泉县| 格尔木市| 嘉兴市| 松溪县| 江山市| 航空| 新建县| 天镇县| 德阳市| 华蓥市| 肇东市| 荥经县| 博湖县| 永康市| 乳山市| 峡江县| 册亨县| 霍城县| 长武县| 西和县| 贡嘎县| 汉川市| 平阴县| 定襄县| 个旧市| 和平县| 修文县| 沐川县| 盱眙县|