Javascript如何实现语音识别_Web Speech API怎么用？

JavaScript语音识别主要依靠Web Speech API的SpeechRecognition接口，仅Chromium内核浏览器原生支持，无需后端、不传语音至服务器；需HTTPS环境、用户授权麦克风，支持中文但精度有限。

JavaScript 实现语音识别主要靠 Web Speech API 中的 SpeechRecognition 接口（目前仅 Chromium 内核浏览器如 Chrome、Edge 原生支持，Firefox 和 Safari 尚未实现）。它不是调用第三方服务，而是直接使用浏览器内置的语音识别引擎，无需后端、不传语音到服务器，适合简单场景。

基础用法：创建并启动识别器

先检查浏览器兼容性，再初始化识别实例：

if ('webkitSpeechRecognition' in window || 'SpeechRecognition' in window) {
  const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
  const recognition = new SpeechRecognition();
  
  recognition.continuous = false; // 识别一次后停止
  recognition.interimResults = true; // 返回中间结果（实时显示）
  recognition.lang = 'zh-CN'; // 设置中文识别

  recognition.onresult = function(event) {
    const transcript = Array.from(event.results)
      .map(result => result[0])
      .map(result => result.transcript)
      .join('');
    console.log('识别结果：', transcript);
  };

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

  recognition.start(); // 开始监听麦克风
} else {
  console.warn('当前浏览器不支持 Web Speech API');
}

登录后复制

关键配置项说明

几个常用属性直接影响体验：

• continuous：设为 true 可持续识别（说完停顿后自动继续），适合长对话；设为 false（默认）则只识别一次就结束
• interimResults：开启后会在最终结果前返回带 isFinal: false 的临时文本，可用于“边说边显示”效果
• lang：必须显式指定语言代码，如 'zh-CN'、'en-US'，否则可能识别不准或 fallback 到英文
• maxAlternatives：控制每段语音返回多少个候选结果（默认 1，最大通常为 10）

常见交互控制与事件

除了 onresult 和 onerror，这些事件帮你做更自然的 UI 反馈：

标签： javascript java android 浏览器 edge 云服务 safari 后端 阿里云 ios win 自