html - Html5 amp故事转换为mo4视频

Question

将 html5 和 css3 动画或 amp-stories 转换为 mp4 视频的最佳做法是什么？

是否有任何图书馆可以开箱即用地做到这一点？

标签： htmlcss

Answer 1

我过去所做的是利用 Chrome 的 Tab Capture API。

https://developers.chrome.com/extensions/tabCapture

基本上，您构建一个浏览器扩展并创建一个媒体流和媒体记录器。像这样的东西：

const mediaStream = chrome.tabCapture.captureOffscreenTab('https://example.com', {
  audio: true,
  video: true,
  videoConstraints: {
    width: 1280,
    height: 960
  }
});

然后，使用MediaRecorder捕获输出并将其保存，就像使用任何其他 MediaStream 一样。