javascript - 使用 HTML5 和 Javascript 录制/上传带有进度条的固定长度视频

Question

我正在用 HTML 和 Java 脚本制作一个小项目，用户可以在其中录制视频并将其上传到服务器。

但是，我不知道如何在用户开始录制时显示进度条。视频应该在用户完成录制后停止，或者达到我设置的特定时间限制。

一旦用户完成录制，他们可以重新录制视频或将其上传到服务器上。

有人可以帮我解决这个问题吗？我在这方面完全是初学者。

标签： javascripthtmlhtml5-canvashtml5-video

Answer 1

这是一篇文章的链接，您可以在其中找到此信息的详细信息。向下滚动到显示“跟踪进度”的部分。

https://www.smashingmagazine.com/2018/01/drag-drop-file-uploader-vanilla-js/