是否可以使用爆米花JS导出带有评论叠加视频的视频？

Question

我正在使用porpcorn JS为视频添加注释，我在视频上创建了叠加层，所有注释都在视频上呈现。有没有办法让我可以在.mp4文件中导出带有嵌入式html内容的视频。所以我可以在像VLC这样的原生播放器中播放该视频吗？

Answer 1

您最好在服务器端处理 all 并在客户端上播放渲染的视频。如果客户端的代码足够复杂，您可以考虑以下两个选项：

最简单的选项：客户端帧渲染，服务器视频渲染

您可以轻松地从视频中抓取每个帧，将其绘制到画布上，然后将注释也绘制到同一个画布上（使用自定义代码或像html2canvas这样的库）。接下来最简单的要做的是将所有帧逐个发送到服务器并使用简单的ffmpeg命令（类似ffmpeg -i img%03d.png -c:v libx264 -pix_fmt yuv420p out.mp4）生成mp4然后发送回到客户端。

最好但很难选择：客户端帧渲染，客户端视频渲染

＆＃39;当然＆＃39;实际上在客户端渲染视频并非不可能。请注意，我所知道的唯一库不会呈现.mp4个文件，而是呈现.webm个文件。这是否是一个问题取决于你。无论哪种方式，能够执行此操作的库称为whammy.js。您需要再次将所有框架和注释绘制到画布上，然后将encoder.add绘制到Whammy视频对象。该API非常简单，但请注意，我不知道它的支持是如何跨平台的。

Answer 2

简答：没有

答案很长： MP4容器可以保存XMP元数据，所以理论上有人可以写一个导出器，但你仍然需要一个能够使用XMP元数据的播放器，据我所知VLC不支持它。