如何将视频上传到应用程序

Question

我正在做一个反应项目，就像一个社交媒体应用程序，用户可以上传图片或视频。我使用Firebase存储存储图像和视频。

我能够完成图像上传通过使用React firebase-文件上传包，但由于我是新的网页开发，我正在努力寻找上传视频的反应解决方案。

我已经在网上搜索过了，但是我找不到合适的解决方案来完成这些任务。

1. 我只要求上传视频/视频，并希望在将数据上传到Firebase存储之前预览它/它们。
2. 我需要压缩视频，以减少文件大小之前上传或上传到Firebase存储使用云功能。

Answer 1

可能是值得再次声明的视频文件默认情况下压缩。。如果有问题，您可以调整文件的大小，使其具有较低的分辨率，或者对其进行处理以添加水印。

下面是一个描述如何调整视频文件大小的回答。这里是关于如何在云函数上使用moviepy的教程。

Answer 2

您应该看看本教程这里和这个gist 那里

上传之后，您可能可以对Cloud函数进行一些处理，但请注意内存和执行时间受到限制，而且您的脚本可能会在大型文件上失败。

Answer 3

你可以试试这个

<input type = "file"
onChange = {
  (e) => {
    let videoObj = e.currentTarget.files[0];
    // console.log(videoObj)
    let {
      name,
      size,
      type
    } = videoObj;

    size = size / 1000000
    //for not uploading the file more than 10 MB
    if (size > 10) {
      alert("please upload file less than 10 MB");
      return;
    }

    //code for only uploading the video

    type = type.split("/")[0];

    if (type != "video") {
      alert("please upload video only");
      return;
    }
  }
}
/>