HTML 音频(Audio)
HTML5 引入了新的音频标签 <audio>
,使得在网页上嵌入音频文件变得更加简单。在此之前,播放音频通常需要依赖于第三方插件,如 Flash。但随着 HTML5 的普及,浏览器原生支持音频播放,极大地提升了用户体验和网页性能。
基本用法
要使用 HTML5 的音频标签,只需在 HTML 文件中添加以下代码:
<audio controls>
<source src="your-audio-file.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
这里,<audio>
标签包含了一个 controls
属性,该属性告诉浏览器显示音频播放控件,如播放、暂停和音量控制按钮。<source>
标签用于指定音频文件的 URL 和类型,浏览器会根据支持的格式选择合适的文件进行播放。如果浏览器不支持音频标签,则会显示标签内的文本内容。
音频格式
HTML5 <audio>
标签支持多种音频格式,但并不是所有浏览器都支持所有格式。以下是一些常见的音频格式:
- MP3 (
audio/mpeg
) - WAV (
audio/wav
) - Ogg Vorbis (
audio/ogg
) - AAC (
audio/aac
)