2012-02-20 29 views
1

我有一个我为我的朋友/客户创建的jQuery Mobile网站。它只有6页左右(其中2个是对话窗口)。该网站有HTML5视频,通过videojs库支持闪回。所有的视频都可以在mp4,ogv(theora)和webm中正确编码,到目前为止我已经在使用过的每个设备上播放。jQuery Mobile视频网站,转换为SDG卡上的视频而不是流式传输的PhoneGap应用程序

我的问题在于带宽,程序的目的确实需要是一个应用程序,因为这些信息视频可能需要随时查看,即使没有网络访问权限(首次登录时需要网络访问来验证证书)。

我剩下3个解决方案,尝试用自己的母语为所有平台编写本机应用程序,使用Sencha Touch(我对extJS足够满意)或者使用现有的jQuery移动应用程序100 %功能包括登录和一些后端包管理,为用户分配一个视频包(每个视频包含8-20个视频),并遵循jQuery Mobile教程让您的应用程序准备好用于PhoneGap,我相信它是唯一的启用两个设置,两者都启用“跨域”请求,因为我当前的Web应用程序将作为本地主机运行,它会将脚本视为外部页面。

我的主要问题是一个,我从来没有用过PhoneGap;除了他们的Hello World android教程外,我还知道现在还有其他的一体化框架:PhoneGap,Titanium,Corona,Adobe Flex(我在编写本教程时正在安装,以了解它提供的内容。如果它具有为目标设备自动编码视频(视频分辨率变化)等功能,或者甚至可以使用本地视频播放功能。

有谁知道当前的哪个框架能够安装一组的视频到SD卡上(总共大约6mb每次安装),然后在本地播放(我的意思是,在设备本地播放器中,而不是在webview内嵌)在Android手机上,无论如何,我目前基于videojs的播放器播放这些文件本来就是我所尝试过的所有东西。

我只是需要一个正确的方向,如果有一个PhoneGap插件,我不知道,允许从SD卡播放视频,这将是了不起的。尽管我对android和blackberry webview控件的速度并不满意。所以使用100%原生控制的东西会很棒。我希望你们能想出一些想法,你可以看到当前的应用程序在m.yourvideobenefits.com电子邮件:[email protected]密码:演示

你应该从手机上查看它,如果你想正确地看到它,但是如果你没有智能手机,请记住,在查看此页面某些桌面浏览器时,视频在加载完毕后会变成实际大小。这是因为我在视频标签中有autoload="true"(这在大多数手机上都会被忽略,但不管信不信,设置autoload="true"就是实际上允许视频在某些设备上不能播放内联。我确信设备存在问题。 ..但没有这个标签,视频在iPhone 4上以最新的iOS版本内联播放。

回答

1

你可以用phonegap很轻松地做到这一点;你已经有了你的网页,所以它可能会少得多的工作,可能。

您可以从ios中的应用程序包中获取视频,然后选择具有最佳分辨率的视频并不困难,您还可以以完美的格式和分辨率下载视频您的应用第一次使用您的服务器播放该文件的API。这与存储api相契合对于实现来说很不错。

有一个我用于android的插件,因为视频标签有时会被窃听,或者根本不适用于旧版本,https://github.com/phonegap/phonegap-plugins/tree/master/Android/VideoPlayer。 它只能从网络或SD卡上播放,但这并不算太坏。

我不能帮你用黑莓,但我敢肯定,一定有办法做到这一点。而且,无论如何,appcelerator还不支持它,所以你可能不得不在本地进行。即使没有黑莓的插件,你也可能不得不在原生开发和手机内部的html5播放器之间进行选择。我不会在这里给你我的看法,因为我不是那个给它的人,Stack Overflow说我反正给了它。

+0

此外,如果你使用它,它可能有助于停止使用jQuery的移动 - 或任何其他JavaScript没有真正需要的mather - 在与HTML5视频播放器,使其更加平滑的页面。它在使用画布时帮助了我。链接到该页面时,您只需要不使用ajax,当然,不要在该页面中加载jquery mobile。 – 2012-02-20 03:29:56

+0

谢谢,我目前的编码在我尝试过的所有设备上播放良好的流媒体(我只尝试了已知的越野车)仅供参考,使用Handbrake将您的视频编码为IPhone/IPod设置,并确保您检查Web Optimized (它通过编码,并允许Android流传输它)..哦是啊,即使手刹说它输出的MP4,它是一个M4V;只需重命名扩展名,并在任何H264设备上播放,我也使用Firefogg作为我的ogv和webm。但是你说我应该在我的视频页面中不包含笨重的js框架,这样html5播放器运行得更快?如果是这样,那没有变化的作品 – 2012-02-20 07:48:28

+0

感谢您的编码提示,我不知道他们全部。我说这可能会有所帮助,无论如何,我总是这么做。我认为这不仅对视频有帮助,而且对其他内容也有帮助,而且在画布上或者依赖于计时器的事物上非常明显。使用android,我建议您使用插件来连接本地视频播放器,因为旧设备或操作系统版本有时不支持视频标签。 – 2012-02-22 22:54:13