html5語音識別技術原理是什麼可以很簡單實現,但是具體原理是怎麼樣的

HTML5之語音識別實例
代碼
<input type="text" x-webkit-speech id="d1" lang="zh-CN" x-webkit-grammar="bUIltin:search" onwebkitspeechchange="foo()"/>

<script>
function foo(){
var n = document.getElementById("d1").value;
if(n == "網路"){
window.location.href = "http://www..com";
}else{
window.location.href = "http://www.ahsdxy.ah.e.cn/";
}
}
</script>

說明:
1)x-webkit-speech:語音識別支持屬性
<input type="text" x-webkit-speech/>
2)lang:設置語言種類,比如漢語:lang="ch-CN"
<input type="text" x-webkit-speech lang="ch-CN"/>
3) x-webkit-grammar :語音輸入語法
比如: x-webkit-grammar="bUIltin:search"使得語音輸入的內容盡量靠近搜索內容,去除多餘的字元,例如「的、啦」等
<input type="text" x-webkit-speech lang="ch-CN" x-webkit-grammar="bUIltin:search"/>
4) onwebkitspeechchange :語音輸入事件,當語音改變時觸發
比如:onwebkitspeechchange="foo()" ,當停止語音時,會觸發js中的foo()函數
<input type="text" x-webkit-speech lang="ch-CN" x-webkit-grammar="bUIltin:search"
onwebkitspeechchange="foo()"/>
此時,需要寫相應的JavaScript函數foo()
<script>
func

② HTML5智能語音識別開關原理是什麼可以很簡單實現,但是具體原理是怎麼樣的

推薦使用YQ5969,這個智能語音識別開關可以支持本地和雲端識別不同需求。5米內本地識別率 93%以上,雲端識別率97%。YQ5969智能語音識別開關語言模型是用來計算一個句子出現概率的概率模型。它主要用於決定哪個詞序列的可能性更大,或者在出現了幾個詞的情況下預測下一個即將出現的詞語的內容。

③ Html5語音識別DEMO無法使用求助

目前只有Chrome 11及以上版本才支持。
可以用chrome瀏覽器試試效果
還有360極速瀏覽器也支持
IE10,火狐,WebKit內核瀏覽器目前也都不支持

④ 我想在網頁實現語音輸入,查了一下可以用html5與chrome瀏覽器,

<inputx-webkit-speechlang="zh-CN"x-webkit-grammar="builtin:search"type="search">

⑤ HTML5語音識別原理是什麼可以很簡單實現,但是具體原理是怎麼樣的

一、應用

HTML5語音識別(現在一般用在搜索上),目前相關介紹還是挺多的。為何呢?因為很簡單!

下面是個普通文本框:

<input />

而稍稍多敲幾個字母,其就變成了支持HTML5語音API的語音識別文本框了。

<input x-webkit-speech />

我不喜歡嚼人家的爛根子,但是,就算鬧得再轟轟烈烈,那些種田的農民伯伯也不知道「半13 連體褲」為何物。因此,一想到如此簡單實用的裝逼功能還有不少人並不熟知,我這心裡啊,就覺得不踏實。

你想想看哪?一說語音識別,哇靠,外行人(比方說你受盡臉色的產品經理或是老闆之類)一聽,立馬覺得這玩意牛逼哄哄。但是,你卻搞出來了,OK,這下可以盡情裝逼了:老闆那,昨兒個我放棄和女友啵啵的好機會,埋頭苦幹,加班加點攻克語音識別這個史無前例的技術難關,皇天不負有心人,終於讓我拿下啦!!

必然的,什麼刮目相看,滔滔江水敬仰之情都來了。因此,HTML5語言識別就是每個前端人員都必備的裝B神器。

裝B模式啟動

自從有了HTML5語音識別,老闆再也不用擔心網站不高級了,so easy!

HTML5 語音識別 網站高級 so easy
二、廬山小面目

紙上得來終覺淺,絕知此事要躬行。因此,有必要大家都來試試這裝B神器。如果您手頭上有活正在使用的是Chrome 11+瀏覽器,您可以狠狠地點擊這里:HTML5語音識別功能demo

看到沒,文本框後面有個麥克風模樣的東西,我們滿懷崇敬之情點擊之,突然眼前亮光一閃,(//zxx:不是亮瞎了金鈦狗眼),神器出現了:
神器降臨 張鑫旭-鑫空間-鑫生活

此時,對著音頻輸入設備(如耳麥)發出你那或妖嬈,或醇厚,或磁性的嗓音,啊~~

於是,神器顯威,檣櫓吹灰:
模仿大S說話
語言識別結果

如果網速不行,或是google被牆了,或是你長時間不說話,或是說得是鳥語,神器可能就會不高興,然後這樣:
長時間不說話,神器不開心
或者是這樣:
說鳥語 神器不開心

當然,這里的語言識別還有其他參數或是方法。
比方說表示語言的:

<input x-webkit-speech lang="zh-CN" />

以及表示語法的(據說bUIltin:search可以過濾助詞,不過我沒測試過):

<input x-webkit-speech x-webkit-grammar="bUIltin:search" />

還有一個onwebkitspeechchange的方法,發生在語言識別成功,且文字輸入到文本框後觸發。

input.onwebkitspeechchange = function() {
// ...
};

三、神器的不足

人無完人,金無足赤。雖說HTML5語言是被是前端開發人員裝B神器,但是,並不是每次都裝得很perfect的。什麼時候會掉水溝呢?我目前知道的有兩種情況:
1. iframe中定位問題
如果語音識別框在iframe中,則,神器定位似乎出現了偏差——相對於父級上下文容器定位了。//zxx:因為HTML5不鳥iframe了?

您可以狠狠地點擊這里:iframe中語音識別框定位不準demo

iframe下語音框很錯位demo

2. 語言內容累加的問題
在正常情況下,點擊語音那個小圖標,輸入框中的文字還是處於選中狀態的,於是,新的語言信息會覆蓋之前的文字。但是,如果這種選中狀態丟失,就是出現語音識別內容不斷累加的bug.

您可以狠狠地點擊這里:語音識別累加bug實例

例如,我們第一次說,」yu yin sou suo」,出現的是:
第一次語音搜索可以識別 張鑫旭-鑫空間-鑫生活

但是,要是你繼續說,」yu yin shi bie」,則出現的不是「語音識別」,而是「語音搜索語音識別」,兩者累加了,而不是覆蓋。這種情況再本文第一個demo中是不會出現的。
語音搜索內容累加bug展示

為何,這個demo做了個很小的事情,就是在文本框(搜索框)失去焦點的時候,值重新賦了下。——因為文本框重新賦值會去掉文字選中狀態,然後……

還是不明白?靜下心,多花幾分鍾想想,會明白的。
四、要不,在說點什麼

文章標題有兩個字,「漸進」,應該都懂什麼意思。別跟我整什麼「IE6不支持」有的沒的的,不支持就不支持,又不是沒有基本生活保障。目前,就Chrome 11+瀏覽器上有該功能。

考慮到低級變高級的成本實在是低,而且基本上對之前的基本功能沒有任何影響。因此,我覺得所有網站所有的類似搜索的輸入框都讓他支持HTML5語言識別吧!想想這是你裝逼翻身的好機會,就果斷去做了吧!!

⑥ 如何實現HTML5語音識別功能

HTML5之語音識別實例
代碼
<input type="text" x-webkit-speech id="d1" lang="zh-CN" x-webkit-grammar="bUIltin:search" onwebkitspeechchange="foo()"/>

<script>
function foo(){
var n = document.getElementById("d1").value;
if(n == "網路"){
window.location.href = "http://www..com";
}else{
window.location.href = "http://www.ahsdxy.ah.e.cn/";
}
}
</script>

說明:
1)x-webkit-speech:語音識別支持屬性
<input type="text" x-webkit-speech/>
2)lang:設置語言種類,比如漢語:lang="ch-CN"
<input type="text" x-webkit-speech lang="ch-CN"/>
3) x-webkit-grammar :語音輸入語法
比如: x-webkit-grammar="bUIltin:search"使得語音輸入的內容盡量靠近搜索內容,去除多餘的字元,例如「的、啦」等
<input type="text" x-webkit-speech lang="ch-CN" x-webkit-grammar="bUIltin:search"/>
4) onwebkitspeechchange :語音輸入事件,當語音改變時觸發
比如:onwebkitspeechchange="foo()" ,當停止語音時,會觸發js中的foo()函數
<input type="text" x-webkit-speech lang="ch-CN" x-webkit-grammar="bUIltin:search"
onwebkitspeechchange="foo()"/>
此時,需要寫相應的JavaScript函數foo()
<script>
function foo(){
//函數體,如下:
alert(8);
}
</script>

⑦ HTML5語音識別遙控器原理是什麼可以很簡單實現,但是具體原理是怎麼樣的

推薦使用YQ5969,這個語音識別遙控器可以支持本地和雲端識別不同需求。5米內本地識別率 93%以上,雲端識別率97%。YQ5969語音識別遙控器語言模型是用來計算一個句子出現概率的概率模型。它主要用於決定哪個詞序列的可能性更大,或者在出現了幾個詞的情況下預測下一個即將出現的詞語的內容。

⑧ 為什麼我做的html5語音識別不能成功

請確保你的瀏覽器版本不是老版本,我的是ie10測試沒問題,包含幾個主流瀏覽器都沒問題

⑨ 谷歌瀏覽器怎樣設置支持html5語音輸入

實現語音來輸入
<input type="text" x-webkit-speech />
只要在input元素上加上源x-webkit-speech屬性就可以了。如果你用的是xhtml,那麼就需要這樣寫x-webkit-speech="x-webkit-speech";
lang 說明語音識別的語言種類
<input type="text" x-webkit-speech lang="zh-CN" />
x-webkit-grammar 精確語音內容,如果是用搜索可以自動去掉 「的」之類的字
<input type="text" x-webkit-speech x-webkit-grammar="bUIltin:search" />
onwebkitspeechchange事件,即語音發生變化時觸發的事件,一般可以作為提交
<input type="text" x-webkit-speech onwebkitspeechchange="$(this).closest('form').submit()"/>