HTML 5 基础教程

HTML是超文本标记语言，是一种专门用来制作网页的语言，而HTML5就是它的第五个版本，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成，该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能，同时也给我们开发者带来了更多的开发选择，学习它是每个前端开发者必修的课程。

W3CAPI

2020-06-15 06:59:35

文档目录

我的书签

请登录

HTML5 Audio 音频播放实例

我们之前一直在反复强调，在学习任何新东西的时候，直接从实例入手，先亲自动手操作他的整个运作过程，这样对于我们对新事物的认识和理解是非常深刻的，对于HTML5 播放音频，我们来看如何进行代码实现，如下：

一、使用简单格式的Audio标签播放音频

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

二、使用带控制按钮的Audio标签播放音频

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

Audio标签的 control 属性给播放器窗口添加了播放、暂停和音量控制的按钮，可以由用户手动进行控制。

三、使用Audio标签的浏览器兼容提示功能

<audio src="song.ogg" controls="controls">
您的浏览器不支持 audio 标签，请更换最新版浏览器
</audio>

和Video 标签的功能一样，<audio> 与 </audio> 之间插入的内容会在不支持 audio 元素的浏览器中直接显示出来。

四、使用 Audio标签和 source标签来提高浏览器播放音频的兼容性

<audio controls="controls">
  <source src="/upload/audio/audio_example.ogg" type="audio/ogg">
  <source src="/upload/audio/audio_example.mp3" type="audio/mpeg">
  您的浏览器不支持HTML5 Audio 标签，无法播放此音频
</audio>

在上面的其他例子中我们只是使用一个 Ogg 音频文件格式，这种格式目前只兼容 Firefox、Opera 以及 Chrome 浏览器。要想兼容 Safari 浏览器，音频文件必须是 MP3 或 Wav 类型。audio 标签允许包含多个 source 标签。source 标签可以链接不同的音频文件格式。浏览器将使用第一个可识别的音频文件格式。

作者文档