gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 13:42:04 26 4
gpt4 key购买 nike

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

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

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

最佳答案

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

关于php - 具有动态源的 HTML5 音频元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14190160/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com