Question

这是我的情景。我已经为Google文档创建了一个附加组件，可以充当视频工具箱。

我尝试添加的功能是使用内置网络摄像头录制视频的功能（使用videojs-recorder），然后链接到文档中的该视频。我已经让视频部分正常工作，但不确定如何将webm JS Blob转换为Google Blob，以便我可以在用户Google Drive上创建一个文件进行共享和链接。

为了弄清楚这是如何运作的，这是我迄今为止没有任何运气所做的事情。

客户端代码

//event handler for video recording finish   
vidrecorder.on('finishRecord', function()
{
    // the blob object contains the recorded data that
    // can be downloaded by the user, stored on server etc.
    console.log('finished recording: ', vidrecorder.recordedData);
    google.script.run.withSuccessHandler(function(){
        console.log("winning");
    }).saveBlob(vidrecorder.recordedData);
});

服务器端代码

function saveBlob(blob) {
    Logger.log("Uploaded %s of type %s and size %s.",
            blob.name,
            blob.size, 
            blob.type);
}

我得到的错误似乎与blob的序列化有关。但实际上，这些例外并不是非常有用 - 只需指向一些最小化的代码。

编辑：请注意，这里没有涉及FORM对象，因此没有形式POST，也没有FileUpload对象，因为其他人已经指出this might be a duplicate，但是我们得到了一个略有不同Blob对象并需要将其保存到服务器。

Answer 1

感谢Zig Mandel和Steve Webster提供了G+ discussion关于此问题的一些见解。

我最终拼凑了足够多的东西来实现这一点。

客户代码

        vidrecorder.on('finishRecord', function()
        {
            // the blob object contains the recorded data that
            // can be downloaded by the user, stored on server etc.
            console.log('finished recording: ', vidrecorder.recordedData.video);
            var blob = vidrecorder.recordedData.video;

            var reader = new window.FileReader();
            reader.readAsDataURL(blob);
            reader.onloadend = function() {
                b64Blob = reader.result;
                 google.script.run.withSuccessHandler(function(state){
                        console.log("winning: ", state);
                 }).saveB64Blob(b64Blob);
            };

        });

服务器代码

function saveB64Blob(b64Blob) {
    var success = { success: false, url: null};
    Logger.log("Got blob: %s", b64Blob);
    try {
        var blob = dataURItoBlob(b64Blob);
        Logger.log("GBlob: %s", blob);
        var file = DriveApp.createFile(blob);
        file.setSharing(DriveApp.Access.ANYONE_WITH_LINK, DriveApp.Permission.COMMENT);
        success = { success: true, url: file.getUrl() };
    } catch (error) {
        Logger.log("Error: %s", error);
    }
    return success;
}

function dataURItoBlob(dataURI) {
    // convert base64/URLEncoded data component to raw binary data held in a string
    var byteString;
    if (dataURI.split(',')[0].indexOf('base64') >= 0)
        byteString = Utilities.base64Decode(dataURI.split(',')[1]);
    else
        byteString = decodeURI(dataURI.split(',')[1]);

    // separate out the mime component
    var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];

    return Utilities.newBlob(byteString, mimeString, "video.webm");
}

如何通过文档将文件添加到Google云端硬盘使用App脚本添加？

1 个答案: