使用 HTML5 和 Javascript 录制/上传带有进度条的固定长度视频
Posted
技术标签:
【中文标题】使用 HTML5 和 Javascript 录制/上传带有进度条的固定长度视频【英文标题】：Record / Upload a fixed length video with progress bar using HTML5 and Javascript 【发布时间】：2021-07-19 00:28:24 【问题描述】：我正在用 html 和 Java 脚本制作一个小项目，用户可以在其中录制视频并将其上传到服务器。
但是，我不知道如何在用户开始录制时显示进度条。用户在录制完成后或达到我设置的特定时间限制时应停止视频。
一旦用户完成录制，他们可以重新录制视频或将其上传到服务器。
有人可以帮我解决这个问题吗？我在这方面完全是初学者。
【问题讨论】：
【参考方案1】：这里是一篇文章的链接，您可以在其中找到该信息的详细信息。向下滚动到显示“跟踪进度”的部分。
https://www.smashingmagazine.com/2018/01/drag-drop-file-uploader-vanilla-js/
【讨论】：
以上是关于使用 HTML5 和 Javascript 录制/上传带有进度条的固定长度视频的主要内容，如果未能解决你的问题，请参考以下文章
Javascript / HTML5 - 用于网络桌面/移动应用程序的音频流录制