iOS和Android中的视频播放功能

时间:2011-07-01 18:08:51

标签: android ios html5 video

我正处于为iOS和Android平台(平板电脑和手机)规划新应用程序的阶段,该平台将重点播放视频流。

但是,在视频播放方面,文档并不完全清楚这些平台的功能。所以我的问题是:

1。)Android和iOS可以从网页/网页浏览中播放HTML5视频吗?

2.。)HTML5视频可以显示为带有叠加层的网页(非全屏)的一部分吗?

3.。)Android和iOS能否以非全屏模式播放视频?

4.如果它是原生应用的一部分,我可以对播放的视频进行文字/图形叠加吗?

这些问题的答案(如果可能的话,支持的操作系统版本)将不胜感激,我似乎无法找到确凿的资源作为平台文档的一部分。

2 个答案:

答案 0 :(得分:3)

好的,让我尽可能清楚地回答,因为我刚刚体验过在ios和android中流式传输的应用程序。

1。)Android和iOS可以从网页/网页浏览中播放HTML5视频吗?

是两者都可以使用<Video>标记

2.。)HTML5视频可以显示为带有叠加层的网页(非全屏)的一部分吗?

这更多地取决于设备而不是操作系统。 iPad可以在没有全屏的情况下实现,但iPhone确实应用全屏,Android平板电脑可以安装一些Andorid手机。

特别是在iOS和iPhone上,最好的方法是创建一个MPMoviePlayerController(不要与MPMoviewPlayerViewController混淆)你可以在viewController中设置布局并限制其大小视频,这样你就可以看到布局。 (这当然也适用于iPad,所以这可能是你最好的方法)

3.。)Android和iOS能否以非全屏模式播放视频?

是的,如上所述,如果不使用WebView在视图控制器中使用VideoPlayer,它们会更好

4.如果它是原生应用的一部分,我可以对播放的视频进行文字/图形叠加吗?

您可以使用上述方法,因为您的视频将位于viewcontroller,您可以在其中管理视图中播放器的大小和位置,当您在webview上进行操作时,设备会自动加载玩家,所以你无法管理它。

你应该玩得很安全并且可以满足最低操作系统要求iOS 4.0和Android OS 2.1,因为两个版本都对原生视频播放进行了改进

答案 1 :(得分:1)

我认为没有测试就不会有明确的答案,即使这样,答案也可能会发生变化(我希望很快)。我在这里查看了参考视频:http://broken-links.com/tests/video/,它以三种不同的形式编码,确保它可以在Firefox中正常播放,支持ogg,支持webm的Chrome,以及支持m4v的任何内容。

<video id="video" autobuffer height="240" poster="../images/bbb_poster-360x240.jpg" width="360">
  <source src="../media/BigBuck.m4v">
  <source src="../media/BigBuck.webm" type="video/webm">
  <source src="../media/BigBuck.theora.ogv" type="video/ogg">
</video>

我在带有最新更新的iPad 2,带有Android 3.1的三星Galaxy Tab,带有Android 2.3的Nexus One以及OS X 10.6.8上的Firefox 5和Chrome 12上进行了测试。 Firefox和Chrome都运行得很好。

Ipad 2:在浏览器中正确播放(非全屏)。唯一的异常现象:时间显示为“NaN”的“1”

Android 3.1:在浏览器中正常播放(非全屏。)

Android 2.3:当我按下“播放”时我们全屏显示。播放后,回到浏览器中,但显示时间为“1'的6000'”而且,它在播放前挂了一会儿,也许是因为连接速度,但感觉并不完全稳定。

我希望这有用。