Android视频插件Phonegap与Cordova 2.2.0

时间:2013-01-19 09:32:11

标签: javascript android cordova phonegap-plugins

我正在开发一个应用程序(我的大学的一种社交网络),我对Android video Player Phonegap plugin

有疑问

我已经完成了README中定义的3个步骤来安装插件,但它在我的手机(Galaxy Ace Android 2.3.6)和模拟器(4.0)上不起作用。我刚刚加载了Javascript(video.js)(cordova.js)我有这个错误:

  

Uncaught Function需要第一个参数!在cordova 2.2.0.js

看来video.js使用cordova.js有问题。当我点击播放按钮时,我有另一个错误:

  

未捕获类型错误:无法读取属性'videoPlayer'

在这种情况下,似乎video.js还没有创建视频播放器对象......

我的页面代码与github上的示例相同:

<html>
  <head>
    <meta name="viewport" content="width=320; user-scalable=yes" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>PhoneGap</title>
      <script type="text/javascript" charset="utf-8" src="cordova-2.3.0.js"></script>
      <script type="text/javascript" charset="utf-8" src="script/video.js"></script>
      <script type="text/javascript">
        function init(){
          document.addEventListener("deviceready", console.log('ready'), true);
        }
        function playVideo(vidUrl) {
          window.plugins.videoPlayer.play(vidUrl);
        }
      </script>
    </head>
    <body onload="init();">
      <a href="#" onclick="playVideo('http_link')">Play HTTP</a>
    </body>

感谢所有人。

3 个答案:

答案 0 :(得分:1)

我刚刚对VideoPlayer进行了代码更改,这应该使它向后兼容旧的window.plugins.videoPlayer方式。如果您使用的是2.2.0版本的插件,请获取新的JS文件。

https://github.com/macdonst/VideoPlayer/blob/master/2.2.0/www/video.js

答案 1 :(得分:0)

如果你添加这个

<plugin name="VideoPlayer" value="com.phonegap.plugins.video.VideoPlayer"/>    

到res / xml文件夹中的plugins.xml。

然后检查代码

  window.plugins.videoPlayer.play("https://www.youtube.com/watch?v=en_sVVjWFKk");

在index.html中定义两行

     <script type="text/javascript" src="cordova-2.3.0.js"></script>
     <script type="text/javascript" charset="utf-8" src="video.js"></script>

答案 2 :(得分:0)

使用HTML复制视频的最佳方法是使用HTML5标记。

并非所有浏览器都支持此功能,您必须尝试了解!

http://www.w3schools.com/html/html5_video.asp