Здравствуйте.
Есть задача, получить видео при помощи WebRTC, записать его, и отправить на сервер, для последующего сохранения.
Удаётся записать видео м вэб-камеры, удаётся это видео скачать, но не понимаю, как передать его на сервер.
Изначально пытался передать содержимое в инпут и сделать сабмит формы, но понял, что так нельзя.
Теперь пытаюсь сделать то же самое, через AJAX, и тоже не получается, т.к. передаётся строка с названием, а не сам файл.
Если пытаюсь так:
function send() {
var superBuffer = new Blob(recordedBlobs, {type: 'video/webm'});
$.ajax({
url: '',
method: 'post',
data: {
'video': superBuffer,
'csrftoken': csrftoken,
},
dataType: 'json',
success: function(data) {
console.log(data)
},
error: function(error) {
console.log(error)
}
});
}
то получаю такую ошибку:
TypeError: 'slice' called on an object that does not implement interface Blob.
А вот пример функции для скачивания:
function download() {
var blob = new Blob(recordedBlobs, {type: 'video/webm'});
var url = window.URL.createObjectURL(blob);
var a = document.createElement('a');
a.style.display = 'none';
a.href = url;
a.download = blob;
document.body.appendChild(a);
a.click();
setTimeout(function() {
document.body.removeChild(a);
window.URL.revokeObjectURL(url);
}, 100);
}
Здесь всё работает хорошо, но основная задача, передать на сервер.