我们需要了解多少才能走近HTML5
2010-10-07 16:15:16 来源:WEB开发网注意:可以在 iPhone 上播放的这类编码格式,同样也可以在 HTML5(当然仅仅是一部分浏览器) 或者 Flash 中播放。如果你怕麻烦或者想节省一些转换花费的时间,可以考虑选择在编码的时候,不高于 iOS 系列设备和 Android 系列设备的分辨率。如果你不怕麻烦,并且视频在不同的码率上表现差异很大,或者需要在电脑上有更清晰的表现,就多编码出来几个不同的码率吧。
2. 对于一些老的移动设备,选择 3GP/MPEG4。绝大多数的黑莓手机和一些 Android 的手机,都支持这种格式。同时,3GP 在 iPhone 和 iPod 上都可以播放。
3. 关于 WebM,现在也许还不是一个好的选择,虽然在一些 Android 的手机上已经可以播放,但是支持还不是很广泛。预计未来 1-2 年会有更多的支持 WebM 格式的手机。
推荐:怕麻烦则 MP4 格式,640×480 或者 480×360。不在乎编码时间和存储空间,就应该选择三种 MP4 编码方案(480×360,640×480,720p + “Main profile” )
外加一到两种 3GP 格式(320×240 或者 176×144),可以参考这份日志来获取更加详细的编码参数。
关于多种比特率
有可能你在考虑,是不是要为带宽很足的用户准备高比特率的视频,并且为了照顾小带宽的用户,另外再准备一份低比特率的视频呢?如果你的用户已经 开始在互联网上观看高清的视频,那么为了迎合这类用户的习惯和用户体验,那么答案则为是。可以考虑提供 2-3 种不同比特率或者分辨率的视频来满足使用不同互联网连接方式的用户。比如提供一份 640×360 和 一份 1280×720 的选择。未来我们会更多的讨论这个问题。
关于流媒体播放
本篇文章不讨论关于流媒体的问题,并且 RTMP(Flash)、Smooth Streaming(Silverlight)、HTTP Live Streaming(iOS)都要求特殊的视频格式。这已经超出了我们要讨论的范围了。未来将会有相关的文章进行讨论
结论
1. 最低限度的支持 HTML5,应该选择 MP4 + WebM 或者 Ogg 其中的至少一种,并且使用 Flash 来播放 MP4 以便提供向下兼容支持。
2. 移动设备方面,H.264/MP4 会让你省心很多,如果可以提供 2-3 种不同分辨率和码率的视频,会大大增加兼容性。
建议
以下是关于所有类型的视频编码方案建议,Zencoder 支持以下列出的所有编码格式(广告了…)
1. 只为能播放
HTML5,Flash和移动设备:MP4/H.264,使用 “Baseline” 编码,480×360 或者 640×480
HTML5:WebM 或者 Ogg
2. 更上一层楼
HTML5,Flash:MP4/H.264,“High profile” 编码
HTML5:WebM
HTML5:Ogg
移动设备:MP4/H.264,“Baseline profile” 编码,分辨率 480×360 或者 640×480
3. 我要支持所有设备和浏览器
HTML5,Flash:MP4/H.264,“High profile” 编码
HTML5: WebM
HTML5:Ogg
移动设备:MP4/H.264,“Baseline profile” 编码,分辨率选择 480×360 以便提供高兼容性
移动设备:MP4/H.264,“Main profile” 编码,分辨率 1280×720 以便支持新的设备(如 iPhone4、iPad 和 Apple TV)
移动设备:3GP/MPEG4,分辨率320×240 和(或) 177×144 以便支持非智能手机
- ››我们需要了解多少才能走近HTML5
- ››我们需要什么样的CMS跟BBS程序?
- ››了解Windows Mobile文件结构
- ››了解 IBM Smart Business Development and Test o...
- ››了解 Apache Click:使用轻量模型快速编写 Web 应...
- ››了解 IBM Data Studio Version 2 软件打包方式
- ››了解微软Office 2010数字签名的新特性
- ››了解Sybase IQ服务剑桥天文观测台
- ››了解 Eclipse 中的 JFace 数据绑定,第 1 部分: 数...
- ››了解 Eclipse 中的 JFace 数据绑定,第 2 部分: 绑...
- ››了解 Eclipse 中的 JFace 数据绑定,第 3 部分: 使...
- ››了解 Tapestry,第 1 部分:启动 Tapestry 并在 J...
更多精彩
赞助商链接