Android中的视频捕获在phoneGap的背景中,最小化的录制屏幕

时间:2014-03-11 05:12:53

标签: javascript cordova jquery-mobile video-capture

我尝试了以下代码。我想在后台录制视频并存储在SD卡中。我不想手动开始录制和停止。是否可以在PhoneGap中录制带或不带API的视频。 我想在后台录制视频

<html>
<head>
<title>Capture Video</title>
<script type="text/javascript" charset="utf-8" src="js/cordova.js"></script>
<script type="text/javascript" charset="utf-8" src="js/json2.js"></script>
<script type="text/javascript" charset="utf-8">
    // A button will call this function
    function captureVideo() {
        // Launch device video recording application, 
        // allowing user to capture up to 3 video clips
        alert("captureVideo");
        var options = {
            limit : 2,
            duration : 10
        };
        navigator.device.capture.captureVideo(captureSuccess, captureError,
                options);
    }
    // Called when capture operation is finished
    function captureSuccess(
    mediaFiles) {
        alert("captureSuccess   ");
        var i, len;
        alert(mediaFiles.length);
        for (i = 0, len = mediaFiles.length; i < len; i += 1) {
            uploadFile(mediaFiles[i]);
        }
    }
    // Called if something bad happens.
    function captureError(error) {
        var msg = 'An error occurred during capture: ' + error.code;
        navigator.notification.alert(msg, null, 'Uh oh!');

    }
    // Upload files to server
    function uploadFile(mediaFile) {
        alert("uploadFile");
        var ft = new FileTransfer(), path = mediaFile.fullPath, name = mediaFile.name;
        alert("path:" + path);
        alert("name:" + name);
        ft.upload(path, "http://my.domain.com/upload.php", function(result) {
            console.log('Upload success: ' + result.responseCode);
            console.log(result.bytesSent + ' bytes sent');
        }, function(error) {
            console.log('Error uploading file ' + path + ': ' + error.code);
        }, {
            fileName : name
        });
    }
</script>
</head>
<body>
    <button onclick="captureVideo();">Capture Video</button>
    <br>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

document.addEventListener("deviceready", start_here, false);

function start_here(){captureVideo();}
在启动应用程序和自动录制视频时调用函数 并在再次发送后开始录制...

    function uploadFile(mediaFile) {
           alert("uploadFile");
            var ft = new FileTransfer(), path = mediaFile.fullPath, name = mediaFile.name;
            alert("path:" + path);
            alert("name:" + name);
            ft.upload(path, "http://my.domain.com/upload.php", function(result) {
                console.log('Upload success: ' + result.responseCode);
                console.log(result.bytesSent + ' bytes sent');
            }, function(error) {
                console.log('Error uploading file ' + path + ': ' + error.code);
            }, {
                fileName : name
            });
start_here;   /*just call the instance. here is the change*/       
}

答案 1 :(得分:0)

现在,您可以使用最小化的应用程序录制视频,甚至可以通过cordova\phonegap\ionic plugin

来关闭屏幕

它是一个分支,但主要的回购不能录制视频&#34;在后台&#34; (尽管名称)。

启动时,它会根据SD和内部磁盘上的可用空间大小自动选择存储视频的位置。

cordova plugin add cordova-backgroundvideo

var fileName = new Date().getTime() + '';
cordova.plugins.backgroundvideo.start(fileName, 'back', true, null, null);

cordova.plugins.backgroundvideo.stop(function (filePath) {
    alert(filePath);
  }, function (error) {
    alert('Error ' + JSON.stringify(error));
  }
);