- 下载视频课程里使用的背景音乐素材:99健身网
- 选择Dreamweaver的“设计”窗口,插入—布局对象—Div标签。在随后跳出的“插入div标签”对话框中直接点击“确定”按钮。(如果不了解DW软件的使用方法
- 删除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浏览器,如果需要网页背景音乐自动播放控制
<audio controls="controls">
<source src="fj.mp3" type="audio/mpeg">
<embed src="fj.mp3" width="300px" height="80px" autostart="false"></embed>
</audio>