Bezpośrednie wprowadzanie głosu/mowy w przeglądarce mobilnej

Question

Chciałbym stworzyć aplikację internetową, która będzie musiała zająć się wieloma krótkimi wejściami użytkownika, ale zamiast pisać wszystkie teksty, użytkownik powinien mieć możliwość korzystania z mikrofonu.

Wiem, że iPhony i smartfony z systemem Android mają przycisk "mikrofonu" na klawiaturze, ale obie platformy wymagają najpierw ustawienia ostrości w celu rozpoczęcia nagrywania. Byłoby znacznie lepiej, gdybym miał tylko jeden przycisk, ponieważ w przeciwnym razie nie poczujesz, że masz zamiar wykonać dane za pomocą głosu.

Próbowałem użyć atrybutu x-webkit-speech na moim telefonie z Androidem, ale albo Dolphin HD, ani Google Chrome nie wyświetlały rzeczywistego pola do wprowadzania głosowego.

Czy istnieje sposób bezpośredniego otwierania okna dialogowego wprowadzania głosowego bez konieczności uprzedniego wyświetlania klawiatury lub czy po prostu oczekuję dużo?

Answer 1

(Zakładając mowy wejście jest faktycznie włączona w przeglądarce) można pokazać tylko „Mikrofon przycisku” i przekierować wejście do gdziekolwiek chcesz, tak jak w tym przykładzie pola tekstowego:

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

Mam nadzieję, że to pomaga!