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音频格式

在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