从图中可以看出 非IE浏览器可以使用 html5中的audio元素控制音频的播放
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> </head> <body> 音乐 <audio src="b.mp3" controls="controls" preload id="music1" hidden> </audio> <span id="bf" onclick="bf();">播放/暂停</span> <span id="bf" onclick="rbf();">重新播放</span> <script> function rbf(){ var audio = document.getElementById('music1'); audio.currentTime = 0; } function bf(){ var audio = document.getElementById('music1'); if(audio!==null){ //检测播放是否已暂停.audio.paused 在播放器播放时返回false. alert(audio.paused); if(audio.paused) { audio.play();//audio.play();// 这个就是播放 }else{ audio.pause();// 这个就是暂停 } } } </script> </body> </html>
IE浏览器可以说使用bgsound元素来操作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
>
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=gb2312"
/>
<
title
>js控制背景音乐bgsound的方法(开始与停止)</
title
>
</
head
>
<
body
>
<
script
type
=
"text/javascript"
>
var bg_sound=document.createElement("bgsound");//创建背景音乐
bg_sound.id="i_bg"//设置id属性
document.body.appendChild(bg_sound);//body中添加背景音乐
//bg_sound.src="ttmp3.wav";
bg_sound
.src="ttmp3.wav
";//设置一个背景音乐文件
//应该也可以用write写出来,可以试下效果。
function bg_stop(){
bg_sound
.src="";
}
function bg_start(){
bg_sound
.src="ttmp3.wav
";
}
</
script
>
<
span
><
a
onclick
=
"javascript:bg_stop();"
href
=
"javascript:void(0);"
>背景音乐停止</
a
></
span
> <
span
><
a
onclick
=
"javascript:bg_start();"
href
=
"javascript:void(0);"
>背景音乐开始</
a
></
span
>
</
body
>
</
html
>