2012-07-11 48 views
5

我想製作一個Web應用程序,它需要處理很多短用戶輸入,而不是輸入用戶應該能夠使用麥克風的所有文本。移動瀏覽器上的直接語音輸入

我知道iPhone和Android智能手機在鍵盤上確實有一個「麥克風按鈕」,但這兩個平臺都需要首先將輸入聚焦以便開始錄製。如果我只有只有一個按鈕,那將會好很多,因爲否則你並不覺得你打算用你的聲音來執行輸入。

我嘗試在我的Android手機上使用x-webkit-speech屬性,但Dolphin HD和Google Chrome都沒有顯示真正的語音輸入字段。

有沒有辦法直接打開語音輸入對話框,而不是先讓鍵盤看到,或者我只是期望很多?

回答

1

(假設語音輸入在瀏覽器中實際啓用),你可以只顯示「麥克風按鈕」和重定向的輸入,無論你想,像在這個例子中一個文本框:

<script type="text/javascript"> 
function transcribe(words){ 
    document.getElementById("mic").value=""; 
    document.getElementById("speech").value=words; 
    document.getElementById("speech").focus(); 
} 
</script> 
Speech input for textarea - click the microphone icon and talk: <br> 
<br> 
<textarea id="speech" cols="50"></textarea> 
<input id="mic" style="width:15px; height:20px; border:0px; background-color:transparent" x-webkit-speech onwebkitspeechchange="transcribe(this.value)"> 

希望這個盼望!

相關問題