JavaScript-语音识别：Recognition.onResult（）未触发-堆栈溢出

顺晟科技

2022-10-18 12:27:37

我正在尝试学习一个需要Chrome语音识别API的教程。recognition.onstart运行良好，但recognition.onresult从未触发。我正在使用JavaScript.

如何修改我的代码？

（Chrome版本：92.0.45 15.107）。

JavaScript：

const btn = document.querySelector('.talk');
const content = document.querySelector('.content');

const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;

const recognition = new SpeechRecognition();

recognition.onstart = function(){
    console.log('voice is activated');
};

recognition.onresult = function(e){
    console.log(e);
};


btn.addEventListener('click', () => {
    recognition.start();
});

这是我的HTML：

<代码><；！文档类型HTML>；<；HTML Lang="；英文"；>；<；头部>；<；元字符集="；UTF-8"；>；<；meta HTTP-equiv="；X-ua-compatible"；内容="；IE=边缘"；>；<；元名称="；视口"；内容="；宽度=设备宽度，初始比例=1.0"；>；<；标题>；语音AI<；/标题>；<；/标题>；<；身体>；<；按钮类="；对话"；>；通话<；/按钮>；<；H3类="；内容"；>；<；/H3>；<；脚本SRC="；script.JS"；>；<；/script>；<；/正文>；<；/HTML>；

谢谢.

顺晟科技：

你试试这边。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Voice AI</title>
</head>
<body>
    <button class="talk">Talk</button>
    <h3 class="content"></h3>

    <script src="script.js"></script>
</body>
</html>

上一篇：HTML-如何让React头盔使用# 下一篇：我的网页上的HTML-React图像

网站建设

Html

JavaScript-语音识别：Recognition.onResult（）未触发-堆栈溢出