如何一键开启和关闭音乐？

Posted 2023-02-25

【中文标题】如何一键开启和关闭音乐？

【英文标题】：How to turn music on and off with one button?

【发布时间】：2013-12-19 14:51:40

【问题描述】：

对于我的网站，我使用 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();
    );

【参考方案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();
    
);

【参考方案2】：

您可以简单地利用按钮元素的“文本”属性。

<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