简体   繁体   English

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

[英]Record / Upload a fixed length video with progress bar using HTML5 and Javascript

I am making a small project in HTML & Java-script, where a user can record a video and upload it to the server.我正在 HTML 和 Java 脚本中制作一个小项目,用户可以在其中录制视频并将其上传到服务器。

However, I can't figure out how to show a progress bar as the user starts recording.但是,我不知道如何在用户开始录制时显示进度条。 The video should either be stopped by user once they are done recording, or if it reaches a specific time limit set by me.视频应该在用户完成录制后停止,或者达到我设置的特定时间限制。

Once, the user has finished recording, they can either re-record the video or upload it on the server.一旦用户完成录制,他们可以重新录制视频或将其上传到服务器上。

Can someone please help me out on this?有人可以帮我解决这个问题吗? I am complete a beginner in this.我在这方面完全是初学者。

Here is a link to an article where you can find this information in great detail.这是一篇文章的链接,您可以在其中找到此信息的详细信息。 Scroll down to the part where it says "Tracking Progress".向下滚动到显示“跟踪进度”的部分。

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM