如何通过使用javascript的youtubeapi上传youtube中的mediastreamrecorder录制的blob

Question

我正在通过mediastreamrecorder.js录制视频。在ondataavailable功能中，视频以5秒的blobs格式完美录制。例如，在这里，这是在index.html中，我得到了身份验证，登录等。

mediaRecorder.ondataavailable = function(blob) {
                blob=blob;
            };

我得到了正确的身份验证，但不知道如何在每个blob来自html文件后触发youtubeapi的上传js文件的initiateupload或resumeupload函数。请帮帮忙

Answer 1

MediaStreamRecorder.js不仅提供基于间隔的blob，而且还提供全长blob。下面是获取全长blob的方法：

var mediaRecorder = new MediaStreamRecorder(stream);
mediaRecorder.ondataavailable = function(blob) {
    Upload_Full_Length_Blob_To_Youtube(blob);

    // or upload array-buffer
    var reader = new FileReader();
    reader.onload = function(event) {
        Upload_Full_Length_Buffer_To_Youtube(event.target.result);

        // or if youtube supports Typed-Arrays
        var unit8Array = new Unint8Array(event.target.result);
        Upload_Full_Unit8Array_To_Youtube(unit8Array);
    };
    reader.readAsArrayBuffer(blob);
    // readAsBinaryString
    // readAsDataURL
    // readAs-------
};
mediaRecorder.start(999999999999999999999); // longest possible!

document.getElementById('stop-and-upload').onclick = function() {
    mediaRecorder.stop();
};