0

我正在尝试使用 javascript 制作基于浏览器的 youtube 视频上传器。

我正在使用此处的示例代码

在我上传视频时进行身份验证后,对 youtube 服务器的 POST 请求永远不会结束,并且视频不会上传。

这也发生在google 提供的示例中。

这是我用来上传视频的功能:

$('#upload').click(function(){
    $('#upload').attr('disabled', true);

    var title = escapeXmlEntities($('#title').val());
    var description = escapeXmlEntities($('#description').val());
    var category = escapeXmlEntities($('#category option:selected').val());

    var xmlBody = '<?xml version="1.0"?> <entry xmlns="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" xmlns:yt="http://gdata.youtube.com/schemas/2007"> <media:group> <media:title type="plain">' + title + '</media:title> <media:description type="plain">' + description + '</media:description> <media:category scheme="http://gdata.youtube.com/schemas/2007/categories.cat">' + category + '</media:category> </media:group> </entry>';
    showMsg("Submitting metadata of video to get upload token.");
    $.ajax({
        dataType: 'xml',
        type: 'POST',
        url: 'https://gdata.youtube.com/action/GetUploadToken',
        contentType: 'application/atom+xml; charset=UTF-8',
        processData: false,
        headers: generateYouTubeApiHeaders(),
        data: xmlBody,
        success: function(responseXml) {
            var xml = $(responseXml);
            var nextUrl = window.location.href;
            var submissionUrl = xml.find('url').text() + '?nexturl=' + encodeURIComponent(nextUrl);
            var token = xml.find('token').text();

            showMsg("Uploading Video...");
            $('#form_upload').attr('action', submissionUrl);
            $('<input>').attr({
                type: 'hidden',
                name: 'token',
                value: token
            }).appendTo('#form_upload');
            $('#form_upload').submit();
        },
        error: function(jqXHR) {
            showMsg('Metadata submission failed: ' + jqXHR.responseText);
            $('#upload').removeAttr('disabled');
            $('#upload').val('Upload');
        }
    });
});

这是对 youtube 服务器发出的最后一个 POST 请求的萤火虫屏幕截图,该请求永无止境。

错误图像

此外,我想获取视频上传的进度并使用 javascript 显示它,但我不知道如何实现它我用谷歌搜索并找到了很多方法,但对我来说没有任何成功。

4

1 回答 1

2

现在,YouTube 数据 API v3 中支持使用 CORS 进行可恢复上传。

https://youtube-api-samples.googlecode.com/git/yt-upload-javascript/index.html上的一个粗略但有效的示例(源文件位于https://code.google.com/p/youtube -api-samples/source/browse/#git%2Fyt-upload-javascript)显示上传流程,使用 Google+ 登录按钮处理 OAuth 2(如果您愿意,可以使用普通的 OAuth 2 浏览器客户端流程更喜欢)并带有进度指示器。它还展示了如何在上传后轮询视频处理状态,并在处理后将生成的视频嵌入页面。

于 2013-11-01T17:29:48.960 回答