网页如何添加背景音乐
以下为学做网站论坛关于“网页如何添加背景音乐”讲解视频教程。
选择课程播放速度：
在上网过程中，有很多网站打开后会自动播放背景音乐，而且只有当关闭网页之后背景音乐才会停止。
在我们自己建网站，同样也可以给自己的网页添加背景音乐。【注意：这里讲的是给网页添加音乐，不是给网站添加音乐。我们要弄清楚网站制作与网页设计的区别。】
网页添加背景音乐方法/步骤
- 下载视频课程里使用的背景音乐素材：链接: https://pan.baidu.com/s/1o63cdOu 密码: 6jjv。（当然也可以使用自己的背景音乐素材）
- 选择Dreamweaver的“设计”窗口，插入—布局对象—Div标签。在随后跳出的“插入div标签”对话框中直接点击“确定”按钮。（如果不了解DW软件的使用方法，请参考dreamweaver教程。）
- 删除div标签中的文字内容，再次进行：插入—媒体—插件操作。
- 你可以将音乐文件放如你已经创建好的站点中，选择你要插入的音乐文件，点击“确定”。弹出提示窗口后同样选择“确定”。
- 成功插入后，选中音乐插件，在页面下方的属性栏中进行设置，如宽度和高度等。
- 设置属性完成后可以对网页进行预览了，点击页面上方球形按钮，选择在IE中进行预览，并根据提示将网页保存到站点中。
代码解释
背景音乐代码：
<EMBED src="music.mp3" autostart="true" loop="2"
controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever" width=300 height=100>
网页背景音乐代码可以使用以下的参数：
- autostart="true" 自动播放
- loop="true" true为无限次重播，false为不重播，某一具体值（整数）为重播多少次
- hidden="true" 可以隐藏面板
- src：音乐文件的路径及文件名；（完整的路径或URL）
- volume：取值范围为“0-100”，设置音量，默认为系统本身的音量
- autostart：true为音乐文件上传完后自动开始播放，默认为false（否）
- ShowTracker:为是否显示播放进度条
- ShowPositionControls:为是否显示播放控制按钮如快进等
- ShowAudioControls: 为控制是否显示音量按钮
- ShowStatusBar: 是否显示咨询窗
- ShowDisplay: 为显示更完整的咨询视窗
- EnableContextMenu: 防止使用右键
- starttime：“分：秒”，设置歌曲开始播放的时间，如，starttime=“00:10”，从第10开始播放
- endtime： “分：秒”，设置歌曲结束播放的时间
- width：控制面板的宽
- height：控制面板的高
- controls：控制面板的外观
播放控制
对于非IE浏览器，如果需要网页背景音乐自动播放控制：（如果对代码不了解，可学习一下html入门教程）
<audio controls="controls">
<source src="fj.mp3" type="audio/mpeg">
<embed src="fj.mp3" width="300px" height="80px" autostart="false"></embed>
</audio>
<source src="fj.mp3" type="audio/mpeg">
<embed src="fj.mp3" width="300px" height="80px" autostart="false"></embed>
</audio>
上面没有自动播放控制非IE浏览器代码？
自动播放控制：非IE浏览器相应的代码在上面已提供。
老师，我的双击选择hidden后，没有true和false选择。直接是hidden=“”
如果没有提示，可以自己写属性 true和false
请问老师，自己的背景音乐怎么弄啊？
先将自己的音乐素材传到自己的网站空间里，然后将代码里的音乐素材地址替换成你自己的背景音乐地址即可。
请问老师音乐素材在哪里搞呢？我想用自己喜欢的音乐
请问老师设置不自动播放怎么不行呢
老师， 您好！ 请问为什么我按照您提供的非IE浏览器代码去写， 然后隐藏不了那个播放器， 请问为什么？ 麻烦看下代码 audio controls=”controls”>
请老师指教。 谢谢！
如果有一些小众浏览器不支持隐藏属性，可以在你网站的CSS里加上这个代码来隐藏。audio{display:none;}