首页前端开发HTML不同浏览器对于html5 audio标签和音频格式的兼容性

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

时间2024-01-26 20:29:03发布访客分类HTML浏览758
导读:收集整理的这篇文章主要介绍了html5教程-不同浏览器对于html5 audio标签和音频格式的兼容性,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。...
收集整理的这篇文章主要介绍了html5教程-不同浏览器对于html5 audio标签和音频格式的兼容性,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
音频格式 Chrome Firefox IE9 opera Safari
OGG 支持 支持 支持 支持 不支持
MP3 支持 不支持 支持 不支持 支持
WAV 不支持 支持 不支持 支持 不支持

格式工厂音频转换工具

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

 !DOCTYPE htML>
     html>
      head>
        tITle>
    测试各种浏览器支持的音乐格式/title>
       /head>
       body>
        br />
        br />
        br />
     播放《庄心妍-一万个舍不得》:    br />
        br />
        br />
        audio controls="">
         source src="song.ogg" type="audio/ogg">
    /source>
         source src="song.m4a" type="audio/mpeg">
    /source>
         source src="song.mp3" type="audio/mpeg">
    /source>
     你的浏览器不支持HTML5的audio标签    /audio>
        br />
        br />
        br />
     播放《曲婉婷-我的歌声里》    br />
        br />
        br />
        audio controls="controls">
         source src="song2.ogg" type="audio/ogg">
    /source>
         source src="song2.mp3" type="audio/mpeg">
    /source>
     你的浏览器不支持Html5的audio标签    /audio>
        br />
        br />
        br />
        /body>
     /html>
    

audio的一些属性: controls 显示浏览器自带控制条(每个浏览器不一样) autoplay 自动播放 muted 静音 loop 循环 PReload 预加载 当元素身上出现了autoplay 默认就是预加载的。

音频格式知识普及:

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是免费的不用交专利费(这点国人很中意)。

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

格式工厂音频转换工具

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

 !DOCTYPE html>
     html>
      head>
        title>
    测试各种浏览器支持的音乐格式/title>
       /head>
       body>
        br />
        br />
        br />
     播放《庄心妍-一万个舍不得》:    br />
        br />
        br />
        audio controls="">
         source src="song.ogg" type="audio/ogg">
    /source>
         source src="song.m4a" type="audio/mpeg">
    /source>
         source src="song.mp3" type="audio/mpeg">
    /source>
     你的浏览器不支持HTML5的audio标签    /audio>
        br />
        br />
        br />
     播放《曲婉婷-我的歌声里》    br />
        br />
        br />
        audio controls="controls">
         source src="song2.ogg" type="audio/ogg">
    /source>
         source src="song2.mp3" type="audio/mpeg">
    /source>
     你的浏览器不支持Html5的audio标签    /audio>
        br />
        br />
        br />
        /body>
     /html>
    

audio的一些属性: controls 显示浏览器自带控制条(每个浏览器不一样) autoplay 自动播放 muted 静音 loop 循环 preload 预加载 当元素身上出现了autoplay 默认就是预加载的。

音频格式知识普及:

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是免费的不用交专利费(这点国人很中意)。

觉得可用,就经常来吧! 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

divHTMLpost-format-gallery

若转载请注明出处: 不同浏览器对于html5 audio标签和音频格式的兼容性
本文地址: https://pptw.com/jishu/587241.html
HTML5智能表单 html5笔记

游客 回复需填写必要信息