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

Posted 2023-03-17

【中文标题】HTML/JavaScript - 为文本框输入激活键盘麦克风

【英文标题】：HTML/JavaScript - activating keyboard microphone for text box input

【发布时间】：2021-10-18 02:41:00

【问题描述】：

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

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

【参考方案1】：

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

取而代之的是：

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

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

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