前端之家收集整理的这篇文章主要介绍了
php – 带动态源的HTML5音频元素,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个基本的音频播放器:
- <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查询参数将确保每次实际调用该文件.