Leere Videos laden in Bunny.net in JavaScript hoch ⇐ JavaScript

[Anonymous]

Ich lade Videos in Bunny.net Stream mit JavaScript -Videos hoch, die den Erfolg vollständig hochladen, aber Videos sind leer und beschädigt.

Code: Select all

const fileInput = document.getElementById('videoFile');

let file = fileInput.files[0];
console.log(file);
video_name = file.name;
let video;
const toBase64 = file => new Promise((resolve, reject) => {
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => resolve(reader.result);
reader.onerror = error => reject(error);
});
async function Main() {
video = await toBase64(file);
}

video =  Main();

const options = {
method: 'POST',
headers: {
'Content-Type': 'application/json',
accept: 'application/json',
AccessKey: 'e3214df7-7dba-4a74-b93649716004-454b-46c3'
},
body: JSON.stringify({ 'title': video_name }),

};

result = fetch('https://video.bunnycdn.com/library/390820/videos', options)
.then(res => res.json())

.then(res => {
videoId = res.guid;
console.log(videoId);
const options = {
method: 'PUT',
headers: {
AccessKey: 'e3214df7-7dba-4a74-b93649716004-454b-46c3',
'Content-Type': 'application/octet-stream',
},
data: video,
};

fetch(`https://video.bunnycdn.com/library/390820/videos/${videoId}`, options)
.then(res => res.json())
.then(res => console.log(res))
.catch(err => console.error(err));
})
.catch(err => console.error(err));

Willst du die Lösung davon ist es wichtig