连续播放播放列表中的歌曲

时间:2021-07-05 21:15:04

标签: javascript html

我是编程新手,我需要你的帮助。这个脚本有效。问题是在第一首歌曲结束之前我无法开始第二首歌曲。等等。 我会很感激你的帮助。谢谢。

$(window).load(function() {
  $("#play_button").click(function() {
    var selected_items = $("#playlist td input:checked");

    if (selected_items.length == 0) {
      alert("Não foi seleccionada nada.");
    } else {

      var song = [];

      selected_items.each(function() {
        song.push($(this).data("song"));
      })
        song.forEach(e => new Audio(e).play());
    }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<td style="padding-left: 70px;">
  <fieldset class="fieldset-border" style="font-size:1.4em;text-shadow: black 0.1em 0.1em 0.2em; ">
    <legend class="legend-border" style="margin-left:50px;" >Veículos</legend>
    <br>
    <div class="mestre"><button class="bt bt-vd" onclick="setColor(event)" >VCOT-01 <br><label class="chk"><input name="check[]"   type="checkbox" data-song=""/><span></span></label><span></span></label></button></div>
  <div class="mestre"><button class="bt bt-vd" onclick="setColor(event)";>VTPT-01 <br><label class="chk"><input name="check[]"   type="checkbox" data-song=""/><span></span></label></button></div>

  </fieldset>

<fieldset class="fieldset-border" style="font-size:1.4em;text-shadow: black 0.1em 0.1em 0.2em; ">
  <legend class="legend-border"style="margin-left:40px;">Ocorrências</legend>
  <br>

  <div class="mestre"><button class="bt bt-vd" style="margin-left:80px;" onclick="setColor(event)";>CHEFE DE SERVIÇO <br><label class="chk"><input name="check[]"   type="checkbox" data-song="chefe.mpeg"/><span></span></label></button></div>

</td>
</fieldset>

</table>

0 个答案:

没有答案
相关问题