vue audio loop=true时ended事件不监测，audio播放地址一样时不继续播放

原创于 2020-05-13 10:23:19 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

vue 同时被 2 个专栏收录

2 篇文章

订阅专栏

audio

1 篇文章

订阅专栏

本文探讨了在使用音频循环列表播放时遇到的问题，特别是当播放列表中有两个相同音频时，音频播放器会停止并忽略ended事件。通过设置loop属性为true可以实现音频的连续播放，但这样会使得播放器不再监测ended事件。文章提供了一个解决方案，即通过动态检查播放地址并在匹配时手动触发播放。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当我做一个循环列表播放广播时，有两段文字一样，然后audio就停了，也不监测ended事件，然后我试着当它一样时设置loop=true，这样它就会重复播放，结果loop=true时它就不监测ended事件了，因为这时audio播放文件它是没有播放完毕的。
经测试，当有两段播放地址一样时，它会暂停，我们可以动态再播放它

if(this.audioUrl == this.audioUrlList[0]){
          console.log('与上一条播放一样')
          this.$refs.audio.play();
}