所以我是java脚本的新手，每当我试图使用java脚本播放音频文件时，我都会收到错误消息，说：
- 加载资源失败：net:：ERR_FILE_NOT_FOUND
- 未捕获(承诺中(DOMException：由于找不到支持的源，无法加载
如果有人能帮我，请帮我。我的java脚本文件如下。
for (var i = 0; i < document.querySelectorAll(".drum").length; i++) {
document.querySelectorAll(".drum")[i].addEventListener("click", function() {
var audio = new Audio("C:UsersUserWeb_DevelopementDrum Kitsoundscrash.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:UsersUserWeb_DevelopementDrum Kitindex.js" charset="utf-8"></script>
</html>
使用音频源文件的相对路径对我有效：
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实例并不意味着访问用户的本地文件。在测试和尝试仅使用相对路径时，您可以通过从本地Web服务器运行网站来正确分离服务器端文件和客户端文件，从而避免此类错误。