JS高手帮我写一个背景音乐播放代码

JavaScript022

JS高手帮我写一个背景音乐播放代码,第1张

第一段：

<embed src="等一分钟.mp3" id="aa">

<input type=button value=暂停 onclick="aa.pause()">

<input type=button value=播放 onclick="aa.play()">

第二段：

<audio id="aaa" src="等一分钟.mp3" autoplay controls></audio>

<input type=button value=暂停 onclick="aaa.pause()">

<input type=button value=播放 onclick="aaa.play()">

IE：支持第一段代码，不支持第二段代码

Firefox：支持第二段代码，第一段代码的第一行需要装插件，不支持第一段的后两行

Chrom：支持第二段代码，不支持第一段代码中的后两行

Opera，Safari：第一段代码的第一行需要装插件，不支持第一段的后两行，不支持第二段代码

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] 

    }

}

html代码：放置一个播放器，播放同目录下名为TankStart.mp3的音乐文件

<embed src="TankStart.mp3" id="start" autostart="true" loop="true" hidden="true" EnableContextMenu="false">

<input type="button" value="停止播放" id="btnStop" onclick="stopMusic()"/>

js代码：实现停止音乐播放

function stopMusic(){

    //document.getElementById("start").pause()//暂停

    document.getElementById("start").stop()//停止

}