Question

对于我的网站，我使用ION.sound插件，我想暂停一个片段并使用相同的按钮再次播放它。不幸的是，Jquery的.toggle已在版本1.9中删除，不能再使用了。我怎么能用同一个按钮打开和关闭这个音频片段？这就是我到目前为止所做的：

   $.ionSound({
         sounds: [
             "track_radio"
            ],
            path: "sounds/",
            multiPlay: true,
            volume: "0.8"
        });

    playRadio = function() {
      $.ionSound.play("track_radio");

    }

    stopRadio = function() {
      $.ionSound.stop("track_radio");
    }


    $("#speakers").click(function(event){
        playRadio();
    });

Answer 1

您需要一些内容来跟踪播放状态并在点击时进行检查。

$.ionSound({
     sounds: [
         "track_radio"
        ],
        path: "sounds/",
        multiPlay: true,
        volume: "0.8",
        playing: false;
    });

onOffRadio = function() {
  $.ionSound.play("track_radio");
  $.ionSound.playing = true;
}

stopRadio = function() {
  $.ionSound.stop("track_radio");
  $.ionSound.playing = false;
}


$("#speakers").click(function(event){
    if ($.ionSound.playing) {
        stopRadio();
    }
    else {
        playRadio();
    }
});

Answer 2

您可以简单地使用按钮元素的“text”属性。

<button id="play-pause">Play</button>

$("#play-pause").click(function() {        
     if($(this).text() == 'Play') {
        playRadio();
        $(this).text('Pause');
     }
     else {
        pauseRadio();
        $(this).text('Play'); 
     }
});

Here's the fiddle

如何用一个按钮打开和关闭音乐？

2 个答案: