Question

我有一个歌曲列表，我用来访问它们的方式是：

<a href="path to song 1">play</a>
<a href="path to song 2">play</a>
...

当点击链接时，歌曲开始播放，并使用jquery这样做：

$('a').on('click', function() {
    var path = $(this).attr('href');
    var song = new Audio(path);
    song.play();
});

如何在点击链接时进行播放/停止切换？

Answer 1

切换play()和pause()这样的函数：

var isPlaying = false
$("a").on("click", function(e) {
  e.preventDefault();

  var path = $(this).attr('href');
  var song = new Audio(path);

  if (!isPlaying) {
    isPlaying = true;
    song.play();
    $(this).text("Pause")
  } else {
    isPlaying = false;
    song.pause();
    $(this).text("Play");
  }

  console.log(isPlaying);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<a href="path to song 1">play</a>
<a href="path to song 2">play</a>

jquery播放停止音频文件

1 个答案: