我无法使用var audio=new Audio("Audio track")；audio.play()方法播放音频
我无法使用var audio=new Audio("Audio track")；audio.play()方法播放音频
提问于 2020-07-08 12:59:00
因此，我对java脚本很陌生，每当我试图使用Java脚本播放音频文件时，我就会看到错误，它说：
net::ERR_FILE_NOT_FOUND
- Uncaught (在承诺中) DOMException:由于没有找到支持的源，
- 未能加载。
如果有人能帮我的话。我的java脚本文件如下。
for (var i = 0; i < document.querySelectorAll(".drum").length; i++) {
document.querySelectorAll(".drum")[i].addEventListener("click", function() {
var audio = new Audio("C:\Users\User\Web_Developement\Drum Kit\sounds\crash.mp3");
audio.play();
})
}还有我的index.html文件。
<head>
<meta charset="utf-8">
<title>Drum Kit</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet">
</head>
<body>
<h1 id="title">Drum Kit</h1>
<div class="set">
<button class="w drum">w</button>
<button class="a drum">a</button>
<button class="s drum">s</button>
<button class="d drum">d</button>
<button class="j drum">j</button>
<button class="k drum">k</button>
<button class="l drum">l</button>
</div>
<footer>
Made with ❤️ in London.
</footer>
</body>
<script src="C:\Users\User\Web_Developement\Drum Kit\index.js" charset="utf-8"></script>
</html>回答 1
Stack Overflow用户
发布于 2020-07-08 13:25:55
使用音频源文件的相对路径对我有用：
for (var i = 0; i < document.querySelectorAll(".drum").length; i++) {
document.querySelectorAll(".drum")[i].addEventListener("click", function() {
var audio = new Audio("sounds/crash.mp3");
audio.play();
})
}这是因为在浏览器中运行的javascript实例并不打算访问用户的本地文件。您可以通过在本地when服务器上运行您的网站来避免这种错误，以便在测试和尝试只使用相对路径时对服务器端文件和客户端文件进行适当的分离。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62795381
复制相关文章
相似问题
腾讯云开发者
