【问题标题】:how to accelerate video upload vuejsvuejs如何加速视频上传
【发布时间】:2019-05-18 19:03:41
【问题描述】:

我和我的队友正在开发你可以在这里看到的 pwa:link to our pwa

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

我们在 vuejs 上使用 vue2Dropzone。您对如何加快这一进程有任何想法吗? 我们已经尝试过这种使用压缩的方法,以便更快:link to the compression approach

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

谢谢大家,祝你有个美好的一天,

【问题讨论】:

  • 罪魁祸首很可能是您的主机。如果您使用共享主机,则带宽可能会受到相当严格的限制。 (或者,您的某些用户的连接速度可能非常慢。)
  • 谢谢@ceejayoz 实际上我在专用主机上,但正如你所说,原因可能是用户连接速度慢

标签: vue.js file-upload vuejs2 dropzone.js vue2-dropzone


【解决方案1】:

几天前我也想过和你一样的问题
现在我有了主意:
首先将视频分成几个大小相同( 清单如下:

{
    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}
    ]
}

状态 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
我认为它使上传更快,而且可以断点续订

【讨论】:

  • 谢谢!会试试这个逻辑!您是否已经尝试过?
  • 是的,但我在选择上传方式时感到困惑,原生 http 或 websocket
  • 谢谢伙计!你选择了哪种方法?现在看你的演示
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-02-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-12-11
  • 2022-10-14
相关资源
最近更新 更多