【问题标题】:How can i record a canvas animation with a video?如何用视频录制画布动画?
【发布时间】:2014-08-20 22:46:41
【问题描述】:

我有一个视频(来自网络摄像头或只是一个视频文件)正在播放,并且我有一些动画的画布元素。 我想记录这两个元素并将它们保存到一个文件中。

我的问题是:有什么解决办法吗?我的意思是,我可以将视频放在画布内并录制画布吗?

谢谢!

【问题讨论】:

  • 您可以将drawImage 与视频元素一起使用。您将需要反复重绘它,因此帧速率可能会低于预期。您也可以将画布放在视频的顶部。
  • 感谢@AlexanderO'Mara,但我需要将视频和画布一起绘制。画布将位于视频上方。
  • 你在说什么样的“记录”?静止图像还是其他视频流?
  • @Philipp,另一个视频流。
  • 这是一个棘手的问题。 AFAIK html5 只能 decode 视频,并且没有定义像静止图像那样encode它们的方法。

标签: javascript html html5-canvas html5-video frontend


【解决方案1】:

您可以通过使用RecodRTC.js 将 HTML/Canvas 记录为 webm 格式来做到这一点

【讨论】:

  • macOS 支持吗?
  • @UmeshPatadiya 你是什么意思?
  • 有效!我是在 2015 年做的。也许值得再做一次研究,现在可能有其他解决方案。
猜你喜欢
  • 1970-01-01
  • 2013-03-08
  • 1970-01-01
  • 1970-01-01
  • 2020-07-03
  • 2015-01-20
  • 2012-02-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多