对比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. Babel下的ES6兼容性与规范

    前端开发 Babel下的ES6兼容性与规范   ES6标准发布后,前端人员也开发渐渐了解到了es6,但是由于兼容性的问题,仍然没有得到广泛的推广,不过业界也用了一些折中性的方案来解决兼容性和开发体系问 ...

  2. Android系统拍照源码

    个人对于Android系统拍照的一些总结:一种自定义图片拍照路径 ,另一种直接利用Android拍照后经过处理的缩略图 特别注意第一种方式需要增加SDK读写权限: <uses-permissio ...

  3. 关于成为Java高级工程师之路

    简单说明一下现状,个人目前学习使用java已经一年半,很迷茫,高不成低不就,在此列一个目标,为期18个月,再来个一年半,这样软件生涯三年后,我必须成为高级工程师! 这里涉及Java各个方面的知识,有的 ...

  4. 分享前端Facebook及Twitter第三方登录

    最近公司要求做海外的第三方登录:目前只做了Facebook和Twitter;国内百度到的信息太少VPN FQ百度+Google了很久终于弄好了.但是做第三方登录基本上都有个特点就是引入必须的js,设置 ...

  5. Linux-wget

    Linux系统中的wget是一个下载文件的工具,它用在命令行下.对于Linux用户是必不可少的工具,我们经常要下载一些软件或从远程服务器恢复备份到本地服务器.wget支持HTTP,HTTPS和FTP协 ...

  6. [已解决] github merge指定commit

    比如说有两个branch,分别是master和m1,我们在m1上修改的bug怎么merge到master上呢, 怎么merge我不知道,但是有另外一个命令可以做到,比如m1做commit,sha-1为 ...

  7. hybird混合式开发搭建

    1.xml <?xml version="1.0" encoding="utf-8"?> <WebView xmlns:android=&qu ...

  8. GoLang语言

    1 Go语言基础 1.1 语法详解 1.1.1 注释 /* regexp 包为正则表达式实现了一个简单的库. 该库接受的正则表达式语法为: 正则表达式: 串联 { '|' 串联 } 串联: { 闭包 ...

  9. 使用maven搭建SpringMVC项目环境

    Window环境下用maven新建一个项目: mvn archetype:generate -DarchetypeCatalog=internal -DgroupId=cn-cisol -Dartif ...

  10. filter(滤镜) 属性 内部资料 请勿转载 谢谢合作

    Filter 描述 none 默认值,没有效果. blur(px) 给图像设置高斯模糊."radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊 ...