如何解决将HTML节点的内容捕获为视频流
我有一个奇怪的要求，我需要捕获一个svg元素作为视频流。基本上，这是一个绘图应用程序，当用户用笔绘图时，绘图将显示为svg元素。我需要录制一段类似于屏幕录像机如何工作的视频，只是只记录包含svg元素的div。我有什么选择？我该如何实现？另一个重要的事情是，整个记录应在服务器上可用，而不会出现故障或损失尽可能小。
解决方法
经过深思熟虑，我选择了这个解决方案：
- 在 Linux 容器上安装 xvfb、chromium 和 ffmpeg
- 从另一个容器服务一个网页
- 使用 xvfb 启动 Chromium 并导航模拟用户操作的 url。 我编写了一个自定义网页来执行此操作。
- 使用 puppetter 在网页上运行特定功能，然后使用 ffmpeg 进行录制。
- 异步任务完成后，向 ffmpeg 发送一个 SIGINT 并终止它
- 完成。
显然有很多代码（数百行）供我在这里发布，即使我可以发布，也是为客户提供的，我不能透露源代码。但这些是我遵循的步骤。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。