vue.js - vuejs如何加速视频上传

Question

我和我的队友正在开发一个你可以在这里看到的 pwa：链接到我们的 pwa

该应用程序已于上周推出。然而，一些用户告诉我们，他们在上传视频时遇到了问题。即使是小视频（长度为 50 秒），上传时间也太长。

我们在 vuejs 上使用 vue2Dropzone。您对如何加快这一进程有任何想法吗？我们已经尝试过这种使用压缩的方法，以便它运行得更快：链接到压缩方法

如果你们中的任何人有这个用例并找到了解决方案，即使它没有使用 vue2Dropzone，那就太好了。

谢谢大家天天开心

Answer 1

几天前，我想到了和你一样的问题，
现在我有了这个想法：
首先将视频分成几个大小相同（<4MB）的小片段，同时为这些片段创建清单并将清单发布到服务器。
像这样的清单：

{
    piecescount: 100,
    fileHASH: 'a1c2c3xxxxx',
    pieceslist:[
        {id: 1, piecesname: 'video_1.temp', status: 0}
        {id: 2, piecesname: 'video_2.temp', status: 0}
        ...
        {id: 100, piecesname: 'video_100.temp', status: 0}
    ]
}

status 0 表示文件已经上传
1 表示正在上传文件
2 表示文件上传成功
开始上传时循环遍历pieceslist.status

these are not code,just thinking process

for i in manitest.pieceslist
    if i.status==0
        set i.status=1
        upload the piece name=i.piecesname
        if upload sucess,set i.status=2
    elif i.status==1
        delete the piece named i.piecesname and reupload
        (because if client offline during upload,the piece maybe broken)
    elif i.status==2
        pass

所有的片段上传后，整理成一个文件，检查HASH，
我觉得这样上传更快，而且可以断点续订