用浏览器可以播放的音频格式有:MIDI音乐、WAV音乐、AU格式。
1.点播音乐<a>...</a>
将音乐做成一个超链接,只需单击该链接就可以听到音乐了。其格式为:
<a href="音频文件地址">超链接显示文本</a>
【例6-3】设计自行点播歌曲的网页。
在编辑窗口输入下面的代码:
<!--文件名:ex6-3.html-->
<!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>天籁</title></head>
<body>
<h2 align="center">请您欣赏</h2><hr/>
<p align="center"><a href="lzhd.mid">两只蝴蝶</a></p>
<p align="center"><a href="human.mid">龙的传人</a></p>
<p align="center"><a href="mouse.mid">老鼠爱大米</a></p>
</p>
</body>
</html>
在浏览器中的显示效果如图6-3所示。
图6-3 点播音乐
2.内嵌音频播放插件<embed>
在XHTML中通过内嵌音频播放插件,可以在浏览器中弹出控制面板,当然也可以作为背景音乐进行播放。其格式为:
<embed src="音频文件地址"autostart="true|false"loop="true|false|n"startime="分:秒"volume="0~100"width="x|x%"height="y|y%"hidden="true"controls="console|smallconsole"/>
说明:
(1)src设定音频文件的路径。
(2)autostart设定是否当音频文件传送完就立即自动播放。如果属性值为true,表示当音频文件传送完毕立即自动播放;如果属性值为false,表示不自动播放。默认为false。
(3)loop设定播放重复次数。true表示无限次播放,false表示播放一次就停止,n表示重复播放数次(如3次)。(www.daowen.com)
(4)startime设定乐曲的开始播放时间,如5s后播放为00∶05。
(5)volume设定音量的大小。如果未设定,则使用系统的音量。
(6)width、height设定控制面板的大小,单位为像素或百分比。
(7)hidden设定是否隐藏控制面板,true表示隐藏。
(8)controls设定控制面板的式样,可选console式样或smallconsole式样。
【例6-4】内嵌音频插件播放音乐。
本例需要在当前目录下存有音频文件lzhd.mp3。在编辑窗口输入下面的代码:
<!--文件名:ex6-4.html-->
<!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>音乐之窗</title></head>
<body>
<h4 align="center">请您欣赏《两只蝴蝶》</h4><hr/>
<p align="center"><embed src="lzhd.mp3"loop="true"width="300"height="200"/></p><hr/>
<p align="center">亲爱的,你慢慢飞,小心前面带刺的玫瑰</p><p align="center">亲爱的,你张张嘴,梦中花香会让你沉醉</p>
</body>
</html>
在浏览器中显示效果如图6-4所示。
图6-4 内嵌音频插件播放音乐
3.IE中的背景音乐
在XHTML中利用<bgsound>标记可以在网页中插入背景音乐,当在浏览器中浏览时可以听到该音乐。其格式为:
<bgsound src="声音文件地址"loop="播放次数"/>
说明:
播放次数取-1或infinite时,声音将一直播放直到关闭该网页为止。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。