Vimeo API: загружайте видеофайлы, используя возобновляемый подход - PullRequest
Новая
       53

Vimeo API: загружайте видеофайлы, используя возобновляемый подход

0 голосов
/ 05 сентября 2018

Я следую инструкциям Vimeo API относительно возобновляемых загрузок (https://developer.vimeo.com/api/upload/videos#resumable-tus-upload). Я получаю ответ после первого запроса, но я получаю ответ undefined для второго запроса (шаг 2. Загрузите видеофайл). Руководство сообщает, чтобы ПОЛУЧИТЬ двоичные данные видеофайла по URL-адресу upload.upload_link. Я использую readAsBinaryString() для преобразования видеофайла в двоичные данные (я пробовал также readAsArrayBuffer(), но с тем же результатом. Что я, возможно, делаю неправильно? Это код: 

var reader = new FileReader();

$.ajax({
  'url': 'https://api.vimeo.com/me/videos',
  'type': 'POST',
  'headers': {
    'Accept': 'application/vnd.vimeo.*+json;version=3.4',
    'Content-Type': 'application/json',
    'Authorization': 'bearer ' + accessToken
  },
  "data": JSON.stringify({ 
    "upload" : {
      "approach" : "tus",
      "size" : fileSize

    }
  }),
  'success': function (result) {
    $.ajax({
      'url': result.upload.upload_link,
      'type': 'PATCH',
      'headers': {
        'Tus-Resumable': '1.0.0',
        'Upload-Offset': 0,
        'Content-Type': 'application/offset+octet-stream'
      },
      'data': reader.readAsBinaryString(fileContent),
      'success': function (result) {
        console.log(result)
      }
    });
  }
});

1 Ответ

0 голосов
/ 18 сентября 2018

Мне удалось заставить это работать в моем приложении ReactJs. Похоже, вам не хватает метода reader.onload () - https://developer.mozilla.org/en-US/docs/Web/API/FileReader/onload

Я сохраняю результат reader.readAsArrayBuffer в state.binaryData. Затем я передаю двоичные данные в мой запрос axios / fetch как данные. Это работает, и я успешно загрузил видео. 

const reader = new FileReader();
const fileSize = e.target.files[0].size;
reader.onload = r => {
  this.setState({ binaryData: r.target.result, fileSize });
};
reader.readAsArrayBuffer(e.target.files[0]);
...