jquery - 音频暂停/播放

Question

我不知道我在做什么错

<script>
$(document).ready(function() {
    var playing = false;
    var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', 'star.mp3');
    $('#star').click(function() {
    playing == true;
    if(playing == true) audioElement.pause();
    else audioElement.play();
    });
});

它的意思是，当播放一种声音而我单击另一种声音时，已经播放的声音应该停止，而另一种声音应该开始。

Answer 1

我认为您的问题在这里:

$('#star').click(function() {
    playing == true; // should be = not == if you're trying to assign 
    if(playing == true) audioElement.pause(); // but if you assign then playing is always true
    else audioElement.play();
    });

参见 assignment operators
和 comparison operators

这是一个简化的版本，可能会有所帮助:

$(document).ready(function() {
  var audio1 = $("#DunDunDun")[0];
  var audio2 = $("#WaWaWaa")[0];
  $("#ominousMusic").click(function() {
    audio1.play();
    audio2.pause();
  });
  $("#sadMusic").click(function() {
    audio2.play();
    audio1.pause()
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="ominousMusic" title="go on, click it, you know you want to...">
  cue ominous music...
</div>
<audio id="DunDunDun">
  <source src="http://pluggedinwebdesign.com/media/DunDunDun.mp3">
    Your browser isn't invited to super fun audio time.
</audio>
<div id="sadMusic" title="go on, click it, you know you want to...">
  cue sad music...
</div>
<audio id="WaWaWaa">
  <source src="http://pluggedinwebdesign.com/media/Sad_Trombone.mp3">
    Your browser isn't invited to super fun audio time.
</audio>