HTML/JavaScript - 为文本框输入激活键盘麦克风

【问题标题】：HTML/JavaScript - activating keyboard microphone for text box inputHTML/JavaScript - 为文本框输入激活键盘麦克风
【发布时间】：2021-10-18 02:41:00
【问题描述】：

是否可以使用 JavaScript 将用户键盘上的麦克风输入激活为带有按钮的文本框的输入？ iPhone 和 Android 上的键盘麦克风。

<input type="text"> <button onclick="activateMicrophone()">Activate Microphone</button>

【问题讨论】：

标签： javascript html keyboard microphone

【解决方案1】：

现在谈到使用 JavaScript 进行语音识别时，曾经有 x-webkit-speech。不要使用它，因为出于安全原因它已被折旧。

取而代之的是：

webkitSpeechRecognition [谷歌浏览器]
语音识别 [Firefox]

以下是使用语音识别 API 的 HTML 代码示例文档。 API 可能不适用于所有浏览器。据我所知，我现在可以在 Chrome 和 Firefox 上使用它。

https://mdn.github.io/web-speech-api/speech-color-changer/

【讨论】：