求大神用html代码做一个音乐网页

html-css013

求大神用html代码做一个音乐网页,第1张

参考一下别人的网页,如网易音乐,酷我音乐web版等,

可以考虑 flash与audio来兼容所有浏览器的音频播放;

关于audio标签,是html5的新东西,搜索学习一下;吧

常用的背景音乐代码:

将这段代码插入到您的<head></head>之间

当您打开网站时即可听到背景音乐:

<bgsound src=china.mid loop="-1">

这种当网页最小化之后,音乐会消失。

1、使用 <embed>元素。

例如:

a、<embed height="100" width="100" src="test.mp3" />

b、<embed src="http://XXX.com/XXX.mp3" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>

c、<embed src="1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>

d、上面的网页背景音乐代码可以加入FLASH动画的绝对地址(或相对地址)

<embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram"></embed>

e、常用参数说明:

src="xxx"

设定 midi 档案及路径,可以是相对或绝对。

autostart=true

是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。

loop="true"

是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。

HIDDEN="true"

是否完全隐藏控制画面,true 为是,no 为否 (内定)。

STARTTIME="分:秒"

设定歌曲开始播放的时间。如STARTTIME="00:30" 表示从第30秒处开始播放。

VOLUME="0-100"

设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定。

WIDTH="整数" 和 HIGH="整数"

设定控制面板的高度和宽度。(若 HIDDEN="no")

ALIGN="center"

设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

CONTROLS="smallconsole"

设定控制面板的外观。预设值是 console。

console 一般正常面板

smallconsole 较小的面板

playbutton 只显示播放按钮

pausecutton 只显示暂停按钮

stopbutton 只显示停止按钮

volumelever 只显示音量调节按钮

2、使用 <object>元素

例如:

<object height="100" width="100" data="test.mp3"></object>

3、使用 HTML5 <audio>元素

例如:

<audio controls="controls">

<source src="test.mp3" type="audio/mp3" />

<source src="test.ogg" type="audio/ogg" />

</audio>

4、下面这种方法可以兼容以上效果

例如:

<audio controls="controls" height="100" width="100">

<source src="test.mp3" type="audio/mp3" />

<source src="test.ogg" type="audio/ogg" />

<embed height="100" width="100" src="test.mp3" />

</audio>

上面的例子使用了两个不同的音频格式。HTML5 <audio>元素会尝试以 mp3 或 ogg 来播放音频。如果失败,代码将回退尝试 <embed>元素。