视频编解码器设置支持html5播放器中的所有主要移动设备?

时间:2010-11-06 11:33:00

标签: video html5 encoding mobile

Youtube移动设备使用RTSP流式传输,但这对设置和维护而言过于苛刻。

因此看起来HTML5可能是将网站中嵌入的视频提供给移动设备的最佳方式。 (我可以获得确认,或者是否有人不同意?)

还要包含一个到媒体文件的静态链接,以便手机可以决定如何处理它,在边缘情况下下载并使用系统播放器启动它,这似乎支持更多的编解码器和东西。

问题在于正确的视频编码。

我尝试了很多,最终得到了一个可以在Iphone 4上播放的视频文件,带有软件升级的Iphone 3和Android 2.1。这就是我可用于测试的全部内容。

为了让它在以下所有方面工作似乎是必要的:

Format profile                   : Baseline@L1.3
Codec ID                         : avc1

该文件还需要使用qt-faststart处理(我不明白,因为它增加了更多的要求,因为在H264规范中默认情况下视频信息在文件末尾进行编码。)< / p>

我搜索了很多但没有运气,所以我的问题是:

选择哪些设置来支持具有良好压缩,质量和内容的最可能的设备。

我对H264(AVC)有好处吗?或者是否有必要支持webm / ogg的替代来源或类似的东西?

或换句话说:

如果您将HTML5中的在线视频投放到移动设备上。您会选择哪种编解码器设置以及原因。

我将打开其他问题,我将部分回答这些问题并将其链接到此处:

  • 兼容的html5播放器
  • 执行闪回或其他方式
  • 如何正确地对视频进行服务器端编码,包括需求安装和各种输入文件

希望最终我的视频网站能够全部设置并准备好移动设备,并为每个人提供全面的指南。

2 个答案:

答案 0 :(得分:2)

推荐的方法是对视频进行3次编码:

h264,vorbis和webm ...然后按顺序将它们作为源添加到html5标记中(因为某些设备只查看1ŝt)并且如果所有设备都失败则会回退到闪存。

我不喜欢这个解决方案,因为我有3个视频文件要编码和存储。

所以,如果可能的话,我会以相反的方式使用闪存并切换到html5作为后备。我更喜欢解决方案以及闪存播放似乎更可靠。 嗯,它消耗更多的计算能力,所以对于高清视频,你可以辩论,但很好。

所以我最后得到了下表:应该如何使用东西:

IE:Flash(v9将支持html5 / h264,但闪存很酷) Firefox:Flash(目前仅支持theora / vorbis) Safari:尽可能使用Flash,但3.0+版本支持HTML5 / h264 Chrome:Flash,如果闪存不可用(不太可能)在5.0+版本中支持h264 / html Opera:Flash(暂不支持h264.Opera mobile ...不起作用。只有开放格式的Html5。) Iphone:HTML5 / h264(3.0+) Android:HTML5 / h264(2.0+)

唯一需要注意的是Android不使用闪存,因为手机不具备流畅播放的性能,但它在2.2版本中支持它......仍然在努力。

那么我们现在需要什么?

可靠的Flash检测和JS。 如果没有JS可用,我们可以显示。 html5标签或flash播放器......我认为flash播放器更好。

Theora / Webm很重要的唯一案例是Firefox和Opera。但他们应该支持支持h264 scince版本9.something的flash。

答案 1 :(得分:0)

有一个错误的iPad阅读源文件,这是一个高度记录。 mp4必须是第一个。