确保光标位于要插入音频的位置。
上次更新日期:
2024年4月25日
阅读本文以了解如何在 Dreamweaver 网页中插入 HTML5 音频并在浏览器中预览该音频。
Dreamweaver 允许您在网页中插入和预览 HTML5 音频。 HTML5 音频元素提供一种将音频内容嵌入网页中的标准方式。
有关 HTML5 音频元素的更多信息,请参阅 HTML5 音频在 W3schools.com 上的文章。
插入 HTML5 音频
选择“插入”>“HTML”>“HTML5 音频”。 音频文件将会插入到指定位置。
在"属性检查器"中,输入以下信息:
- “源”/“Alt 源 1”/“Alt 源 2”:在“源”中,输入音频文件的位置。 或者,单击文件夹图标以从计算机中选择音频文件。 对音频格式的支持在不同浏览器上有所不同。 如果源中的音频格式不被支持,则会使用“Alt 源 1”或“Alt 源 2”中指定的格式。 浏览器选择第一个可识别格式来显示音频。
注释
要快速向这三个字段中添加视频,请使用多重选择。 当您从文件夹中为同一视频选择三个视频格式时,列表中的第一个格式将用于“源”。 列表中的下列的格式用于自动填写“替换源 1”和“替换源 2”。
|
浏览器 |
MP3 |
Wav |
Ogg |
|
Internet Explorer 9 |
是 |
否 |
否 |
|
Firefox 4.0 |
否 |
是 |
是 |
|
Google Chrome 6 |
是 |
是 |
是 |
|
Apple Safari 5 |
是 |
是 |
否 |
|
Opera 10.6 |
否 |
是 |
是 |
- 标题:为音频文件输入标题。
- 备选文本:输入要在不支持 HTML 5 的浏览器中显示的文本。
- 控件:选择是否要在 HTML 页面中显示音频控件,如播放、暂停和静音。
- 自动播放:选择是否希望音频一旦在网页上加载后便开始播放。
- 循环音频:如果希望音频连续播放,直到用户停止播放它,请选择此选项。
- 静音:如果希望在下载之后将音频静音,请选择此选项。
- 预加载:选择“自动”会在页面下载时加载整个音频文件。 选择“元数据”会在页面下载完成之后仅下载元数据。
在浏览器中预览音频
保存该网页。
选择“文件”>“实时预览”。 选择要在其中预览音频的浏览器。