php - 具有动态源的 HTML5 音频元素

Question

我有一个基本的音频播放器:

<audio controls="controls" autoplay="true" loop="loop">
<source src="song.php" type="audio/mpeg" />
</audio>

我没有直接指向 MP3 文件的源代码，而是指向一个 PHP 文件，然后该文件指向 MP3 文件，这样就可以了。但是，当当前轨道结束时，PHP 文件指向一个新的 MP3 文件。所以，我遇到的问题是，当播放器循环播放新的 MP3 文件时，它会完全停止工作。有没有办法解决？有没有办法通过播放列表或任何其他播放器做到这一点？

Answer 1

从您的 duplicate question 复制:

---

对于初学者来说，每次单击元素时，您都会附加一个新的事件处理程序。如果有人经常暂停音乐，他们就会遇到问题。

相反，试试这个:

<audio id="audio" autoplay controls src="song.php" type="audio/mpeg"></audio>
<script type="text/javascript">
    document.getElementById('audio').addEventListener("ended",function() {
        this.src = "song.php?nocache="+new Date().getTime();
        this.play();
    });
</script>

我假设 song.php 是一个返回音频数据的 PHP 文件。 nocache 查询参数将确保每次实际调用该文件。