2012-07-11 6 views
5

많은 짧은 사용자 입력을 처리해야하는 웹 응용 프로그램을 만들고 싶습니다. 그러나 모든 텍스트를 입력하는 대신 사용자가 마이크를 사용할 수 있어야합니다.모바일 브라우저에서 직접 음성/음성 입력

iPhone 및 Android 스마트 폰에는 키보드에 "마이크 버튼"이 있지만 두 플랫폼 모두 녹음을 시작하려면 먼저 입력에 초점을 맞춰야합니다. 버튼이있는 것이 훨씬 더 좋을 것입니다. 그렇지 않으면 음성을 사용하여 입력을 수행하려는 것처럼 느껴지지 않기 때문입니다.

Android 휴대 전화에서 x-webkit-speech 속성을 사용했지만 돌핀 HD 또는 Google 크롬에서 실제 음성 입력 필드를 표시했습니다.

먼저 키보드를 표시하지 않고 직접 음성 입력 대화 상자를 열 수 있습니까? 아니면 단순히 많이 기대할 수 있습니까?

답변

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)"> 

희망이 도움이됩니다!

관련 문제