如何为HTML5输入框添加语音输入功能？

3 min read

您可以使用HTML5的Speech Input API来为输入框添加语音输入的功能。下面是添加语音输入的示例代码：

<input type="text" id="speech-input" x-webkit-speech>

注意，语音输入需要在支持Webkit的浏览器中运行。

您还可以使用JavaScript监听语音输入的事件，并在输入完成后执行相关操作。例如：

var input = document.getElementById('speech-input');
input.addEventListener('webkitspeechchange', function(e) {
  var inputText = e.results[0][0].transcript;
  // 处理语音输入的文本
});

在这个示例中，当语音输入完成后，可以使用e.results[0][0].transcript获取输入的文本。然后您可以对该文本进行处理或执行其他操作。