移动端如何实现后台自动切换歌曲

  • Z时代
  • 2024-03-14
  • 分类：IT

移动端如何实现后台自动切换歌曲

使用vue，目前思路是这样的，mounted时调用init方法，监听audio的ended事件，音频结束后调用next，给audio.src重新赋值，然后调用audio.play();

    init(src, id) {
      this.activeId = id;
      if (!this.audio) {
        this.audio = new Audio(src);
        this.audio.controls = true
        this.audio.loop = false;
      } else {
        this.audio.src = src;
      }
      this.audio.addEventListener("ended", this.next, true);
    },
    next() {
      this.play(false);
      this.init('http://xxx.xx..', id);
      this.play(true);
    },
    play(flag) {
      this.showPlay = flag;
      if (flag) {
        this.audio.play
      } else {
        this.audio.pause();
      }
    },

在chrome浏览器可以实现自动切换，在移动端处于该页面时也可以，但是当移动端浏览器处于后台时无法切换（即play方法不起效果）

以上是 移动端如何实现后台自动切换歌曲 的全部内容， 来源链接： utcz.com/p/937176.html

回到顶部