Nhập bằng giọng nói/giọng nói trực tiếp trên trình duyệt di động

Question

Tôi muốn tạo một ứng dụng web cần xử lý nhiều đầu vào người dùng ngắn, nhưng thay vì nhập tất cả văn bản, người dùng có thể sử dụng micrô.

Tôi biết rằng iPhone và Điện thoại thông minh Android có nút "micrô" trên bàn phím, nhưng cả hai nền tảng đều cần tập trung đầu vào trước để bắt đầu quay. Sẽ tốt hơn nếu tôi chỉ có chỉ một nút, bởi vì nếu không bạn không thực sự cảm thấy như bạn định thực hiện đầu vào bằng giọng nói của mình.

Tôi đã thử sử dụng thuộc tính x-webkit-speech trên điện thoại Android của mình, nhưng Dolphin HD và Google Chrome đều không hiển thị trường nhập liệu bằng giọng nói thực.

Có cách nào để mở cuộc đối thoại đầu vào lời nói trực tiếp mà không làm cho bàn phím có thể nhìn thấy đầu tiên hay tôi chỉ đơn giản là mong đợi nhiều?

Answer 1

(Giả giọng nói đầu vào được bật trong trình duyệt,), bạn chỉ có thể hiển thị các 'micro-nút' và chuyển hướng đầu vào bất cứ nơi nào bạn muốn, như trong ví dụ này là một văn bản mở hộp:

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

Hy vọng trợ giúp này!