点击按钮触发playAudio函数后音频无法播放的技术求助

开发者阿泽

2026-8-7

问题解决思路

核心问题排查

你的代码里有两个关键错误导致音频无法播放：

1. 音频路径错误

原路径C:UsersjbrirDocumentsBowgartWebsite2audioBowgart_sample.mp3e存在两处问题：

Windows本地路径需要用**反斜杠（\）**或正斜杠（/）分隔目录，你漏掉了所有分隔符，正确的本地绝对路径应为：C:\\Users\\jbrir\\Documents\\BowgartWebsite2\\audio\\Bowgart_sample.mp3
文件名末尾多了一个冗余的e，正确文件名是Bowgart_sample.mp3

2. 浏览器安全限制

直接在网页中使用本地绝对路径（C盘开头的路径），大部分现代浏览器会出于安全策略阻止加载这类本地资源。更稳妥的做法是使用相对路径：
将音频文件放在你的项目目录下，比如创建audio文件夹并放入Bowgart_sample.mp3，然后修改路径为：

const audio = new Audio("./audio/Bowgart_sample.mp3");

优化后的完整代码

HTML

<body>
    <button class="playAudio" onclick="playAudio()">Play audio</button>
</body>

JavaScript

const audio = new Audio("./audio/Bowgart_sample.mp3");

function playAudio() {
  // 捕获播放错误，方便后续排查问题
  audio.play().catch(err => {
    console.error("音频播放失败:", err);
  });
}