Caricamento di un video su youtube dal browser

Question

Im OK autorizzato.

Ho 2 pulsante di come questo sulla mia pagina:

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

voglio caricare il file selezionato a YouTube quando clicco sul pulsante "Upload". Im chiamando una funzione come questa:

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

Il problema è che ottengo l'errore al sull'oggetto risposta, "mediaBodyRequired", E 'come se io non mando correttamente il FileStream.

Answer 1

C'è un motivo per cui non è possibile utilizzare il widget di caricamento di YouTube?
https://developers.google.com/youtube/youtube_upload_widget

In ogni modo, direttamente dal riferimento API
https://developers.google.com/youtube/v3/docs/videos/insert

badRequest mediaBodyRequired The request does not include the video content. 

Un'altra risorsa:
https://developers.google.com/api-client-library/javascript/samples/samples

Answer 2

Ci sono due opzioni per l'utilizzo inserto v3. La richiesta deve o:

1. avere il file multimediale come corpo che preclude l'invio di altri parametri POST o
2. uso modulo multistrato codifica in due parti. Una parte è il file da caricare e l'altra parte è un blob JSON simile a un file che include tutti i parametri che si desidera inviare.

Non ho mai fatto ottenere questo lavoro utilizzando il client ufficiale di JavaScript, ma scritto in una spiegazione piuttosto dettagliata di come questo può funzionare utilizzando XmlHttpRequest regolare: http://lithostech.com/2013/10/upload-google-youtube-api-v3-cors/

Ecco un esempio del primo metodo in cui il file stesso è l'intero corpo della richiesta:

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