如何通知 YouTube 视频上传的进度

Question

我正在使用 Angularjs 开发用于客户端编程的 ASP.NET Web API。我的应用程序用户将在我的应用程序中上传/观看视频。我想将这些视频上传到 YouTube（使用服务器端的 YouTube API）。

现在我已经完成了上传部分，但我不确定如何在客户端浏览器上显示一个进程栏，并真实地指示正在上传的视频的进度。当我使用以下代码进行上传时，我可以在服务器端捕获进度：

VideosResource.InsertMediaUpload insertRequest = youtube.Videos.Insert(video, "snippet, status", fileStream, "video/*");
insertRequest.ProgressChanged += insertRequest_ProgressChanged;
insertRequest.ResponseReceived += insertRequest_ResponseReceived;

insertRequest.Upload();

在这里我可以捕获ProgressChanged 事件以查看进度，但我如何通知我的最终用户（浏览器）这些进度更新？

Answer 1

你有很多方法，这里有几个：

• 从客户端向服务器发出 AJAX 请求循环，并取得进展。在这种情况下，您需要将insertRequest_ProgressChanged 中的进度保存到静态存储（上传的静态字典）中。

• 使用SirnalR。这将允许您进行直接更新。

无论如何，您需要将上传进度存储在任何存储中。

例如，您可以创建静态类，例如：

public static class UploadingDispatcher
{
    private static Dictionary<Guid, Int32> Uploads = new Dictionary<Guid, Int32>();
    private static object syncRoot = new object();

    public static void Add(Guid id)
    {
        lock (syncRoot)
        {
            Uploads.Add(id,0);
        }
    }

    public static void Remove(Guid id)
    {
        lock (syncRoot)
        {
            Uploads.Remove(id);
        }
    }

    public static int GetProgress(Guid id)
    {
        lock (syncRoot)
        {
            if (Uploads.ContainsKey(id))
            {
                return Uploads[id];
            }
            return 100;
        }
    }

    public static Boolean SetProgress(Guid id, Int32 value)
    {
        lock (syncRoot)
        {
            if (Uploads.ContainsKey(id))
            {
                Uploads[id] = value;
                return true;
            }
            return false;
        }
    }
}

在您的代码之前，您应该创建上传方式：

Guid uploadId = Guid.NewGuid();
UploadingDispatcher.Add(uploadId);

在您的 insertRequest_ProgressChanged 方法中使用 UploadingDispatcher 来更新进度：

UploadingDispatcher.SetProgress(id);

您需要创建单独的操作来获得进度，例如 GetUploadingProgress。在此操作方法中，您可以通过调用获得进度：

UploadingDispatcher.GetProgress(id);

要在上传文件后从 UploadingDispatcher 中删除 Upload，请使用：

UploadingDispatcher.Remove(id);