杭州交通信息网dnf芙蕾雅90刷图加点:用Dreamweaver可以给html网页加上音乐吗？怎么加？
来源：百度文库 编辑：杭州交通信息网 时间：2024/04/27 15:51:26
再html的源代码中的<body>和</body>之间加上<EMBED src=map文件的路径 width=0 height=0 type=audio/x-pn-realaudio-plugin mime-types="mime.types" Initfn="load-types" volume="100" autostart="true" loop="true" controls="ControlPanel">这段代码就可以了
普通的静态空间HTML页面是达不到这个要求的，你必须在你的HTML文挡中嵌入javascript脚本。
例：
设计思想和实现方法：
第一；在HTML中建立<EMBED>嵌入标记，嵌入可供选择的歌曲文件，（*.wav、*.au、*.mid等文件格式）。
代码：
<EMBED NAME="MUSIC1" SRC="歌曲1的文件路径" Loop=-1 AUTOSTART=false Hidden=true MASTERSOUND>
<EMBED NAME="MUSIC1" SRC="歌曲2的文件路径" Loop=-1 AUTOSTART=false Hidden=true MASTERSOUND>
解释：
Loop=-1 让曲目重复播放
AUTOSTART=false 禁止曲目嵌入后自动播放
Hidden=true 将其隐藏起来，不可见
第二；用<SELECT></SELECT>和<OPTION></OPTION>建立供选择歌曲的下拉列表框
代码：
<form name="mymusic" width=300>
<select name="selectmusic" size=1 onChange="javascript:playmusic();">
<option VALUE="0" SELECTED>NOTHING</option>
<option VALUE="1">歌曲1</option>
<option VALUE="2">歌曲2</option>
</form>
第三；在<HEAD>标记中编写实现歌曲更换的函数playmusic();
代码：
function playmusic(){
if (msie4){ //是否为IE 4.0以上版本
if(document.mymusic.selectmusic.value=="1"){
//选择歌曲1
document.music2.stop(); //关闭第二支歌曲
document.music1.play(); //播放第一支歌曲
}else{
if document.mymusic.selectmusic.value=="2"){
//选择歌曲2
document.music1.stop(); //关闭第一支歌曲
document.music2.play(); //播放第二支歌曲
}else { //取消背景音乐
document.music1.stop(); //关闭第一支歌曲
document.music2.stop(); //关闭第二支歌曲
}
}
}
}
完整代码：
<html>
<head>
<title>活动背景音乐</title>
script language="JavaScript">
<!--
var msie4=false;
//定义检测浏览器的函数
function check_ok(){
var nav=window.navigator.userAgent;
var ie_ok=nav.indexOf("MSIE");
if (ie_ok>0) //是Microsoft Internet Explorer
msie4=parseInt(nav.substring(ie_ok+5,nav.indexOf(".",ie_ok)))>=4; // IE 4.0以上版本
}
//定义更改背景音乐的函数
function playmusic(){
if (msie4){ //是否为IE 4.0以上版本
if(document.mymusic.selectmusic.value=="1"){
//选择歌曲1
document.music2.stop(); //关闭第二支歌曲
document.music1.play(); //播放第一支歌曲
}else{
if document.mymusic.selectmusic.value=="2"){
//选择歌曲2
document.music1.stop(); //关闭第一支歌曲
document.music2.play(); //播放第二支歌曲
}else { //取消背景音乐
document.music1.stop(); //关闭第一支歌曲
document.music2.stop(); //关闭第二支歌曲
}
}
}
}
//-->
</script>
</head>
<body onLoad="check_ok()">
<embed name="music1" src="01.mid" loop=-1 autostart=false hidden=true mastersound>
<embed name="music2" src="02.mid" loop=-1 autostart=false hidden=true mastersound>
<h1>活动的背景音乐，请您自由选择</h1>
<form name="mymusic" width=300>
<select name="selectmusic" size=1 onChange="javascript:playmusic();">
<option VALUE="0" SELECTED>NOTHING</option>
<option VALUE="1">歌曲1</option>
<option VALUE="2">歌曲2</option>
</form>
</body>
</html>