Skip to main content

動画仕様

背景透過の CONN のプレゼンテーション映像​

CONN の説明パートでは、WebGL の 3D Canvas に、透過の webm 動画を重畳させることで擬似的な没入を表現している。

動画フォーマット​

以下のフォーマットを用いる。

  • webm
  • 透過映像 (QuickTime / Apple ProRes 4444)
  • 解像度： 8160 x 2880

透過動画の元動画制作​

以下の手順で、透過webmを制作する。

  1. PresoMixr にて緑背景の動画を生成
  2. Adobe Premire でクロマキー処理
  3. 透過 mov を、webm に変換
tip

グリーンバックの mp4 形式から、Adobe Premire Pro を利用してクロマキー処理を実施し、mov で出力する。

  • Ultra キーで、クロマキー処理
  • 書き出し設定で以下に
    • 形式： QuickTime
    • ビデオ > ビデオコーデック： Apple ProRes 4444

透過 mov → 透過 webm に変換​

ffmpeg を利用して、mov → webm に変換する。

透過movから、透過webmへの変換スクリプト
ffmpeg -i input.mov \
-c:v libvpx-vp9 \
-lossless 1 \
-pix_fmt yuva420p \
-auto-alt-ref 0 output.webm