根本停不下来——JS操纵audio轮回播放
本帖最后由 马黑黑 于 2022-2-8 13:56 编辑audio的loop只能令单曲循环，要轮回播放多首歌曲，需要一个机制，以下是我吃完午饭后弄的。切记，必须不能设置loop属性为loop。上代码，有空再解释：
<p><audio id="aud" controls="controls"></audio></p>
<script language="javascript">
var arMusic = [
"http://www.kumeiwp.com/sub/filestores/2021/01/26/3257549a45c411cb86e2472da1afa6d8.mp3",
"http://www.kumeiwp.com/sub/filestores/2022/02/07/12131912b65351a1f1d0aa457dedb4f4.mp3",
"http://www.kumeiwp.com/sub/filestores/2022/02/06/6a524753261e4b121a8dc02afea2a86d.mp3"
];
var aud = document.getElementById("aud");
var idx = 0;
aud.src = arMusic;
aud.play();
aud.addEventListener('ended', playNext, false);
function playNext() {
idx += 1;
if(idx >= arMusic.length) idx = 0;
aud.src = arMusic;
aud.play();
}
</script>
if(idx >= arMusic.length) idx = 0;
是这句让音乐又回到第一首了吧？ 红影 发表于 2022-2-8 16:00
if(idx >= arMusic.length) idx = 0;
是这句让音乐又回到第一首了吧？
对。你能看懂了，好棒！ 马黑黑 发表于 2022-2-8 18:55
对。你能看懂了，好棒！
我是连蒙带猜的{:4_173:} 红影 发表于 2022-2-8 20:14
我是连蒙带猜的
悟性很重要，有悟性才能蒙对 这个可以做多首音乐，专辑可以用 小辣椒 发表于 2022-2-9 15:24
这个可以做多首音乐，专辑可以用
是的 马黑黑 发表于 2022-2-8 21:23
悟性很重要，有悟性才能蒙对
谢谢黑黑，忽然对学习更有信心了{:4_173:} 红影 发表于 2022-2-10 16:08
谢谢黑黑，忽然对学习更有信心了
学到什么程度就是什么程度，没关系的。一般来说，学过后，能照着别人的代码改改了用到自己的帖子，就算可以了 马黑黑 发表于 2022-2-10 16:47
学到什么程度就是什么程度，没关系的。一般来说，学过后，能照着别人的代码改改了用到自己的帖子，就算可 ...
嗯，至少学过了知道哪些语句代表了什么意思。 红影 发表于 2022-2-10 18:40
嗯，至少学过了知道哪些语句代表了什么意思。
知道个大概也不错的 马黑黑 发表于 2022-2-11 08:17
知道个大概也不错的
不再是两眼一抹黑了{:4_173:} 红影 发表于 2022-2-11 12:29
不再是两眼一抹黑了
光亮了，挺好的 马黑黑 发表于 2022-2-11 12:39
光亮了，挺好的
现在再看代码，可以去看它的功能了，以前是只找能换图片和音乐的地方，别的都不管地套用{:4_173:} 红影 发表于 2022-2-11 13:10
现在再看代码，可以去看它的功能了，以前是只找能换图片和音乐的地方，别的都不管地套用
进步极大的 马黑黑 发表于 2022-2-11 13:16
进步极大的
终于睁开了看代码的眼睛{:4_173:} 红影 发表于 2022-2-11 20:04
终于睁开了看代码的眼睛
论坛睁眼第几人了呢 马黑黑 发表于 2022-2-11 20:32
论坛睁眼第几人了呢
不知道啊，我自己也刚睁开眼睛，还来不及看前后左右{:4_173:} 红影 发表于 2022-2-11 21:07
不知道啊，我自己也刚睁开眼睛，还来不及看前后左右
多吃点维生素 马黑黑 发表于 2022-2-11 22:30
多吃点维生素
哈哈，这和维生素没半毛钱的关系{:4_189:}
页:
[1]
2