gpt4 book ai didi

google-chrome - 使用网络语音 API 开发一个简单的语音驱动的网络应用程序

转载 作者:行者123 更新时间:2023-12-04 16:52:35 25 4
gpt4 key购买 nike

我是 Web 开发的新手,我正在尝试使用 Web Speech API 开发一个简单的语音驱动的 Web 应用程序。
我用过 this学习语音驱动应用程序基础知识的简单教程。

这是我编写的代码作为一个简单的开始。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
var recognition = new webkitSpeechRecognition();
recognition.continuous = true;
recognition.onresult = function(event) {
alert("onresult even handler");
}
function startButton(event) {
recognition.start();
}
</script>
</head>
<body>
<div id = "text">
<button id="start_button" onclick="startButton(event)">
start
</button>
</div>
</body>
</html>

但是当我在 google chrome 浏览器中打开我的 html 页面并点击开始时,我看到的是:

enter image description here

当我点击交叉的相机图标时,我会看到以下下拉菜单:

enter image description here

即使当我选择“询问是否文件 - 想要访问您的相机和麦克风”选项并重新加载页面时,同样的事情也会重演。

当我对此进行更多研究时,我开始知道 google chrome 仅允许安全站点(即 https://)访问您的相机和麦克风。如果它不是 https,则 chrome 会在不询问用户的情况下阻止它。但我无法理解为什么我的本地文件被阻止使用麦克风。任何人都可以帮我解决这个问题。提前致谢。

最佳答案

您需要在服务器上部署 HTML 项目。您可以通过将其部署在任何本地主机服务器上来做到这一点。

除非部署在服务器上,否则与媒体相关的 HTML 文件无法正常工作。

关于google-chrome - 使用网络语音 API 开发一个简单的语音驱动的网络应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17635354/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com