JavaScript语音识别_WebSpeechAPI应用

const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();

// 连续识别模式
recognition.continuous = true;

// 返回中间结果（比如正在识别中的文字）
recognition.interimResults = true;

// 设置语言
recognition.lang = 'zh-CN';

recognition.onresult = (event) => {
  const transcript = Array.from(event.results)
    .map(result => result[0])
    .map(result => result.transcript)
    .join('');

  console.log('识别结果：', transcript);
};

recognition.onerror = (event) => {
  console.error('识别出错：', event.error);
};

// 开始识别
recognition.start();

recognition.onend = () => {
  console.log('识别已结束，尝试重启');
  recognition.start(); // 持续监听
};

if (!('SpeechRecognition' in window) && !('webkitSpeechRecognition' in window)) {
  alert('当前浏览器不支持语音识别，请使用 Chrome 或 Edge');
}

document.getElementById('voice-btn').onclick = () => {
  recognition.start();
};

recognition.onresult = (event) => {
  const spokenText = event.results[0][0].transcript;
  document.getElementById('input-field').value = spokenText;
};