js浏览器中播放声音当麦克风有人说话时自动停止识别说话文字内容代码-html代码-BFW代码库

js浏览器中播放声音当麦克风有人说话时自动停止识别说话文字内容代码

代码语言：html

所属分类：多媒体

代码描述：js浏览器中播放声音当麦克风有人说话时自动停止识别说话文字内容代码，注意识别麦克风在chrome中需要魔法上网，可以在edge中试试。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>中文语音识别示例</title>
</head>
<body>
<h1>中文语音识别中断示例</h1>
<div>
    <button id="startButton">开始识别</button>
    <button id="stopButton">停止识别</button>
    注意识别麦克风在chrome中需要魔法上网，可以在edge中试试。
</div>
<div id="result"></div>

<script>
// 获取页面元素
const startButton = document.getElementById('startButton');
const stopButton = document.getElementById('stopButton');
const resultDiv = document.getElementById('result');
let utterance = new SpeechSynthesisUtterance('我爱我的祖国，你现在说话我就被打断了，赶紧说我爱我的祖国，我的祖国，我的祖国，我的祖国，我的祖国，我的祖国，我的祖国，我的祖国，我的祖国');


// 创建语音识别对象
const recognition = new webkitSpeechRecognition(); // 在 Chrome 中使用 webkitSpeechRecognition
recognition.lang = 'zh-CN'; // 设置识别语言为中文简体

// 设置连续识别
recognition.continuous = true;
recognition.interimResults = true;

// 开始识别按钮点击事件
startButton.addEventListener('click', () => {
   
    startrecong();
});
function startrecong(){
     recognition.start();
    resultDiv.innerHTML = '正在识别...';
    speechSynthesis.speak(utterance);
}

// 停止识别按钮点击事件
stopButton.addEventListener('click', () => {
    recognition.stop(.........完整代码请登录后点击上方下载按钮下载查看