通过单击文本来在播放时停止音频并播放新的声音的方法

时间:2018-08-18 14:35:21

标签: javascript html if-statement audio audio-player

我在每种音乐和文本之间建立了链接,从而使简单的音乐播放器像这样;

txt音频
歌曲1-音乐1
歌曲2-音乐2
歌曲3-音乐3
song4-音乐4

我想做的是,如果在播放Song2时单击song1,请停止song2并从头开始播放song1。如果在播放歌曲4的同时单击歌曲3,请停止歌曲4并像真正的音乐播放器一样播放歌曲3。

对不起,我的问题很愚蠢,但是有什么提示吗?如果我从这里获得一些信息来提高自己的js技能,那将是很棒的。

let count = 0;

function playbutton1() {
  let song1 = document.getElementById("music1");
  count++;
  if (count % 2 == 0) {
    song1.pause();
  } else {
      song1.play();
  }
}

function playbutton1() {
  let song3 = document.getElementById("music2");
  count++;
  if (count % 2 == 0) {
    song3.pause();
  } else {
      song3.play();
  }
}

function playbutton1() {
  let song3 = document.getElementById("music3");
  count++;
  if (count % 2 == 0) {
    song3.pause();
  } else {
      song3.play();
  }
}

song1.addEventListener("click", playbutton1);
song2.addEventListener("click", playbutton2);
song3.addEventListener("click", playbutton3);
<audio id="music1">
  <source src="song1.mp3" type="audio/mpeg">
</audio>
<audio id="music2">
  <source src="song2.mp3" type="audio/mpeg">
</audio>
<audio id="music3">
  <source src="song3.mp3" type="audio/mpeg">
</audio>
<audio id="music4">
  <source src="song4.mp3" type="audio/mpeg">
</audio>

0 个答案:

没有答案