我正在尝试使用 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 显示它,但我不知道如何实现它我用谷歌搜索并找到了很多方法,但对我来说没有任何成功。