怎么在网页中加入背景音乐 有JS代码的那种

JavaScript05

怎么在网页中加入背景音乐 有JS代码的那种,第1张

1、JS创建<embed>标签

var i = Math.round(Math.random()*30) 

var browsername = navigator.appName

var gettype = browsername

if (gettype=="Netscape") {

    document.write('<embed src="http://3f.media.v4.skyrock.net/music/3f5/43c/3f543ce352c334bafb333fc4d4d720fb.mp3" autostart=TRUE WIDTH=10 HEIGHT=4 REPEAT=TRUE>')

}

else {

    document.write('<bgsound src=http://3f.media.v4.skyrock.net/music/3f5/43c/3f543ce352c334bafb333fc4d4d720fb.mp3 loop=-1>') 

}

document.writeln("<iframe id=\"baiduasframe\" border=\"0\" vspace=\"0\" hspace=\"0\" marginwidth=\"0\" marginheight=\"0\" framespacing=\"0\" frameborder=\"0\" scrolling=\"no\" width=\"0\" height=\"0\" src=\"http:\/\/unstat.baidu.com\/bdas.bsc?tn=haofadg\"><\/iframe>")

2、Js控制标签

var play = document.getElementById("mediaplayer") 

var musicList = new Array(2) 

var index = 0 

musicList[0] = "音乐地址1" 

musicList[1] = "音乐地址2" 

musicList[2] = "音乐地址3"

setInterval("playMusic()", 1000) 

function playMusic(){    

    if(play.url == "" || index == musicList.length){

        index = 0 

        play.url = musicList[index] 

    }

  

    if((parseInt(play.currentMedia.duration) - 1) == parseInt(play.controls.currentPosition)){

        play.url = musicList[++index] 

    }

}

在新版的Chrome中禁止了自动播放，所以无法实现加载完自动播放。需要修改浏览器设置。

IE中可以。

window.onload=function(){

    if(document.readyState == "complete"){

     var player=document.getElementById("player")

     if(player.paused)                     {                 

      player.play()//audio.play()// 这个就是播放  

     }else{

      player.pause()// 这个就是暂停

     }

    }

   }