我正在使用 porpcorn JS 在视频上添加注释，我在视频上创建了叠加层，并且所有注释都在视频上呈现。有什么方法可以导出嵌入 html 内容的视频吗？.mp4-文件。那么我可以在任何本机播放器（例如 VLC）中播放该视频吗？
你最擅长处理它all在服务器端，只需在客户端上播放渲染的视频。如果客户端的代码足够复杂，您可以考虑以下两个选项：
最简单的选择：客户端帧渲染、服务器视频渲染
您可以很容易地从视频中抓取每一帧，将其绘制到画布上，然后将注释绘制到同一画布上（使用自定义代码或类似的库）html2canvas http://html2canvas.hertzen.com/）。接下来是easiest要做的事情是将所有帧一一发送到服务器并使用简单的 ffmpeg 命令（类似于ffmpeg -i img%03d.png -c:v libx264 -pix_fmt yuv420p out.mp4）生成 mp4，然后将其发送回客户端。
最好但很难的选择：客户端帧渲染、客户端视频渲染
“当然”在客户端实际渲染视频并非不可能。但请注意，我所知道的唯一库不会渲染.mp4文件，但是.webm文件。这是否是一个问题取决于你。无论哪种方式，能够执行此操作的库称为whammy.js https://github.com/antimatter15/whammy。再次，您实际上需要将所有框架和注释绘制到画布上，然后您可以在画布上绘制所有框架和注释。encoder.add to the Whammy视频对象。该 API 非常简单且切题，但请注意，我不知道其支持的跨平台程度如何。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
