HTML插入背景音乐_html添加背景音乐代码资源-CSDN文库

5星 · 超过95%的资源需积分: 50 108 浏览量 2013-12-15 10:11:24 上传评论收藏 15KB TXT 举报

### HTML插入背景音乐知识点详解 #### 一、`<bgsound>`标签在早期的HTML版本中，可以通过`<bgsound>`标签为网页添加背景音乐。此标签不是HTML标准的一部分，在现代浏览器中并不被支持，但在某些情况下仍然可以工作。 **基本用法：** ```html <bgsound src="music.mp3" loop="-1" volume="-600"> ``` - **src**: 指定音频文件的路径。 - **loop**: 设置是否循环播放。设置为`-1`表示无限循环；如果是数字，则表示循环播放次数。 - **volume**: 设置音量，取值范围是-600到0（0表示最大音量）。 #### 二、`<embed>`标签 `<embed>`标签用于嵌入多媒体内容，如音频、视频等，可以在所有现代浏览器中使用。 **基本用法：** ```html <embed src="music.mp3" autostart="true" loop="true" width="80" height="20"> ``` - **src**: 音频文件的路径。 - **autostart**: 设置是否自动播放，`true`表示自动播放，`false`表示不自动播放，默认为`false`。 - **loop**: 设置是否循环播放，`true`表示循环播放，`false`表示只播放一次。 - **width** 和 **height**: 设置音频播放器的尺寸。 - **controls**: 控制是否显示播放控制器。默认情况下不会显示。 - **console**: 显示一个控制台界面。 - **smallconsole**: 显示一个小尺寸的控制台界面。 - **playbutton**: 显示播放按钮。 - **pausebutton**: 显示暂停按钮。 - **stopbutton**: 显示停止按钮。 - **volumelever**: 显示音量控制滑块。 #### 三、`<object>`标签 `<object>`标签用于嵌入其他文档或应用程序，例如插件和多媒体内容。使用`<object>`标签可以插入更复杂的多媒体元素，比如Microsoft的MediaPlayer控件。 **基本用法：** ```html <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="180" height="45"> <param name="Filename" value="music.mp3"> <param name="AutoStart" value="true"> <param name="Loop" value="true"> </object> ``` - **classid**: 定义了MediaPlayer对象的类标识符。 - **id**: 给对象分配一个唯一标识符，便于JavaScript操作。 - **width** 和 **height**: 设置播放器的尺寸。 - **Filename**: 指定音频文件的路径。 - **AutoStart**: 设置是否自动播放。 - **Loop**: 设置是否循环播放。 #### 四、其他参数除了上述介绍的参数之外，`<object>`标签还支持一系列其他的参数，这些参数主要用于调整播放器的行为和外观： - **BufferSize**: 缓冲时间。 - **CaptioningID**: 字幕ID。 - **DisplayBackColor**: 背景颜色。 - **DisplayForeColor**: 前景色。 - **DisplayMode**: 显示模式。 - **Language**: 语言。 - **Mute**: 是否静音。 - **PlayCount**: 播放次数。 - **Rate**: 播放速度。 #### 实例分析通过以上介绍，我们可以创建一个简单的网页，其中包含背景音乐，并且可以自动播放并循环播放： ```html <!DOCTYPE html> <html> <head> <title>HTML背景音乐示例</title> </head> <body> <h1>欢迎访问我的网站</h1> <p>这是一个使用HTML插入背景音乐的例子。</p>  <embed src="music.mp3" autostart="true" loop="true">  <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="180" height="45"> <param name="Filename" value="music.mp3"> <param name="AutoStart" value="true"> <param name="Loop" value="true"> </object> </body> </html> ``` #### 总结本文详细介绍了在HTML中插入背景音乐的三种方法：使用`<bgsound>`、`<embed>`以及`<object>`标签。虽然`<bgsound>`标签在现代浏览器中已被弃用，但`<embed>`和`<object>`标签仍然是有效的选择。此外，还讨论了这些标签的一些常见属性及其用途，帮助读者更好地理解和应用这些技术。

资源推荐

资源评论