在react中将Dom转换为视频



是否有任何节点模块/链接可以将DOM转换为react中的视频。我的要求是用户可以上传视频和一些文本,并有一个下载按钮。一旦用户点击下载按钮,用户输入的文本应与输入视频合并并下载。

我尝试了react dom to video包,但问题是输入视频需要在录制时播放,这不是我们的要求,因为我们不能强迫用户播放整个视频。

任何帮助都将不胜感激。

听起来你想允许用户将他们上传的文本与他们也上传的视频合并。

如果文本将覆盖在视频上,您可以在服务器端使用ffmpeg进行此操作。

假设您使用node.js作为后端,您可以找到各种支持ffmpeg的包,例如:https://www.npmjs.com/package/fluent-ffmpeg

您还可以在ffmpeg文档中看到专用的"drawtext"过滤器,如下所示:https://ffmpeg.org/ffmpeg-filters.html#toc-图纸文本-1

这将允许您在服务器端将文本作为覆盖添加到视频中,然后为用户提供下载合并内容的选项。

例如,如果您想将文本添加到视频的左下角:

ffmpeg-i input-i[将文本作为图像]-filter_complex'overlay=10:main_h-overlay_h-10'output

您可以在这里看到ffmpeg过滤器文档中的其他示例:https://ffmpeg.org/ffmpeg-filters.html#toc-示例-89

您还可以查看"drawtext"过滤器:https://ffmpeg.org/ffmpeg-filters.html#toc-图纸文本-1

最新更新