Question

从MySql DB加载mp3时遇到的小问题。在我的代码中，基于数据库中的列生成了一个导航。我的锚点中的href属性指向同一页面

<a href='index.php?id=".$row['id']."'>".$row['term']."</a></li>

当我单击任何生成的导航项时，页面将重新加载，其中包含应有的新信息，并且一切正常。

在我的数据库中，我存储mp3的文件名，并使用以下代码来完成HTML5音频标签的文件名。

<audio id='player' src='audio/".$row['media']."'></audio>

此代码也按预期工作。问题是，即使认为文件名已在代码中正确替换，Request_Headers仍指向旧文件，最终导致播放错误或缓存的mp3。执行Cntrl F5后，将加载正确的文件并播放正确的文件。

对我来说，这似乎是两件事之一

缓存HTML5音频
或者由我的导航导致的页面加载不正确。

完整的循环看起来像这样

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        echo "<h1 class='term'>".$row['term']."</h1>
            <span class='pronunciation'>".$row['pronunciation']."</span>
             <audio id='player' src='audio/".$row['media']."'></audio>";
    }
}

这是触发音频的按钮。

<button class="speaker-icon" onclick="document.getElementById('player').play()"></button>

目前我不确定如何解决此问题。我尝试过的几件事是：

使用.htaccess文件并添加“标头设置缓存控件无缓存” 目前正在研究清除缓存。

谢谢

查询后未更新HTML5动态音频请求标头

0 个答案: