问题标签 [video-upload]

我是一名初级全栈开发人员，正在开发一个 ReactJs Web 应用程序，其中用户将上传一个视频，然后该视频将进入服务器（使用 Axios）进行处理（Open CV Stuff）。对于服务器部分，我使用的是 Fast Api。

问题是如何在将视频发送到服务器之前验证视频大小？我还必须显示一个上传进度条。

任何人都可以推荐这个和相关代码的最佳方法吗？请记住，我是 ReactJS 的初学者 :)

这是我的表格

我有这些录制的视频存在于应用程序目录中，我希望应用程序将它们上传到 Firebase 存储并获取进度百分比，我知道如何从图库而不是从应用程序目录上传。

我有这个将视频上传到firebase的未来功能，我想以百分比跟踪这个上传过程，所以在上传过程完成后，我会得到网址。

代码

我通过使用库“https://github.com/jrm2k6/cloudder”来使用 Cloudinary，但是当我上传大于 100MB 的大型视频文件时，它显示“实体太大：错误，我正在使用 apache 服务器。也可以尝试 Cloudinary upload_large 函数但显示相同的错误。

结果错误：

我正在使用以下代码在我的 codeigniter 项目中上传视频。

这是我的视图代码

这是控制器

此代码通过 xampp 工作正常。但我在实时服务器/cpanl 中遇到错误。当我每次尝试上传视频时都会显示以下错误，

我正在尝试使用 React Native 库axios和FormData. 上传工作正常，但是当我上传head视频文件时，它们都以一些不应该存在的字符串开头，因此无法播放视频。

这是我的代码：

上面的代码将视频上传到服务器（实际上是通过预签名的 url 到 S3）。但是我无法播放这些视频，因为它们会保存一些额外的数据。例如，如果我跑步，head -c 256 uploadedVideoFile.mov我会得到这样的结果：

前 5-6 行不应该在那里。

任何想法为什么会发生这种情况？我认为这与FormData而不是axios因为我也使用它进行了测试fetch并得到了相同的结果。

用户将从浏览器上传需要存储在服务器上并播放的视频。谷歌的第一个理解建议我需要在这里进行 HTTP 直播（HLS）。但我不确定它是如何在内部工作的？

上述工作流程包含三个组件，即用于保存和检索视频的客户端/服务器/数据存储。

保存流程： 我相信我需要插入 HLS 客户端以发送流数据。客户端本身是否将文件分成块，同时发送和维护这些块的链接，每个块指向下一个块？像这样的东西，因为我认为服务器是愚蠢的，并且将以与 http 上传功能相同的方式工作，并且这里不需要其他智能？但不确定 HLS 服务器端组件如何在这里工作，即它将保存为单个文件还是将单个文件拆分为多个文件然后保存在磁盘上？我相信它将文件存储为像常规 http 上传文件一样的单个文件？

检索部分 在正常的常规 http 文件下载中，客户端请求文件数据，服务器以块的形式发回响应，但所有响应块都针对同一个请求发回。

我相信在 HLS 的情况下，它的拉取基于客户端为每个流请求发起拉取请求。在每个块拉取请求中，客户端获取下一个块的文件名并将请求发送到服务器每个轮询请求的单个文件中的相关块等？因此，对于服务器来说，它是一种常规的 http 文件下载请求，所有的智能都取决于客户端

我尝试在 Retrofit 的帮助下使用 Restful API 将大型视频上传到服务器。但是每次我都无法通过这种情况上传它。这适用于大约 100 MB 的小视频，但不适用于大于 300 MB 的视频。

1. 将非常大的文件上传到服务器需要什么？回答：我正在创建网络系列播放应用程序，例如（Netflix、Amazon Prime 等），并且还有一个管理员角色。管理员可以通过移动设备上传网络系列，其大小可能非常大，大约 400 MB 到 1 GB。

我完成的过程： 只需创建前台服务并绑定标题为“视频正在上传”的通知。因为这项任务需要很长时间，所以我需要这样做。之后，我从该服务内部进行 API 调用。

现在，当我从图库接收视频并上传到服务器时发生实际异常，然后出现异常。 异常：java.lang.OutOfMemoryError：无法分配 392080272 字节分配，25165824 空闲字节和 318MB 直到 OOM，目标占用空间 227699960，增长限制 536870912

请提供所需的解决方案。提前致谢。

前端基于 Reactjs，使用 Ant 作为设计模式。通过 Node/Express(Strapi CMS) 支持通过 s3 上传文件。

小于 200 mb 的较小文件可以正常工作，但大于 400 Mb 的较大文件在 Aws Ec2 上部署服务器代码时会失败。

我正在使用 expo 相机录制视频，录制的视频保存在缓存中，我想将录制的视频上传到服务器。我有视频的 uri，但是要将其上传到服务器，我需要文件本身。如何将文件添加到请求的正文中？（我不能使用 rn-fletch-blob 或 react-native-fs，因为它是一个展览项目）