Как загрузить захват видео 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

backend получит значение данных как:

str:imageObject

ajax-запрос просто отправляет str в бэкэнд, так как конвертировать захваченное изображение, чтобы позволить загрузке ajax?

Answer 1

Вы пытались использовать capturedImage.data или же JSON.stringify(caputedImage.data)? Элемент данных предположительно содержит фактический массив пикселей. Я не уверен как $.ajax обрабатывает байтовые массивы, так что вам, возможно, придется сделать JSON.stringify(caputedImage.data),