JS 实现按顺序播放MP3

wushan321 2019-04-29 04:16:22
有10个mp3, 要求实现按顺序逐个自动播放,每个mp3播放后暂停这个mp3的时长。即当按下button1的时候,播放1.MP3,然后声音停1.MP3的时长,接着播放2.mp3, 暂停2.mp3的时长,播放3.MP3......如此播放到最后一个mp3.
...全文
461 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2019-04-30
  • 打赏
  • 举报
回复

<audio id="player" controls="controls"></audio>
<input type="button" value="play" id="button1" />
<script type="text/javascript">
var num = 0;
var arr = ["1.mp3","2.mp3","3.mp3"];
var timer;
var player = document.getElementById("player");
function playnext() {
	if (num>=arr.length) return;
	clearTimeout(timer);
	player.src = arr[num++];
	player.play();
}
player.addEventListener("ended", function (e) {
	timer = setTimeout(playnext, player.duration*1000);
}, false);
document.getElementById("button1").onclick = playnext;
</script>
丰云 2019-04-30
  • 打赏
  • 举报
回复
播放器自带的进度条实现不了你要的效果, 要么自己写一个进度条覆盖播放器自带的进度条, 要么监听播放器事件,强行设置进度条的值
wushan321 2019-04-30
  • 打赏
  • 举报
回复
意思是如果1.mp3长度是3秒,则在播放完1.mp3后停3秒再接着播放2.mp3。
丰云 2019-04-29
  • 打赏
  • 举报
回复
声音停1.MP3的时长 ???? 时长跟声音有毛线的关系???

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧