如何使用HTML5音频元素

本篇内容主要讲解“如何使用HTML5音频元素”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“如何使用HTML5音频元素”吧!

x新引入的HTML5<audio>元素提供了一种在网页中嵌入音频的标准方法。但是，音频元素相对较新，但可以在大多数现代Web浏览器中使用。

下面的示例仅使用浏览器默认控件集将音频插入HTML5文档中，其中一个源由src属性定义。

例试试这个代码&raquo;

<audio controls="controls" src="media/birds.mp3">

    Your browser does not support the HTML5 Audio element.

</audio>

使用浏览器默认控件集和其他来源的音频。

例试试这个代码&raquo;

<audio controls="controls">

    <source src="media/birds.mp3" type="audio/mpeg">

    <source src="media/birds.ogg" type="audio/ogg">

    Your browser does not support the HTML5 Audio element.

</audio>

上例中的“ ogg”音轨可在Firefox，Opera和Chrome浏览器中使用，而添加了“ mp3”格式的相同音轨可在Internet Explorer和Safari中使音频正常工作。

到此，相信大家对“如何使用HTML5音频元素”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！