Tải video lên youtube từ trình duyệt

Question

Im OK được ủy quyền.

tôi có 2 nút như thế này trên trang của mình:

<input type="file" id="fileToSend"/> 
<input type="button" onclick="upload()" value="Upload" id="btnSend"/> 

tôi muốn tải lên các tập tin được lựa chọn để youtube khi tôi nhấp vào nút "Tải lên". Tôi đang gọi một chức năng như thế này:

function upload() { 
    var fileStream; 
    var video = document.getElementById("fileToSend"); 
    var file = video.files[0]; 
    console.log(file); 
    console.log("Nombre: " + file.name); 
    var r = new FileReader(); 
    r.onload = function() { 
     console.log("fileStream creado"); 
     fileStream = r.result; 
     //console.log("FileStream: " + fileStream); 
    }; 

    console.log("Creando fileStream.."); 
    r.readAsBinaryString(file); 


    gapi.client.load('youtube', 'v3', 
     function() { 
      var request = gapi.client.youtube.videos.insert({ 
       part: 'snippet, status', 
       resource: { 
        snippet: { 
         title: 'Video Test Title 5', 
         description: 'Video Test Description', 
         tags: ['Tag 1', 'Tag 2'], 
         categoryId: "22" 
        }, 
        status: { 
         privacyStatus: "private" 
        } 
       } 
      }, fileStream); 
      request.execute(function (response) { 
       console.log("executing.."); 
       var result = response.result; 
       console.log(response); 
       if (result) { 
        console.log("execute completed"); 
        document.write(result); 
       } 
      }); 
     }); 
} 

Vấn đề là tôi gặp lỗi trên đối tượng phản hồi "mediaBodyRequired", Nó giống như tôi không gửi fileStream chính xác.

Answer 1

Có lý do nào khiến bạn không thể sử dụng tiện ích tải lên YouTube không?
https://developers.google.com/youtube/youtube_upload_widget

Anyways, trực tiếp từ các tài liệu tham khảo API
https://developers.google.com/youtube/v3/docs/videos/insert

badRequest mediaBodyRequired The request does not include the video content. 

nguồn thông tin khác:
https://developers.google.com/api-client-library/javascript/samples/samples

Answer 2

Có hai lựa chọn cho việc sử dụng v3 chèn. Yêu cầu phải một trong hai:

1. có các tập tin phương tiện truyền thông như cơ thể mà ngăn cản việc gửi bất kỳ thông số POST khác, hoặc
2. sử dụng mã hóa dưới dạng nhiều phần dữ liệu trong hai phần. Một phần là tệp để tải lên và phần khác là một blob JSON giống như tệp, bao gồm bất kỳ thông số nào bạn muốn gửi.

Tôi chưa bao giờ làm việc này bằng cách sử dụng client Javascript chính thức, nhưng đã viết lên một lời giải thích khá chi tiết về cách này có thể làm việc sử dụng XMLHttpRequest thường xuyên: http://lithostech.com/2013/10/upload-google-youtube-api-v3-cors/

Dưới đây là một ví dụ về phương pháp đầu tiên mà tập tin bản thân là toàn bộ yêu cầu nội dung:

// where videoFile is a http://www.w3.org/TR/FileAPI/#dfn-file 
var invocation = new XMLHttpRequest(); 
invocation.setRequestHeader('Authorization', 'Bearer ' + token); 
invocation.open('POST', "https://www.googleapis.com/upload/youtube/v3/videos?part=snippet", true); 
invocation.send(videoFile);