4

我寫了一個HTML5網頁只包括:如何自動在我的頁面上啓動Google語音識別?

<input type="text" style="font-size: 40px;" name="speech" size="50" x-webkit-speech/> 

我想要做的是,我進入頁面和汽車無熄講話就會自動獲得X-WebKit的語音啓動識別結果納入文本。我會怎麼做?我已經看到了各種與之相關的javascript,我測試了很多,但它們不適合我。

感謝任何回答的人! ;)

回答

5

你可以嘗試使用Web Speech API,例如:

if ('webkitSpeechRecognition' in window) { 
    var recognition = new webkitSpeechRecognition(); 
    var final_transcript = ''; 
    recognition.continuous = true; 
    recognition.interimResults = true; 

    recognition.onresult = function(event) { 
    var final_transcript = ''; 
    for (var i = event.resultIndex; i < event.results.length; ++i) { 
     if (event.results[i].isFinal) { 
     final_transcript += event.results[i][0].transcript; 
     } 
    } 
    document.getElementById('speech').value = final_transcript; 
    }; 
    recognition.start(); 
} 

的只有一件事是,你需要讓頁面在頁面加載

jsFiddle demo

+0

我用麥克風將你的代碼添加到我的html文件中,但我仍然無法實現它,我想Chrome會阻擋我的麥克風,但是,我設置了我的設置,所以它會詢問我的權限,麥克風本身也可以工作,因爲我嘗試了在我簡單的HTML輸入和什麼時候我點擊開始收聽的麥克風按鈕。它似乎是JavaScript沒有做任何事情。也許我錯誤地把JAVA放進去了?我把你的代碼放在之間。在body中,它沒有工作,然後,我將它移動到Head,它仍然不起作用。感謝您的回答。 –

+0

@ShadyProgrammer和jsFiddle演示正在爲您工作?你有沒有看過控制檯,有沒有錯誤?您是否使用最新的Google Chrome瀏覽器? – antyrat

+0

jsFiddle正在工作。我只使用記事本++,所以我不知道任何錯誤。我正在使用最新的Google Chrome瀏覽器。 –