html调用浏览器麦克风,把说的话转为文字返回
时间: 2024-10-12 12:11:17 浏览: 44
js调用麦克风 进行录音
3星 · 编辑精心推荐
HTML5允许通过JavaScript API调用浏览器内置的麦克风功能,以便获取用户的语音输入。最常用的技术是Web Audio API 和 Web Speech API,特别是`SpeechRecognition`(也称为Web Speech API的一部分)。以下是简单的步骤:
1. **权限请求**:首先,在HTML中添加一个用户交互元素,如按钮,当点击时会请求访问麦克风的权限。
```html
<button id="startMic">开始录音</button>
```
2. **JavaScript脚本**:在JavaScript文件中,创建一个`SpeechRecognition`实例,并处理权限请求。
```javascript
const recognition = new webkitSpeechRecognition(); // 使用WebKit兼容性前缀
recognition.continuous = true; // 设置持续监听
document.getElementById('startMic').addEventListener('click', function() {
if (navigator.getUserMedia) { // 浏览器支持
navigator.mediaDevices.getUserMedia({ audio: true })
.then(function(stream) {
recognition.start(stream);
});
} else {
console.log("Sorry, your browser doesn't support this feature.");
}
});
```
3. **识别结果处理**:`recognition.onresult`事件会触发,其中包含识别的文字结果。
```javascript
recognition.onresult = function(event) {
const transcript = event.results[event.results.length - 1][0].transcript;
console.log(transcript); // 输出识别的文字
};
```
阅读全文