Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery和phonegap将视频转换为base64_Javascript_Jquery_Html_Cordova_Html5 Canvas - Fatal编程技术网

Javascript 如何使用jquery和phonegap将视频转换为base64

Javascript 如何使用jquery和phonegap将视频转换为base64,javascript,jquery,html,cordova,html5-canvas,Javascript,Jquery,Html,Cordova,Html5 Canvas,在这里,我使用phonegap编写了JavaScript代码,但无法在base64中获取视频数据 function captureVideo() { navigator.device.capture.captureVideo(captureSuccess, captureError, {limit: 1}); } function captureSuccess(mediaFiles) { console.log(JSON.stringify(mediaFiles));

在这里,我使用phonegap编写了JavaScript代码,但无法在base64中获取视频数据

function captureVideo() 
{

    navigator.device.capture.captureVideo(captureSuccess, captureError, {limit: 1});
}

function captureSuccess(mediaFiles)
{

    console.log(JSON.stringify(mediaFiles));
    console.log("HERE I WANT BASE64 CODE");

}

要从视频帧获取数据uri,您必须首先将其绘制到画布元素上(并确保满足CORS要求)

我对科尔多瓦不太熟悉,但希望这能帮你找到正确的方向:

// create a canvas element
var canvas = document.createElement('canvas'),     // canvas
    ctx = canvas.getContext('2d'),                 // context
    video = document.getElementById('myVideoId');  // get video element somehow

// setup canvas dimension
canvas.width = video.videoWidth || video.width;
canvas.height = video.videoHeight || video.height;

// draw in current video frame
ctx.drawImage(video, 0, 0, canvas.width, canvas.height);

// extract data-uri
var dataUri = canvas.toDataURL();  // PNG is default, use image/jpeg for JPEG
如果需要多次执行此操作,则只需设置画布一次,并在需要帧时使用
drawImage
/
toDataURL
调用


希望这有帮助

请参阅-谢谢但亲爱的我需要JavaScript函数。@UmerYounas您是如何将mediaFile放入下面的解决方案中提到的元素中的?它是ctx.drawImage的第一个参数。