WEB开发网
开发学院网页设计Html 我们需要了解多少才能走近HTML5 阅读

我们需要了解多少才能走近HTML5

 2010-10-07 16:15:16 来源:WEB开发网   
核心提示:HTML5 的 <video> 标签真的很威武,几乎所有的主流浏览器可以直接提供本地的视频播放功能,我们需要了解多少才能走近HTML5,相对于以前通过 Flash 这种类似“中继”的播放方式,要先进很多,对于这类设备,编码的时候应该选择 “Baseline”,

HTML5 的 <video> 标签真的很威武,几乎所有的主流浏览器可以直接提供本地的视频播放功能,相对于以前通过 Flash 这种类似“中继”的播放方式,要先进很多。同时也为一些不支持 Flash 播放的移动设备带来的希望。


  也许,你会因为 <video> 标签可以支持到的视频种类而感到困惑。嗯,到底为了实现 HTML5 的特性,到底要转换多少种编码格式的视频?WebM,Ogg 还是 MP4?那…iPhone 和 Android 又需要哪种编码格式?如果我还要提供高、中、低三种码率的视频呢?

下面就来看看到底 HTML5 <video> 标签的详细情况吧。

关于 Web 格式
  目前来说,广泛被浏览器支持的的视频编码格式总共有三种,但是没有一种可以达到通吃所有浏览器的境界。所以对于同一个视频,至少需要两种格式,才能在所有浏览器里播放。

首先要选择一个被支持最多的视频格式,那么就是 MP4 + H.264 这个组合了,音频方面则是 AAC 或者 MP3。MP4 封装的视频,可以在 Safari、Chrome 和 IE9 里播放(悲剧的是 IE9 只支持 Windows Vsita 和 Windows 7)。同时,这个组合也是你通过 Flash 来作为播放器播放的最好选择了,同时这个组合也可以在很多手持设备上播放,比如 iOS、Android、Blackberry、PSP、PS3 等等。在 H.264 编码的时候,可以选择 “High Profile” 以获得最好的编码质量,或者 “Baseline” 来应对一些移动设备。

除此之外,还有两个组合,WebM + VP8 和 Ogg + Theora + Vorbis 来满足其他的浏览器。WebM 可以在 Firefox(4.0+)、Chrome(6.0+)和 Opera(10.60+)中播放;Ogg 可以在 Firefox(3.5+)、Chrome(3.0+)和 Opera(10.54+)中播放。

那么问题又来了,如果要从中选择一个,是 Ogg 呢,还是 WebM 呢?

从我们(Zencoder)来看,WebM 肯定是未来开放式视频格式的领跑者,VP8 比起 Theora 来说,要更加的优秀,而且还有强大的社区作为其后盾,特别是 Google 的支持。

反过来看 Ogg,其最大的特点是她支持了 44.64% 的浏览器(译者注:这里应该是指浏览器分部率中,可以播放的比例),而 WebM 仅支持 9.35% 的浏览器。如果仅着眼于 2010 年 10 月,那么 Ogg 也是一个不错的选择。如果你是为了未来的 1-2 年,那么WebM 似乎更有优势一些。

推荐:MP4 + WebM 或者 Ogg 其中一种,当然全部都编码出来也可以 ^^。

关于移动设备
  和浏览器的情况一样,在移动设备上也没有一个可以通吃全盘的编码方案。不同的移动设备有着不同的编码标准,甚至比起浏览器领域来说,更加的复杂。不过还是有一些方案可以让你省不少精力的。

在这里你可以查看一个完整的移动设备编码列表。

1. 现在绝大多数的移动设备都支持 MP4/H.264。包括 iOS 系列的产品(iPhone、iPod、iPad、Apple TV 等),绝大多数的 Android 设备,新的黑莓手机。对于这类设备,编码的时候应该选择 “Baseline”。在分辨率上,对于 iOS 和 Android

1 2  下一页

Tags:我们 需要 了解

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接