搜索

+

95

-

js如何在浏览器中文本生成声音播放的同时可监听麦克风人声随时被打断？

html5 javascript 音视频

js如何在浏览器中文本生成声音播放的同时可监听麦克风人声随时被打断？

类似于chatgpt等ai产品，可以被打断进行回答问题。

网友回复

+

15

-

可以在播放声音的时候当检测到麦克风声音有人声的时候中断播放，识别人声为文字，完整代码如下：

<!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>
</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 r...

点击查看剩余70%

我知道答案，我要回答

我有问题

最新提问