브라우저에서 YouTube에 비디오 업로드

Question

Im OK 권한이 있습니다.

나는 나의 페이지에 2 버튼의이 같은 있습니다

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

은 내가 '업로드'버튼을 클릭하면 유튜브에 선택한 파일을 업로드 할 수 있습니다. 이 같은 함수를 호출 임 : I 올바르게 FILESTREAM을 보내지 않고 것 같은

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); 
       } 
      }); 
     }); 
} 

문제는 내가 응답 객체에 알 오류가있다는 "mediaBodyRequired은"그것은이다.

Answer 1

YouTube 업로드 위젯을 사용할 수없는 이유가 있습니까?
https://developers.google.com/youtube/youtube_upload_widget

어쨌든, 바로 API 참조
https://developers.google.com/youtube/v3/docs/videos/insert

badRequest mediaBodyRequired The request does not include the video content. 

또 다른 자원 : V3 삽입을 사용하는 두 가지 옵션이 있습니다
https://developers.google.com/api-client-library/javascript/samples/samples

Answer 2

. 요청은 하나해야

1. 는 POST 다른 파라미터, 또는 두 부분
2. 사용 멀티 폼 인코딩 전송 배제 본체와 미디어 파일 있다. 한 부분은 업로드 할 파일이고 다른 부분은 보내려는 매개 변수를 포함하는 파일과 유사한 JSON BLOB입니다.

나는 공식 자바 스크립트 클라이언트를 사용하여이 작업을 진행하지 않았다, 그러나 이것은 일반 XMLHttpRequest의 사용의 작동 방법에 대한 아주 자세한 설명을 쓴 적이 : 여기

http://lithostech.com/2013/10/upload-google-youtube-api-v3-cors/이 첫 번째 방법의 예를 어디 파일 자체 전체 요청 본문 :

// 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);