本文目录一览：

网页设计与制作音乐播放界面如何播放音乐

网页设计与制作音乐播放界面需要在页面中插入HTML5的音频标签audio，即可播放音乐。

工具／原料：

华硕DN20

win10

浏览器1.026

1、先打开常用的网页设计的软件，然后新建一个网页文件。

2、进行一个简单的页面布局，让音乐播放器显示在网页的中间。并添加简单的样式。

style type="text/css"

#music_player{width:400px; height:150px;background:#ff9966;margin:200px auto;}

/style

div id="music_player" class="" /div

3、在浏览器中进程预览，看下位置是否合适。

4、利用HTML5的标签audio标签进行音乐播放器的设置。

div id="music_player" class=""

audio controls

source src="D:\KuGou\苍鹰－拜秦陵．mp3" type="audio/mpeg"

/audio

/div

5、播放器设置好以后，我们在＜source src="歌曲地址＂＞插入歌曲的地址，就可以自动播放了。例如：

audio controls

source src="D:\KuGou\苍鹰－拜秦陵．mp3" type="audio/mpeg"

/audio

6、在浏览者进行浏览，就可以发现点击播放后就响起音乐来了。

如何在网页中加入音乐

1、首先把所选需要的音乐文件放到网页同一个文件，如图所示

2、用Adobe Dreamweaver CS6软件打开网页，在网页设计栏鼠标指向任意一个你想放置的音乐背景位置，然后在菜单栏选  插入/媒体（M）/插件（P），按照路径选择你需要设置背景音乐的MP3文件双击鼠标左键

3、鼠标点击插件可以看到下面的属性栏，根据属性栏我们可以任意调整背景宽度大小。保存刷新网页可以看到网页里已经可以自动播放背景音乐了。

4、在软件设计栏中选中插件，打开代码栏，在代码height="64"加一段hidden="true" ，保存刷新网页就会看到音乐背景已经被隐藏，音乐却还在播放。

5、设置音乐循环播放及播放次数：同样在代码height="64"加一段loop="false"   为不重播loop="true"  为循环播放loop="5"  为播放5次

急求！！网页设计怎么加入背景音乐？

1、首先我们打开电脑里的Frontpage软件，右键单击页面，选择“网页属性”。

2、打开“网页属性”对话框，在“常规”选项卡下，单击“浏览”按钮。

3、打开“背景音乐”对话框，在其中找到准备好的mid音频文件，单击“打开”按钮。

4、然后回到了“网页属性”对话框，在“循环次数”一栏中可以设定循环次数，也可以勾选不限循环次数。

5、现在单击“确定”按钮，关闭“网页属性”对话框，切换到“代码”编辑窗口，输入代码。

6、在代码中我们可以看到“loop="0" ”，代表循环次数，如果是无限循环，我们可以令loop="-1"。