jQuery Mobile视频网站,转换为带有SD卡上的视频的PhoneGap应用程序,而不是流式传输

时间:2012-02-20 00:12:53

标签: html5 jquery-mobile cordova html5-video smartphone

我有一个为我的朋友/客户创建的jQuery Mobile网站。它只有6页左右(其中2页是对话框窗口)。该网站提供HTML5视频,并通过videojs库提供后备支持。所有视频都在mp4,ogv(theora)和webm中正确编码,并且到目前为止我在我使用过的每台设备上播放。

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

我留下3个解决方案,尝试使用他们的母语为所有平台编写本机应用程序,使用Sencha Touch(我很乐意使用extJS),或者使用我现有的jquery移动应用程序100%功能包括登录和一些后端包管理,为用户分配一个视频包(有多个包,每个包含8-20个视频),并按照jQuery Mobile教程为您的应用准备好PhoneGap,我相信它只能启用两个设置,都是为了启用“跨域”请求,因为我当前的Web应用程序将作为localhost运行,它会将脚本视为外部页面。

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

有谁知道哪个当前框架能够将一组视频安装到SD卡上(每次安装总计大约6mb),并且本地播放它们(我的意思是,在设备本机播放器中,不是内联播放)在webview内部)。无论如何,在Android手机上,我当前基于videojs的播放器在我尝试过的所有内容中播放文件。

我只需要向正确的方向推进,如果有一个我不知道的PhoneGap插件允许从SD卡播放视频,那将是非常棒的。虽然我对Android和黑莓webview控件的速度不是很满意。所以使用100%原生控件的东西会很棒。我希望你们能提出一些想法,你可以在m.yourvideobenefits.com发送电子邮件中看到当前的应用程序:abc@tool.com密码:demo

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

1 个答案:

答案 0 :(得分:1)

你可以通过phonegap轻松完成;你已经有了自己的网页,所以工作量可能会少得多。

您可以从ios中的应用包中获取视频,然后选择具有所用设备最佳分辨率的视频并不困难。您还可以使用文件api在服务器第一次播放应用时以完美的格式和分辨率下载视频。对存储api感到厌倦对于实现很有用。

有一个我用于Android的插件,因为视频标签有时会被窃听或在旧版本https://github.com/phonegap/phonegap-plugins/tree/master/Android/VideoPlayer中根本不起作用。 它只能在网页或SD卡上播放,但这种情况很少发生。

我无法用黑浆果帮助你,但我很确定必须有办法做到这一点。而且,无论如何,appcelerator还不支持它,所以你可能不得不原生地做它。即使没有黑莓的插件,你可能不得不在本机开发和手机内的html5播放器之间做出选择。我不会在这里给你我的意见,因为我不是那个给它的人而Stack Overflow说我还是应该给它。