HTML5之音频Audio标签的应用

转载 2012年03月22日 13:42:37

HTML5之音频标签的应用




        在过去,我们如果想在Web上播放音乐,基本都是通过Flash来播放,但并不是所有的浏览器都安装了Flash播放器插件,而现在我们在HTML5中,就能完全脱离Flash或其他的插件来播放音乐了。

audio标签:


目前HTML5的audio标签仅支持3种音频格式,如下表:

 

IE9

FireFox 5.0

Safari 5.5

Chrome 12

Opera 11.5

Mp3

×

×

Ogg

×

×

Wav

×

×





Audio标签的属性有:

属性

值(可省略)

描述

src

url

要播放的音频的 URL,路径可为网络路径或相对路径。

controls

controls

向用户显示控件,比如播放按钮。

loop

loop

每当音频结束时重新开始播放。

preload

preload

音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。

autoplay

autoplay

则音频在就绪后马上播放。




编辑代码
<h1>最近觉得《大高原》这首歌不错,就在案例中使用了:</h1>
<audio src="http://zhangmenshiting2.baidu.com/data2/music/5814678/5814678.mp3?xcode=0f479d949c4372d1165aae570e00d8bd&mid=0.76911343441060" controls="controls" autoplay="true">您的浏览器不支持 audio 标签。</audio>

相关文章推荐

HTML5<audio>标签--音频播放全解析

HTML5开启了一个新时代,因为它让浏览器本身变得不那么被动,audio api就是一个典型的列子,在Html5还没确定之前,如果想要在听音乐看视频唯一的办法就是用flash 意思是当你没有给浏览器装...

不同浏览器对于html5 audio标签和音频格式的兼容性

不同浏览器对于html5 audio标签和音频格式的兼容性 音频格式 Chrome Firefox IE9 Opera Safari ...

直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法

 虽然我的mp4格式的视频 还是没播放起来 但觉得 这些 还是很有参考价值的 支持低版本IE的html5播放器演示 点我查看演示页面 通常人们习惯用swf播放器来播放...

不同浏览器对于html5 audio标签和音频格式的兼容性

音频格式 Chrome Firefox IE9 Opera Safari OGG 支持 支持 支持 支持 不支持 MP3 支持 不支持 支持 不支持 支持 ...

HTML5 audio标签使用 preload属性 规定是否在页面加载后载入音频

HTML5 audio标签使用 preload属性 规定是否在页面加载后载入音频 语法1 属性值描述规定是否预加载音频。可能的 load 值: auto – 当页面加载后载入整个音频 met...
  • babybk
  • babybk
  • 2016年05月05日 19:05
  • 5253

HTML5-音频audio和视频video标签

1、音频标签audio 直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 a...
  • xsc_c
  • xsc_c
  • 2013年08月15日 16:22
  • 2996

HTML5视频播放器video和音频播放器audio用法

原文:http://www.webhek.com/using_html5_audio_and_videoHTML5里引入的新标记 和 实现了HTML对视频播放和音频播放的原生支持,有了这种原生的H...

HTML5使用JavaScript控制<audio>音频的播放

1,下面是一个播放音乐的最简单样例 (controls属性告诉浏览器要有基本播放控件) 原文:HTML5 - 使用播放音频 2,预加载媒体文件 设置preload不同的...
  • kaikai4
  • kaikai4
  • 2016年06月28日 15:50
  • 17750

html5 audio读取文件流播放音频

最近要解决一个html5 播放音频的问题,在前台地址中不能直接写
  • xxzblog
  • xxzblog
  • 2014年11月20日 14:21
  • 1587
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML5之音频Audio标签的应用
举报原因:
原因补充:

(最多只允许输入30个字)