Webで透過動画をCanvasで重ねる

概要

Premire Proなどの動画編集で、クロマキー合成処理をした動画ファイルを、Web上で再生するためのメモ。

前提： クロマキー合成された動画の作成

こちらを参考に、背景透過を実施した。movファイルを、Webで使いやすいように、

• webm フォーマット
• アルファマップ

の仕様で変換します。

movファイルを、webmファイルに変換

以下のコマンドで、アルファマップを保持したままwebmへの変換がk

ffmpeg -i input.mov \
  -c:v libvpx-vp9 \
  -crf 20 -b:v 0 \
  -pix_fmt yuva420p \ 
  -auto-alt-ref 0 \
  output.webm