HTML 5 音频Audio-优快云博客

本文介绍了如何使用HTML5中的audio标签来实现音频的播放，并提供了三种常见用法示例。同时，文章还列举了不同浏览器对音频格式的支持情况以及audio标签的一些常用属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在HTML5标准网页里面，我们能够运用audio标签来完毕我们对声音的调用及播放。

下面是最常常见到的运用HTML5三种基本格式：

1.最少的代码

<audio src="song.ogg" controls="controls"></audio>

2.带有不兼容提醒的代码

<audio src="song.ogg" controls="controls">
Your browser does not support the audio tag.
</audio>

3.尽量兼容浏览器的写法

<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>

HTML5音频格式

当前，HTML5 Audio标签支持三种格式的音频，各自是wav mp3和ogg格式。

而眼下主流浏览器对他们的支持例如以下：

	IE 9	Firefox 3.5	Opera 10.5	Chrome 3.0	Safari 3.0
Ogg Vorbis		√	√	√
MP3	√			√	√
Wav		√	√		√

IE8以及IE8下面不支持HTML5的audio标签。

HTML 5 Audio属性

autoplay:唯一可选值为autoplay。出现autoplay属性并准确赋值时，音频将会自己主动播放
controls：唯一可选值为controls。出现controls属性并准确赋值时，音频播放控件将会显示，控件包含：播放、暂停、定位、音量、全屏切换、字幕（假设可用）、音轨（假设可用）。
loop：唯一可选值为loop。出现loop属性并准确赋值时，音频将会循环播放。
preload：可选值有auto(当页面载入后载入整个音频)、meta(当页面载入后仅仅载入元数据)和none(当页面载入后不载入音频) 假设设置了前面的autoplay属性，那么preload将会被忽略。
src：指定音频URL地址。能够是相对的URL也能够是绝对的URL 当然还能够像第2和第3个样例一样，用source标签来指定源。