当前位置：首页 > JavaScript

js实现声控

2026-03-14 14:37:14JavaScript

实现声控的基本步骤

使用JavaScript实现声控功能主要依赖Web Speech API，该API提供了语音识别（SpeechRecognition）和语音合成（SpeechSynthesis）功能。以下是实现声控的核心步骤：

初始化语音识别对象

const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();
recognition.lang = 'zh-CN'; // 设置语言为中文
recognition.interimResults = false; // 是否返回临时结果

处理识别结果

recognition.onresult = (event) => {
    const transcript = event.results[0][0].transcript;
    console.log('识别结果:', transcript);
    // 根据识别内容执行操作
    if (transcript.includes('打开')) {
        // 执行打开操作
    }
};

启动和停止识别

js实现声控

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

// 停止识别
recognition.stop();

兼容性与错误处理

浏览器兼容性检查

if (!('webkitSpeechRecognition' in window) && !('SpeechRecognition' in window)) {
    alert('当前浏览器不支持语音识别功能');
}

错误处理

js实现声控

recognition.onerror = (event) => {
    console.error('语音识别错误:', event.error);
};

语音合成（反馈）

语音反馈实现

const synth = window.speechSynthesis;
function speak(text) {
    const utterance = new SpeechSynthesisUtterance(text);
    utterance.lang = 'zh-CN'; // 设置语言
    synth.speak(utterance);
}

实际应用示例

声控导航

recognition.onresult = (event) => {
    const command = event.results[0][0].transcript.toLowerCase();
    if (command.includes('首页')) {
        window.location.href = '/';
    } else if (command.includes('刷新')) {
        window.location.reload();
    }
};

声控搜索

recognition.onresult = (event) => {
    const query = event.results[0][0].transcript;
    if (query.includes('搜索')) {
        const searchTerm = query.replace('搜索', '').trim();
        window.open(`https://www.google.com/search?q=${encodeURIComponent(searchTerm)}`);
    }
};