js实现语音识别
使用Web Speech API实现语音识别
Web Speech API是浏览器原生支持的语音识别和合成接口，无需额外依赖库。以下为基本实现方法：
// 创建语音识别对象
const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
// 设置识别参数
recognition.lang = 'zh-CN'; // 设置语言为中文
recognition.interimResults = false; // 是否返回临时结果
recognition.maxAlternatives = 1; // 返回最大候选结果数
// 开始识别
recognition.start();
// 处理识别结果
recognition.onresult = (event) => {
const transcript = event.results[0][0].transcript;
console.log('识别结果:', transcript);
};
// 错误处理
recognition.onerror = (event) => {
console.error('识别错误:', event.error);
};
// 识别结束自动重启
recognition.onend = () => {
recognition.start();
};添加用户交互控制
建议添加按钮控制识别开始/停止：
<button id="startBtn">开始录音</button>
<button id="stopBtn">停止录音</button>
<div id="output"></div>
<script>
const startBtn = document.getElementById('startBtn');
const stopBtn = document.getElementById('stopBtn');
const output = document.getElementById('output');
startBtn.addEventListener('click', () => {
recognition.start();
output.textContent = "正在聆听...";
});
stopBtn.addEventListener('click', () => {
recognition.stop();
output.textContent = "已停止";
});
</script>多语言支持配置
通过修改lang参数支持不同语言：
// 英语（美国）
recognition.lang = 'en-US';
// 日语
recognition.lang = 'ja-JP';
// 粤
