Javascript 如何使用jquery和phonegap将视频转换为base64
在这里,我使用phonegap编写了JavaScript代码,但无法在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));
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的第一个参数。