如何上传 html5 视频捕获到服务器？

Question

我得到了 html5 这样的视频捕获：

        var canvas = document.createElement('canvas');
        canvas.height = video.height;
        canvas.width = video.width;
        var ctx = canvas.getContext('2d');
        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
        capturedImage=ctx.getImageData(0,0,canvas.width,canvas.height))

并尝试像这样上传此捕获：

$.ajax({
         type: method,
         contentType: false,
         cache: false,
         processData: false,
         async: false,
         url: '....',
         data: capturedImage,<----------how to convert above captured image here?
   }).done(function(o) {
        .....
   });

如果只是：

data:capturedImage

后端将获得如下数据值：

str:imageObject

ajax请求只需要发送一个str到后端，那么如何转换这个捕获的图像让ajax上传工作？

Answer 1

您是否尝试过使用 capturedImage.data 或 JSON.stringify(caputedImage.data)？ data 成员应该包含实际的像素阵列。我不确定 $.ajax 如何处理字节数组，因此您可能必须执行 JSON.stringify(caputedImage.data).

如何上传 html5 视频捕获到服务器？

How to upload a html5 video capture to sever?

html5-video

capture

ajax-upload