本关任务是编写一个在线播放音乐的网页，你将通过本关学习HTML播放音频的多种方式。

本关网页显示效果如下图所示： 操作效果如下图所示：

在网页中播放音频，对大家而言是一件习以为常的事，但若想要同时兼容多种浏览器和设备，并不是一件容易的事。所以，本关中，我们为大家讲解了几种通用的音频播放方案。

我们可以使用 HTML5 元素来进行播放。

显示效果如图： HTML5 元素会尝试以 mp3、wav或 ogg 格式来播放音频。如果失败，代码将回退尝试 元素。

元素定义外部内容的容器，能够将音频嵌入网页中。

为兼容多种浏览器，我们指定了许多不同格式的音频文件，因为不同浏览器支持不同的音频格式。具体如下：

另外，我们还能为元素添加不同的属性，为播放器带来更多的功能，常见的一些属性如下表所示： 其中，preload会在页面加载完成后，自动的对音频进行预加载并准备播放。

举例：

播放效果如下： 从实例中，我们可以看到： autoplay= "autoplay"指定了页面加载完成之后自动播放，同样的，我们看到loop="loop"指定了播放完成之后自动循环播放。

提示：

一种更简洁的写法是 ，无需指定属性的值。

在播放音频时，一种更加简便的方式是：使用雅虎播放器。这样我们就无需转化为多种格式的音频，保障了各个浏览的兼容性。

例如：

点击播放时，会弹出完整的播放器。

效果如下： 在使用雅虎播放器时，我们需要添加一行脚本：

使用超链接的方式，浏览器会自动识别音频文件，然后使用“辅助应用程序”来播放音频文件。

例如：

播放效果同雅虎播放器效果类似。

大家可以根据具体的需求，选择其中的一种方式进行音频的播放。