请求建议：通过浏览器录制视频 - SDK / API 等

Question

我正在开发一个带有 Laravel 后端的应用程序。在前端，我需要添加一个功能，让用户录制视频（最多 30-40 秒），并将它们直接保存到服务器（由 Laravel 处理）。

自过去 10 小时以来，我一直在探索各种选项，并找到了一些有用的链接，这些链接解释了如何使用本机 HTML 元素和一些 JS 来执行此操作 - https://web.dev/media-recording-video/

但是，我想知道是否有可用的开源解决方案/SDK，可以让我使用基于浏览器的高级视频录制功能，例如

1. 让用户在录制之前向视频预览添加自定义注释/标题
2. 让用户重新录制视频。
3. 显示剩余时间等

非常感谢您的建议。预先感谢您。

Answer 1

您可以在我的演示中查看代码并在这里尝试一下

https://vrobbi-webrtc-demo.glitch.me/uploadvideo

使用媒体记录器

Answer 2

有一些用于客户端流录制的 JavaScript 库。但这些仅提供相机/屏幕/画布流录制功能。您必须在媒体录制库之上开发您的功能。我认为没有任何库可以与您的功能列表相匹配。

https://recordrtc.org/ https://github.com/streamproc/MediaStreamRecorder