javascript - 我想在我的数据库中运行下一首歌曲

Question

我制作了类似播放列表的东西，我想在按下按钮时播放播放列表并继续运行直到有人停止它

var i = 0;
var player = document.getElementById("player-" + i);

function playlist() {
  player.play();
}

function runnext() {
  var player = document.getElementById("player-" + i++);
  if (!player) {
    var player = document.getElementById("player-" + i++);
  }
  player.play();
}

<button onclick="playlist()" onclick="playlist()">run</i></button>
<button onclick="pausemusic(this)">stop</button> @foreach($songs as $song)
<audio class="player m-auto" id="player-{{$song->id}}" src="{{asset('audios/'.$song->song)}}" type="audio/ogg" onended="runnext()" controls></audio> @endforeach

标签： javascriptlaravel

Answer 1

你ended甚至需要

var i = 0;

function runnext() {
  var player = document.getElementById("player-" + i);
  if (!player) {
    alert('no more audio');
    return;
  }
  player.play();
  player.addEventListener('ended', runnext);
  i++;
}

runnext(); // or on button click