php – 带动态源的HTML5音频元素

发布时间：2020-12-13 13:35:11 所属栏目：PHP教程来源：网络整理

导读：我有一个基本的音频播放器： audio controls="controls" autoplay="true" loop="loop"source src="song.php" type="audio/mpeg" //audio 而不是直接指向MP3文件的源,我指向一个PHP文件,然后指向MP3文件,这是有效的.但是,当当前曲目结束时,PHP文件指向一个新

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

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

而不是直接指向MP3文件的源,我指向一个PHP文件,然后指向MP3文件,这是有效的.但是,当当前曲目结束时,PHP文件指向一个新的MP3文件.所以,我遇到的问题是,当播放器进入循环时,使用新的MP3文件,它会完全停止工作.有没有办法解决？有没有办法用播放列表或任何其他播放器执行此操作？

从您的 duplicate question复制：

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

Intead,试试这个：

<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查询参数将确保每次实际调用该文件.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!