Javascript 如何在我的博客页面上一首接一首地播放随机音乐曲目？_Javascript_Html_Blogger

Javascript 如何在我的博客页面上一首接一首地播放随机音乐曲目？

javascript html

Javascript 如何在我的博客页面上一首接一首地播放随机音乐曲目？,javascript,html,blogger,Javascript,Html,Blogger,我想让我的博客页面播放一首随机的音乐曲目，当一首曲目结束后，再播放另一首随机选择的音乐曲目以下是我尝试过的： <html> <body> <div id="soundtrack"></div> <script type="text/javascript"> var a = Math.random()*3; a = Math.floor(a); if(a==0) { document.getElementById('soun

我想让我的博客页面播放一首随机的音乐曲目，当一首曲目结束后，再播放另一首随机选择的音乐曲目

以下是我尝试过的：

<html>
<body>
<div id="soundtrack"></div>

<script type="text/javascript">
var a = Math.random()*3;
a = Math.floor(a);

if(a==0)
{
    document.getElementById('soundtrack')
        .innerHTML="<audio autoplay><source src='s0000.mp3' type='audio/mp3'>Your browser does not support the audio element.</audio>";
}
if(a==1)
{
    alert(a);
    document.getElementById('soundtrack')
        .innerHTML="<audio autoplay><source src='s0001.mp3' type='audio/mp3'>Your browser does not support the audio element.</audio>";
}
if(a==2)
{
     document.getElementById('soundtrack')
          .innerHTML="<audio autoplay><source src='s0002.mp3' type='audio/mp3'>Your browser does not support the audio element.</audio>";
}

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


var a=数学.random（）*3；
a=数学楼层（a）；
如果（a==0）
{
document.getElementById（'soundtrack'）
.innerHTML=“您的浏览器不支持音频元素。”；
}
如果（a==1）
{
警报（a）；
document.getElementById（'soundtrack'）
.innerHTML=“您的浏览器不支持音频元素。”；
}
如果（a==2）
{
document.getElementById（'soundtrack'）
.innerHTML=“您的浏览器不支持音频元素。”；
}


函数播放（）{
var a=数学.random（）*3；
a=数学楼层（a）；
如果（a==0）
{document.getElementById（'soundtrack'）.innerHTML=“

函数播放（）{
var a=数学.random（）*3；
a=数学楼层（a）；
如果（a==0）
{document.getElementById（'soundtrack'）.innerHTML=“
您可以看到下面的代码，它可能会对您有所帮助。其示例代码，您可以添加正确的mp3文件并使用

music=['https://archive.org/download/lohkungz_s0001/lohkungz_s0001.mp3','https://archive.org/download/lohkungz_s0001/lohkungz_s0002.mp3','https://archive.org/download/lohkungz_s0001/lohkungz_s0003.mp3','https://archive.org/download/lohkungz_s0001/lohkungz_s0004.mp3'];
var aud=document.getElementById（“music_palyer”）；
aud.onended=函数（）{
console.log（“音频已结束”）；
var a=Math.random（）*music.length；
a=数学楼层（a）；
aud.src=音乐[a]；
console.log（aud.src）；
aud.load（）；

您的浏览器不支持音频元素。
您可以看到下面的代码，它可能会对您有所帮助。其示例代码，您可以添加正确的mp3文件并使用

music=['https://archive.org/download/lohkungz_s0001/lohkungz_s0001.mp3','https://archive.org/download/lohkungz_s0001/lohkungz_s0002.mp3','https://archive.org/download/lohkungz_s0001/lohkungz_s0003.mp3','https://archive.org/download/lohkungz_s0001/lohkungz_s0004.mp3'];
var aud=document.getElementById（“music_palyer”）；
aud.onended=函数（）{
console.log（“音频已结束”）；
var a=Math.random（）*music.length；
a=数学楼层（a）；
aud.src=音乐[a]；
console.log（aud.src）；
aud.load（）；

您的浏览器不支持音频元素。
您应该使用音频事件处理程序
试试这个


随机音频演示
您的浏览器不支持音频元素。
var audio=document.getElementById（'soundtrack'），
音乐=[
'https://archive.org/download/kkkfffbird_yahoo_Beep_201607/beep.mp3',
'https://archive.org/download/Beep_7/beep.mp3',
'https://archive.org/download/beep-07/beep-07.mp3'
];
audio.addEventListener（'ended'，函数（e）{
var r=Math.floor（Math.random（）*3）；
audio.src=音乐[r]；
});
您应该使用音频事件处理程序
试试这个


随机音频演示
您的浏览器不支持音频元素。
var audio=document.getElementById（'soundtrack'），
音乐=[
'https://archive.org/download/kkkfffbird_yahoo_Beep_201607/beep.mp3',
'https://archive.org/download/Beep_7/beep.mp3',
'https://archive.org/download/beep-07/beep-07.mp3'
];
audio.addEventListener（'ended'，函数（e）{
var r=Math.floor（Math.random（）*3）；
audio.src=音乐[r]；
});
但请记住，网站上的自动播放音乐几乎总是在写，可以让访问者在任何东西开始播放时立即离开您的页面。但请记住，网站上的自动播放音乐几乎总是在写，可以让访问者在任何东西开始播放时立即离开您的页面。
    <script type="text/javascript">
function play(){
    var a = Math.random()*3;
    a=Math.floor(a);

    if(a==0)
    {document.getElementById('soundtrack').innerHTML="<audio autoplay><source src='https://archive.org/download/lohkungz_s0001/lohkungz_s0001.mp3' type='audio/mp3'>Your browser does not support the audio element.</audio>";}
    if(a==1)
    {alert(a); document.getElementById('soundtrack').innerHTML="<audio autoplay><source src='s0001.mp3' type='audio/mp3'>Your browser does not support the audio element.</audio>";}
    if(a==2)
    {document.getElementById('soundtrack').innerHTML="<audio autoplay><source src='s0002.mp3' type='audio/mp3'>Your browser does not support the audio element.</audio>";}

    var aud = document.getElementById('soundtrack').getElementsByTagName('audio');
    aud[0].onended = function() {
        play();
    };

}    
play();
    </script>