用JavaScript将追加对象添加到DOM的背景音乐

我想制作一个简单的网页，在线流媒体广播背景音乐或脱口秀在后台播放。我跟着在这里介绍的方法：https://productforums.google.com/forum/#!msg/chrome/hgxRgmT0INY/KR-CGxqdlN4J 用JavaScript将追加对象添加到DOM的背景音乐

它可以在Chrome浏览器：

<html> 
<head> 

<script language=javascript> 

function setupSound() 
{ 
    var obj = document.createElement("object"); 
    obj.width="0px"; 
    obj.height="0px"; 
    obj.type = "audio/mp3"; 
    obj.data = "http://mr-stream.mediaconnect.hu/4736/mr1.mp3"; 
    obj.setAttribute("id", "bgsound1"); 
    var paramobj=obj.appendChild(document.createElement('param')); 
    paramobj.name="loop"; 
    paramobj.value="-1"; 
    var body = document.getElementsByTagName("body")[0]; 
    body.appendChild(obj); 
    document.getElementsByName("button1")[0].onclick=function(){change_channel()};       
} 

function change_channel() 
{ 
var channels=[ 
["Music: MR1-Kossuth","http://mr-stream.mediaconnect.hu/4736/mr1.mp3"], 
["Music: none",""], 
["Music: MKR","http://katolikusradio.hu:9000/live_hi.mp3"], 
["Music: Karc FM","http://hosting.42netmedia.com:13100/;stream#.mp3"], 
] 

var channel_hash={}; 
var nextindex=0; 
for (var i=0;i<=channels.length-1;i++) { 
    nextindex=(i+1) % channels.length; 
    channel_hash[channels[i][0]]=[channels[nextindex][0],channels[nextindex][1]]; 
} 

document.getElementById("bgsound1").data=channel_hash[f2.button1.value][1] 
f2.button1.value=channel_hash[f2.button1.value][0] 

} 


</script> 
</head> 

<body onload="setupSound()"> 

<center> 
    <form name='f2'> 
     <input type=button name='button1' value='Music: MR1-Kossuth'> 
    </form> 
</center> 

</body> 
</html>

我做这个的jsfiddle，但它并没有发挥渠道，根本没有声音： https://jsfiddle.net/gxeqsnL3/1/ 我觉得声音由于iframe，对象没有正确地连接到DOM。但是，该代码适用于谷歌浏览器，背景音乐可以很好地播放流媒体广播频道。

我的主要问题是：当我想切换到哪个URL包含分号的频道时，我从浏览器中获得一个下载文档。然而，分号确实是需要的，因为如果没有它，即使在HTML5音频播放器中，ShoutCast广播流也不能正常播放。

来源

2016-05-22 Konstantin

用JavaScript将追加对象添加到DOM的背景音乐

回答

相关问题