马黑黑 发表于 2022-2-8 13:54

根本停不下来——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>


红影 发表于 2022-2-8 16:00

if(idx >= arMusic.length) idx = 0;
是这句让音乐又回到第一首了吧？

马黑黑 发表于 2022-2-8 18:55

红影 发表于 2022-2-8 16:00
if(idx >= arMusic.length) idx = 0;
是这句让音乐又回到第一首了吧？

对。你能看懂了，好棒！

红影 发表于 2022-2-8 20:14

马黑黑 发表于 2022-2-8 18:55
对。你能看懂了，好棒！

我是连蒙带猜的{:4_173:}

马黑黑 发表于 2022-2-8 21:23

红影 发表于 2022-2-8 20:14
我是连蒙带猜的

悟性很重要，有悟性才能蒙对

小辣椒 发表于 2022-2-9 15:24

这个可以做多首音乐，专辑可以用

马黑黑 发表于 2022-2-9 19:16

小辣椒 发表于 2022-2-9 15:24
这个可以做多首音乐，专辑可以用

是的

红影 发表于 2022-2-10 16:08

马黑黑 发表于 2022-2-8 21:23
悟性很重要，有悟性才能蒙对

谢谢黑黑，忽然对学习更有信心了{:4_173:}

马黑黑 发表于 2022-2-10 16:47

红影 发表于 2022-2-10 16:08
谢谢黑黑，忽然对学习更有信心了

学到什么程度就是什么程度，没关系的。一般来说，学过后，能照着别人的代码改改了用到自己的帖子，就算可以了

红影 发表于 2022-2-10 18:40

马黑黑 发表于 2022-2-10 16:47
学到什么程度就是什么程度，没关系的。一般来说，学过后，能照着别人的代码改改了用到自己的帖子，就算可 ...

嗯，至少学过了知道哪些语句代表了什么意思。

马黑黑 发表于 2022-2-11 08:17

红影 发表于 2022-2-10 18:40
嗯，至少学过了知道哪些语句代表了什么意思。

知道个大概也不错的

红影 发表于 2022-2-11 12:29

马黑黑 发表于 2022-2-11 08:17
知道个大概也不错的

不再是两眼一抹黑了{:4_173:}

马黑黑 发表于 2022-2-11 12:39

红影 发表于 2022-2-11 12:29
不再是两眼一抹黑了

光亮了，挺好的

红影 发表于 2022-2-11 13:10

马黑黑 发表于 2022-2-11 12:39
光亮了，挺好的

现在再看代码，可以去看它的功能了，以前是只找能换图片和音乐的地方，别的都不管地套用{:4_173:}

马黑黑 发表于 2022-2-11 13:16

红影 发表于 2022-2-11 13:10
现在再看代码，可以去看它的功能了，以前是只找能换图片和音乐的地方，别的都不管地套用

进步极大的

红影 发表于 2022-2-11 20:04

马黑黑 发表于 2022-2-11 13:16
进步极大的

终于睁开了看代码的眼睛{:4_173:}

马黑黑 发表于 2022-2-11 20:32

红影 发表于 2022-2-11 20:04
终于睁开了看代码的眼睛

论坛睁眼第几人了呢

红影 发表于 2022-2-11 21:07

马黑黑 发表于 2022-2-11 20:32
论坛睁眼第几人了呢

不知道啊，我自己也刚睁开眼睛，还来不及看前后左右{:4_173:}

马黑黑 发表于 2022-2-11 22:30

红影 发表于 2022-2-11 21:07
不知道啊，我自己也刚睁开眼睛，还来不及看前后左右

多吃点维生素

红影 发表于 2022-2-12 13:13

马黑黑 发表于 2022-2-11 22:30
多吃点维生素

哈哈，这和维生素没半毛钱的关系{:4_189:}
页: [1] 2
查看完整版本: 根本停不下来——JS操纵audio轮回播放