小强的HTML5移动开发之路（15）——HTML5中的音频
程序员文章站
2022-05-27 11:31:59
...
浏览器虽然发展很快，但是浏览器中的标准还是不完善，在HTML4+CSS2+JS的前段开发中让很多程序员头疼的就是浏览器的兼容性问题，音频播放也一样，直到现在，仍然不存在一项网页上播放视频和音频的标准。现在，在大多数浏览器中，音频是通过插件（比如:flash插件）来播放的。然而，不是所有浏览器都具有这样的插件，所以对音频的播放造成了一定的麻烦。在HTML5的新标准中规定了一种通过audio元素来包含音频的标准方法，下面我们就来详细的了解一下该标签。
一、对音频格式的支持
目前，audio元素支持三种音频格式
二、如何使用
<!DOCTYPE html>
<html>
<body>
<audio src="http://www2.shengda.edu.cn/ytw/gbzx/photo/bgmusic.mp3" controls="controls">
您的浏览器不支持该HTML5标签
</audio>
</body>
</html>
control属性显示控制台
<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的
要运行其他浏览器也支持就要使用如下方式
<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>
三、audio标签的属性
以上就是 小强的HTML5移动开发之路（15）——HTML5中的音频的内容，更多相关内容请关注PHP中文网（www.php.cn）！
推荐阅读
-
小强的HTML5移动开发之路（33）—— jqMobi基础
-
小强的HTML5移动开发之路（21）—— PhoneGap
-
HTML5移动端开发中的Viewport标签及相关CSS用法解析
-
小强的HTML5移动开发之路（52）——jquerymobile中的触控交互
-
小强的HTML5移动开发之路（27）—— JavaScript回顾2
-
小强的HTML5移动开发之路（28）—— JavaScript回顾3
-
SASS在HTML5移动应用开发中的应用
-
小强的HTML5移动开发之路（32）—— JavaScript回顾7
-
小强的HTML5移动开发之路（5）——制作一个漂亮的视频播放器
-
小强的HTML5移动开发之路（50）——jquerymobile页面初始化过程