·您当前的位置:主页 > 技术教程 > Html5技术 >

[html5]主流浏览器对html5音频audio标签兼容方面的汇总

时间:2017-03-17 13:03酷播
有朋友说苹果safari支持m4a格式,在iphone上测试不支持,支持播放mp3格式的.进过测试,PC浏览器可以同时播放两个音乐,平板和手机只能播放一个

音频格式

  Chrome Firefox IE9 Opera Safari
OGG 支持 支持 支持 支持 不支持
MP3 支持 不支持 支持 不支持 支持
WAV 不支持 支持 不支持 支持 不支持

一般提供ogg和mp3格式,就可以支持所有主流浏览器了。

  1. <!DOCTYPE HTML> 
  2. <html> 
  3. <head> 
  4.         <title>酷播官方测试各种浏览器支持的音乐格式</title> 
  5. </head> 
  6. <body> 
  7. <br /> 
  8. <br /> 
  9. <br /> 
  10.  播放《庄心妍-一万个舍不得》: 
  11. <br /> 
  12. <br /> 
  13. <br /> 
  14.         <audio controls="controls"> 
  15.             <source src="song.ogg" type="audio/ogg"> 
  16.             <source src="song.m4a" type="audio/mpeg"> 
  17.             <source src="song.mp3" type="audio/mpeg"> 
  18.                 你的浏览器不支持html5的audio标签 
  19.         </audio> 
  20.  
  21. <br /> 
  22. <br /> 
  23. <br /> 
  24. 播放《曲婉婷-我的歌声里》 
  25. <br /> 
  26. <br /> 
  27. <br /> 
  28.         <audio controls="controls"> 
  29.             <source src="song2.ogg" type="audio/ogg">            
  30.             <source src="song2.mp3" type="audio/mpeg"> 
  31.                 酷播提示:你的浏览器不支持html5的audio标签 
  32.         </audio> 
  33.  
  34. <br /> 
  35. <br /> 
  36. <br /> 
  37. </body> 
  38. </html> 

有朋友说苹果safari支持m4a格式,在iphone上测试不支持,支持播放mp3格式的.进过测试,PC浏览器可以同时播放两个音乐,平板和手机只能播放一个。

音频格式知识普及:

Ogg:全称应该是OGGVobis(oggVorbis)是一种新的音频压缩格式,类似于MP3等的音乐格式。Ogg是完全免费、开放和没有专利限制的。OggVorbis文件的扩展名是.OGG。Ogg文件格式可以不断地进行大小和音质的改良,而不影响旧有的编码器或播放器。

MP3:是一种音频压缩技术,其全称是动态影像专家压缩标准音频层面3(Moving Picture Experts Group Audio Layer III),简称为MP3。它被设计用来大幅度地降低音频数据量。利用 MPEG Audio Layer 3 的技术,将音乐以1:10 甚至 1:12 的压缩率,压缩成容量较小的文件,而对于大多数用户来说重放的音质与最初的不压缩音频相比没有明显的下降。

WAV:为微软公司(Microsoft)开发的一种声音文件格式,它符合RIFF(Resource Interchange File Format)文件规范,用于保存Windows平台的音频信息资源,被Windows平台及其应用程序所广泛支持,该格式也支持MSADPCM,CCITT A LAW等多种压缩运算法,支持多种音频数字,取样频率和声道,标准格式化的WAV文件和CD格式一样,也是44.1K的取样频率,16位量化数字,因此在声音文件质量和CD相差无几!

各种关联:wav格式音质最好,但是文件体积较大。mp3压缩率较高,普及率高,音质相比wav要差。ogg与mp3在相同位速率(Bit Rate)编码的情况下,ogg体积更小,并且ogg是免费的不用交专利费(这点国人很中意)。

来源:http://www.cnblogs.com/linn/p/3408515.html

微信付费直播
酷播云免费在线视频整体解决方案
进入开学季,保利威视推出云视频优惠,云视频套餐、流量超实惠大放“价”就是现在,还可以免费获取GET2017教育科技大会VIP门票哦!