CineCode.video

ダウンロードできるプロジェクト

Signal / 01 から始める

カットごとの尺、動くダッシュボード、書き出し手順がそろった製品紹介動画のテンプレートです。

通信量、遅延、稼働地域、リクエスト数の推移を示す Signal の画面

プロジェクト ZIP をダウンロード

編集可能な HTML、書き出し手順、クレジットを収録。書き出しには Node.js、Chrome、FFmpeg が必要です。

ZIP をダウンロードこの企画メモをアレンジ

プロジェクトの内容

編集できるシーン

launch.js で製品名、配色、計測値、カットの尺を変更できます。

書き出し手順

サンプルと同じバージョンの CineCode キャプチャースクリプトを使います。

制作メモ

カットごとの尺、編集できる箇所、素材とコードの出典を確認できます。

編集して書き出す

  1. ZIP を展開し、Chrome で launch.html を開いてプレビューします。
  2. launch.js でブランド情報やカットの尺を編集し、保存してプレビューを更新します。
  3. 展開したフォルダーで下のコマンドを実行します。MP4 とカバー画像は exports に保存されます。
node render.mjs launch ./exports