Html5-video,audio格式

发布:2014-12-12 13:02   点击602次   评论:0

Html 5 video/audio 格式转换 ogg
http://blog.csdn.net/cherry_xidian/article/details/6407525

Html5 开始支持video和audio标签,但是各个浏览器支持的格式不一样,见下图

 
Codec support in modern desktop browsers

Browser ------ Ogg - MP3 - WAV
FireFox 3.6+ - ✓ -------- ✓
Safari 5+ ---- X --- ✓ -- ✓
Chrome 6 ----- ✓ -- ✓ -- X
Opera 10.5+ -- ✓ -------- ✓
IE9 (beta) --- X --- ✓ -- ✓
 

因此,要想全面兼容,至少需要提供两种格式,由于wav文件体积太庞大,因此我们提供MP3和ogg

 

MP3转换很容易,下面简单说下ogg

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

ogg编码转换有个开源项目可以通过ffmpeg2theor(http://v2v.cc/~j/ffmpeg2theora/index.html)来实现:

ffmpeg2theora 编码器,可以将任何格式的影音媒体档案,转换成 ogg 档案。作者以传统的 C 语言编写这套软件,主要是利用大量的数据结构和指标来编写程式,由于这个编码器是采用命令列的操作模式,对于不熟悉命令列接口的人来说较为不便。


http://www.iefans.net/html5-yinyue/
通过HTML5 audio和HTML5浏览器让音乐东山再起

没有一种通用的文件格式让每个浏览器都使用单个文件格式意味着至少有 2/5 的浏览器无法播放某些声音。这不是无法在单一音频标准中达成一致的浏览器制造商不妥协的问题,而是涉及专利权和特许权使用费的法律和财务问题。不受软件专利限制的 OGG 格式旨在一劳永逸地解决这个问题。然而,在撰写本文时,Opera 和 Safari 都不支持 OGG。与 OGG 格式的文件相比,可用的 WAV 和 MP3 文件数量要更多,因此毫无疑问,浏览器制造商考虑到了这一点。MP3 作为事实的标准是个很好的解决方案。

解决方案:使用三种文件类型和<audio>标签

鉴于目前的状况,您可能认为目前还不是在 HTML5 页面上使用音频的黄金时刻。在某些方面可能的确如此,但是 HTML5 提供了一个解决方案,使您喜欢的浏览器能够找到一种兼容的格式。

与 <audio> 标签结合使用时,<source> 标签可以嵌套在 <audio> 容器内。假设您是一个瓦格纳迷,想在 HTML5 网页上听他的歌剧 Ride of the Valkyries(《女武神》)。首先,您需要获得三种文件类型的音乐,即 OGG、MP3 和 WAV。将这些音乐文件与 HTML5 文件放在同一个文件夹内。然后,将每个文件名放在单独的 <source> 标签里,并且音频容器中的所有源标签都由<audio></audio> 构成,如下所示。那么,无论访问者使用什么浏览器,它都将自动选择所读取的第一个文件类型,并为您播放声音。

[audio controls]
[source src="RideOfTheValkyries.ogg" /]
[source src="RideOfTheValkyries.mp3" /]
[source src="RideOfTheValkyries.wav" /]
[/audio]

关于 GitHub 导航 部门 反馈

提示:`/home.php`入口数据仅为演示功能,不构成任何交易凭证,也不承担相关风险和责任!

Copyright © 2011-2018 xxxxx.com All rights reserved.

Run:3.787/29.276(ms); 7(sql)/2.884(MB); comm:news/detail; Upd:2024-11-15 19:34:26