为无线电播放器创建切换开始/停止按钮

-2

我正在努力创建播放和停止音乐的广播播放器的切换按钮，因为我不知道如何编写JavaScript代码......开发人员帮助我在服务器上安装Icecast，但不幸的是他很忙。我所拥有的只是一个HTML，它会在页面加载时自动播放音乐。为无线电播放器创建切换开始/停止按钮

非常感谢！下面的代码：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<script src="http://radiocambodia.live/sound_manager/script/soundmanager2-jsmin.js"></script> 
<script src="http://radiocambodia.live/Helpers.js"></script> 
<script src="http://radiocambodia.live/WebRadio.js"></script> 
<script> 
     var stream_url = "http://radiocambodia.live:8000/stream.ogg"; 

     var radio = new WebRadio(stream_url); 

     radio.init({ 
      onloaded: function() { 
       console.log("Playing !"); 
       radio.soundObject.play(); 
      }, 

      onplaying: function() { 

      } 
     }); 

    </script> 
</head> 

<body> 
<a href="#"><img src="http://radiocambodia.live/pause.png" width="45" height="45" id="stopbutton" onclick='toggleSound()'; /></a> 
<script type="text/javascript"> 
function toggleSound() { 

    if (radio.soundObject.play){ 
document.getElementById('soundObject.stop').src='stop.png'; 
}else{ 
document.getElementById('soundObject.play').src='play.png'; 
} 

</script> 
</body> 
</html>

来源

2017-02-09 snowblood

你toggleSound功能缺少一个右大括号，这是一个可行的解决方案

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
</head> 
 

 
<body> 
 
<img id="togglePlay" src="http://radiocambodia.live/pause.png" width="45" height="45" id="stopbutton" onclick='toggleSound()'; /> 
 
<script src="http://radiocambodia.live/sound_manager/script/soundmanager2-jsmin.js"></script> 
 
<script src="http://radiocambodia.live/Helpers.js"></script> 
 
<script src="http://radiocambodia.live/WebRadio.js"></script> 
 

 
<script type="text/javascript"> 
 
    var stream_url = "http://radiocambodia.live:8000/stream.ogg"; 
 

 
    var radio = new WebRadio(stream_url); 
 

 
    radio.init({ 
 
     onloaded: function() { 
 
     console.log("Playing !"); 
 
     radio.soundObject.play(); 
 
    }, 
 

 
    onplaying: function() { 
 

 
    } 
 
    }); 
 
    function toggleSound() { 
 
     if (radio.soundObject.paused){ 
 
      radio.soundObject.play(); 
 
      document.getElementById('togglePlay').src='http://radiocambodia.live/pause.png'; 
 
     }else{ 
 
      radio.soundObject.pause();  
 
      document.getElementById('togglePlay').src='http://radiocambodia.live/play.png';   
 
     } 
 
    } 
 

 
</script> 
 
</body> 
 
</html>

radio.soundObject.paused返回，这就是为什么我用它来切换一个布尔值在比赛和暂停之间。无论你使用的是什么api/library，都可以阅读它以更好地理解它。

来源

2017-02-09 20:17:37 azs06

非常感谢azs06，它看起来很容易，但我很迷茫，在编码！ – snowblood

你有一个想法，为什么这不是在Safari上工作:(？ – snowblood

不知道为什么不在safari上工作，流（http://radiocambodia.live:8000/stream.ogg）似乎不是负载在safari上。 – azs06

为无线电播放器创建切换开始/停止按钮

回答

相关问题