对比audio标签 和 Web Audio API 各平台浏览器的支持情况:

 

 

audio element

Web Audio API

desktop browsers

Chrome 14

Yes ✔

Prefixed ✔

Chrome 16

Yes ✔

Prefixed ✔

Chrome 17

Yes ✔

Prefixed ✔

Chrome 18

Yes ✔

Prefixed ✔

Chrome 19

Yes ✔

Prefixed ✔

Chrome 20

Yes ✔

Prefixed ✔

Chrome 21

Yes ✔

Prefixed ✔

Chrome 22

Yes ✔

Prefixed ✔

Chrome 23

Yes ✔

Prefixed ✔

Chrome 24

Yes ✔

Prefixed ✔

Chrome 25

Yes ✔

Prefixed ✔

Chrome 26

Yes ✔

Prefixed ✔

Chrome 27

Yes ✔

Prefixed ✔

Chrome 28

Yes ✔

Prefixed ✔

Chrome 29

Yes ✔

Prefixed ✔

Chrome 30

Yes ✔

Prefixed ✔

Chrome 31

Yes ✔

Prefixed ✔

Chrome 32

Yes ✔

Prefixed ✔

Chrome 33

Yes ✔

Prefixed ✔

Chrome 34

Yes ✔

Prefixed ✔

Chrome 35

Yes ✔

Yes ✔

Chrome 36

Yes ✔

Yes ✔

Chrome 37

Yes ✔

Yes ✔

Chrome 38

Yes ✔

Yes ✔

Chrome 39

Yes ✔

Yes ✔

Chrome 40

Yes ✔

Yes ✔

Chrome 41

Yes ✔

Yes ✔

Chrome 42

Yes ✔

Yes ✔

Chrome 43

Yes ✔

Yes ✔

Chrome 44

Yes ✔

Yes ✔

Chrome 45

Yes ✔

Yes ✔

Chrome 46

Yes ✔

Yes ✔

Chrome 47

Yes ✔

Yes ✔

Chrome 48

Yes ✔

Yes ✔

Chrome 49

Yes ✔

Yes ✔

Chrome 50

Yes ✔

Yes ✔

Chrome 51

Yes ✔

Yes ✔

Chrome 52

Yes ✔

Yes ✔

Edge 12

Yes ✔

Yes ✔

Edge 13

Yes ✔

Yes ✔

Edge 14

Yes ✔

Yes ✔

Edge (All flags enabled)

Yes ✔

Yes ✔

Firefox 3.6

Yes ✔

No ✘

Firefox 4

Yes ✔

No ✘

Firefox 5

Yes ✔

No ✘

Firefox 6

Yes ✔

No ✘

Firefox 7

Yes ✔

No ✘

Firefox 8

Yes ✔

No ✘

Firefox 9

Yes ✔

No ✘

Firefox 10

Yes ✔

No ✘

Firefox 11

Yes ✔

No ✘

Firefox 12

Yes ✔

No ✘

Firefox 13

Yes ✔

No ✘

Firefox 14

Yes ✔

No ✘

Firefox 15

Yes ✔

No ✘

Firefox 16

Yes ✔

No ✘

Firefox 17

Yes ✔

No ✘

Firefox 18

Yes ✔

No ✘

Firefox 19

Yes ✔

No ✘

Firefox 20

Yes ✔

No ✘

Firefox 21

Yes ✔

No ✘

Firefox 22

Yes ✔

No ✘

Firefox 23

Yes ✔

No ✘

Firefox 24

Yes ✔

No ✘

Firefox 25

Yes ✔

Yes ✔

Firefox 26

Yes ✔

Yes ✔

Firefox 27

Yes ✔

Yes ✔

Firefox 28

Yes ✔

Yes ✔

Firefox 29

Yes ✔

Yes ✔

Firefox 30

Yes ✔

Yes ✔

Firefox 31

Yes ✔

Yes ✔

Firefox 32

Yes ✔

Yes ✔

Firefox 33

Yes ✔

Yes ✔

Firefox 34

Yes ✔

Yes ✔

Firefox 35

Yes ✔

Yes ✔

Firefox 36

Yes ✔

Yes ✔

Firefox 37

Yes ✔

Yes ✔

Firefox 38

Yes ✔

Yes ✔

Firefox 39

Yes ✔

Yes ✔

Firefox 40

Yes ✔

Yes ✔

Firefox 41

Yes ✔

Yes ✔

Firefox 42

Yes ✔

Yes ✔

Firefox 43

Yes ✔

Yes ✔

Firefox 44

Yes ✔

Yes ✔

Firefox 45

Yes ✔

Yes ✔

Firefox 46

Yes ✔

Yes ✔

Firefox 47

Yes ✔

Yes ✔

Firefox 48

Yes ✔

Yes ✔

Firefox (All flags enabled)

Yes ✔

Yes ✔

Internet Explorer 6

No ✘

No ✘

Internet Explorer 7

No ✘

No ✘

Internet Explorer 8

No ✘

No ✘

Internet Explorer 9

Yes ✔

No ✘

Internet Explorer 10

Yes ✔

No ✘

Internet Explorer 11

Yes ✔

No ✘

Opera 10.60

Yes ✔

No ✘

Opera 11.10

Yes ✔

No ✘

Opera 11.50

Yes ✔

No ✘

Opera 11.60

Yes ✔

No ✘

Opera 12.00

Yes ✔

No ✘

Opera 12.10

Yes ✔

No ✘

Opera 15

Yes ✔

Prefixed ✔

Opera 16

Yes ✔

Prefixed ✔

Opera 17

Yes ✔

Prefixed ✔

Opera 18

Yes ✔

Prefixed ✔

Opera 19

Yes ✔

Prefixed ✔

Opera 20

Yes ✔

Prefixed ✔

Opera 22

Yes ✔

Yes ✔

Opera 23

Yes ✔

Yes ✔

Opera 24

Yes ✔

Yes ✔

Opera 25

Yes ✔

Yes ✔

Opera 26

Yes ✔

Yes ✔

Opera 27

Yes ✔

Yes ✔

Opera 28

Yes ✔

Yes ✔

Opera 29

Yes ✔

Yes ✔

Opera 30

Yes ✔

Yes ✔

Opera 31

Yes ✔

Yes ✔

Opera 32

Yes ✔

Yes ✔

Opera 33

Yes ✔

Yes ✔

Opera 34

Yes ✔

Yes ✔

Opera 35

Yes ✔

Yes ✔

Opera 36

Yes ✔

Yes ✔

Opera 37

Yes ✔

Yes ✔

Safari 4.0

Yes ✔

No ✘

Safari 5.0

Yes ✔

No ✘

Safari 5.1

Yes ✔

No ✘

Safari 6.0

Yes ✔

Prefixed ✔

Safari 8.0

Yes ✔

Prefixed ✔

Safari 9.0

Yes ✔

Prefixed ✔

Safari 9.1

Yes ✔

Prefixed ✔

tablets

Android 4.2

Yes ✔

No ✘

Chrome 40

Yes ✔

Yes ✔

Chrome 41

Yes ✔

Yes ✔

Chrome 46

Yes ✔

Yes ✔

Chrome 51

Yes ✔

Yes ✔

Chrome 52

Yes ✔

Yes ✔

Edge 12

Yes ✔

Yes ✔

Edge 13

Yes ✔

Yes ✔

Edge 14

Yes ✔

Yes ✔

Edge (All flags enabled)

Yes ✔

Yes ✔

Firefox Mobile 28

Yes ✔

Yes ✔

Firefox Mobile 33

Yes ✔

Yes ✔

Firefox Mobile 47

Yes ✔

Yes ✔

Firefox Mobile 48

Yes ✔

Yes ✔

Internet Explorer 10

Yes ✔

No ✘

Internet Explorer 11

Yes ✔

No ✘

iOS 5.0

Yes ✔

No ✘

iOS 6.0

Yes ✔

Prefixed ✔

iOS 7.0

Yes ✔

Prefixed ✔

iOS 8.0

Yes ✔

Prefixed ✔

iOS 9.0

Yes ✔

Prefixed ✔

iOS 9.3

Yes ✔

Prefixed ✔

iOS 10.0

Yes ✔

Prefixed ✔

Amazon Silk

Yes ✔

Yes ✔

Opera Mobile 12.10

Yes ✔

No ✘

Opera Mobile 16

Yes ✔

Prefixed ✔

Opera Mobile 18

Yes ✔

Prefixed ✔

Opera Mobile 37

Yes ✔

Yes ✔

mobiles

Android 4.2

Yes ✔

No ✘

Samsung Internet 2.0

Yes ✔

Prefixed ✔

Samsung Internet 3.0

Yes ✔

Yes ✔

Samsung Internet 4.0

Yes ✔

Yes ✔

BlackBerry 10.3

Yes ✔

No ✘

Chrome 40

Yes ✔

Yes ✔

Chrome 41

Yes ✔

Yes ✔

Chrome 46

Yes ✔

Yes ✔

Chrome 51

Yes ✔

Yes ✔

Chrome 52

Yes ✔

Yes ✔

Edge 13

Yes ✔

Yes ✔

Edge 14

Yes ✔

Yes ✔

Firefox Mobile 28

Yes ✔

Yes ✔

Firefox Mobile 33

Yes ✔

Yes ✔

Firefox Mobile 47

Yes ✔

Yes ✔

Firefox Mobile 48

Yes ✔

Yes ✔

Internet Explorer 9 (Windows Phone 7.5)

Yes ✔

No ✘

Internet Explorer 10 (Windows Phone 8)

Yes ✔

No ✘

Internet Explorer 11 (Windows Phone 8.1)

Yes ✔

No ✘

iOS 3.0

Yes ✔

No ✘

iOS 4.0

Yes ✔

No ✘

iOS 5.0

Yes ✔

No ✘

iOS 6.0

Yes ✔

Prefixed ✔

iOS 7.0

Yes ✔

Prefixed ✔

iOS 8.0

Yes ✔

Prefixed ✔

iOS 9.0

Yes ✔

Prefixed ✔

iOS 9.3

Yes ✔

Prefixed ✔

iOS 10.0

Yes ✔

Prefixed ✔

Amazon Silk

Yes ✔

Yes ✔

MeeGo/Harmattan

Yes ✔

No ✘

Opera Mobile 12.10

Yes ✔

No ✘

Opera Mobile 16

Yes ✔

Prefixed ✔

Opera Mobile 18

Yes ✔

Prefixed ✔

Opera Mobile 37

Yes ✔

Yes ✔

Tizen 2.3

Yes ✔

Prefixed ✔

UC Browser 10.3

Yes ✔

No ✘

UC Browser 10.10

Yes ✔

No ✘

gaming

Xbox 360 (Internet Explorer 9)

Yes ✔

No ✘

Xbox One (Edge 13)

Yes ✔

Yes ✔

Xbox One (Edge 14)

Yes ✔

Yes ✔

数据来自:HTML5 TEST - http://html5test.com/

关于HTML5音频——audio标签和Web Audio API各平台浏览器的支持情况的更多相关文章

  1. HTML5的Audio标签打造WEB音频播放器

    目前,WEB页面上没有标准的方式来播放音频文件,大多数的音频文件是使用插件来播放,而众多浏览器都使用了不同的插件.而HTML5的到来,给我们提供了一个标准的方式来播放WEB中的音频文件,用户不再为浏览 ...

  2. HTML5 Audio标签方法和函数API介绍

    问说网 > 文章教程 > 网页制作 > HTML5 Audio标签方法和函数API介绍 Audio APIHTML5HTML5 Audio预加载 HTML5 Audio标签方法和函数 ...

  3. HTML5权威指南--标签新变化,文件API,拖放API(简要学习笔记一)

    1.标签元素更加语义化   2.内容类型仍然为“text/html”    扩展符仍然为html或者htm.    <1>DOCTYPE 声明<!DOCTYPE html>就可 ...

  4. html5对各浏览器的支持情况

    考虑到HTML5标准的制定原则:新特性基于HTML.CSS.DOM 以及 JavaScript:减少对外部插件的需求(比如Flash):独立于设备等,我们选取了HTML 5的几项主要特性来评价浏览器系 ...

  5. 使用audio标签播放音频文件

    HTML5定义了一个新的元素用来指定标准的方式来插入音频文件到web页面中:<audio>标签.使用audio标签可以控制音频的播放与停止,循环播放与播放次数设置,以及播放位置等等. 例如 ...

  6. HTML5中 audio标签的样式修改

    由于html5的流行,现在移动端大多数的需求都可以使用audio来播放音频,但您可能只是需要很简单的播放/停止效果,但不同的浏览器上的audio样式却不尽人意,那么要怎么改变这个样式呢,其实它的原理比 ...

  7. html5 -----audio标签

    在现在的公司上班需要做一个html5页面,上下可以滑动的,在页面上需要音乐,默认开始音乐播放,点击音乐标签后音乐停止.后来在项目开发中,遇到性能优化的问题,所以我建议大家以后在使用时不要直接在页面中使 ...

  8. 20190325-HTML框架、audio标签、vedio标签、source标签、HTML表单

    目录 1.HTML框架 frameset:框架标记 frame:框架内文件 iframe:内嵌框架 2.audio标签 src:URL(可以用source标签替代) autoplay:自动播放 pre ...

  9. <video>和<audio>标签

    一.<video>基本格式: <video width=" " heigh="" src=""> </vide ...

随机推荐

  1. 浅谈大型web系统架构

    动态应用,是相对于网站静态内容而言,是指以c/c++.php.Java.perl..net等服务器端语言开发的网络应用软件,比如论坛.网络相册.交友.BLOG等常见应用.动态应用系统通常与数据库系统. ...

  2. web后端 文件上传

    需要Commons-fileupload和commons-io两个jar包.可搜索apache commons下载 jar复制在项目下的web->WEB-INF->lib下    复制在a ...

  3. ListView遍历每个Item出现NullPointerException的异常

    在使用ListView过程中我们有时候需要遍历取得每个Item项中的一些数据(比如每个Item里面有TextView,需要获取它的文本等等),但是我们在遍历过程中经常会遇到NullPointerExc ...

  4. mac下使用gcc

    1.下载安装macports:http://www.macports.org/install.php 安装完成之后,打开终端 2.在终端中输入 port install gcc_select 3.使用 ...

  5. escape(), encodeURI()和encodeURIComponent()(转)

      escape(), encodeURI()和encodeURIComponent()是在Javascript中用于编码字符串的三个常用的方法,而他们之间的异同却困扰了很多的Javascript初学 ...

  6. ios开发错误之: Undefined symbols for architecture x86_64

    错误如下: Undefined symbols for architecture x86_64: "_OBJC_CLASS_$_RoutingHTTPServer", refere ...

  7. js基础教程四之无缝滚动

    前面学习了相关js的一些基础知识,这节主要针对定时器作综合运用: 无缝滚动-基础 效果演示: *物体运动基础 *让div移动起来 *offsetLeft的作用 *用定时器让物体连续移动 <sty ...

  8. VS2013打开项目Web加载失败

    今天打开一个好久没打开过的老项目,发现web加载失败,如图: 然后重新加载项目,提示: 一开始直接在网上找答案,结果看的答案都不靠谱,只好自己动手了, 先看了 这里面是基础配置:大概看过后,又去看了提 ...

  9. Azure Virtual Machine 之 如何利用Management Class Libraries 创建VM

    之前发的blog简单的介绍了如何使用Management Class Libraries 来控制Azure platform. 但由于官方并没有提供文档,所以我们只能够通过自己研究来摸索使用该类库的方 ...

  10. prince2 证书有用吗

    prince2 证书有用吗  ? 项目管理是一件非常困难的事情,新闻里充斥着虽利润高却未能成功支付的项目案例.这是为什么呢? 最主要的原因是项目工作比日常的商业工作要困难的多.日常的商业工作往往是重复 ...