理论教育 音频标记和背景音乐插入技巧

音频标记和背景音乐插入技巧

时间:2023-11-04 理论教育 版权反馈
【摘要】:如果属性值为true,表示当音频文件传送完毕立即自动播放;如果属性值为false,表示不自动播放。图6-4内嵌音频插件播放音乐3.IE中的背景音乐在XHTML中利用<bgsound>标记可以在网页中插入背景音乐,当在浏览器中浏览时可以听到该音乐。

音频标记和背景音乐插入技巧

用浏览器可以播放的音频格式有: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时,声音将一直播放直到关闭该网页为止。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈