HTML5 播放音频示例
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 1</title> </head> <body> <audio controls="controls"> <source src="song.ogg" type="audio/ogg" <source src="song.mp3" type="audio/mpeg" Your browser does not support the audio element. </audio> </body> </html>
Internet Explorer 8不支持音频元素。
在IE 9中,将有支持音频元素。
音频元素是HTML5中最令人兴奋和期待已久的特性,可以在浏览器中实现本地音频播放。
HTML5音频格式
在HTML5中,音频元素有3个格式支持:
- OGG Vorbis =此格式仅适用于Firefox,Opera和Chrome。
- MP3 = MP3音频文件支持Chrome和Safari。
- WAV = WAV格式将在Firefox,Opera和Safari中使用。
目前,HTML5为音频元素定义了五个属性:
- autoplay =布尔值,指定文件是否应该尽快播放。
- Controls =指定浏览器是否应显示其默认媒体控件。
- Loop=它指定是否应该重复播放文件。
- preload =指定音频将在页面加载时加载,并准备运行。如果出现自动播放只是忽略它
- src =指定内容源的有效<abbr> url </abbr>。
由于视频元素在HTML5中工作,如果要播放音频文件,只需添加控制属性以添加播放,暂停和音量控件。
日期:2020-04-11 23:04:20 来源:oir作者:oir