基本的な進め方
Remotion Markupはコンポジション制作に焦点を当てています。タイミングはコンポジションのフレームレートから求め、アニメーションは現在のフレームで駆動し、メディア要素はビデオのタイムラインに参加させます。通常のCSSトランジションやアニメーションクラスは、フレーム駆動のレンダリングの代わりにならないと、ソースは明確に警告しています。
キャプションやマップからテキスト計測、エフェクト、音声まで、より専門的な作業のリファレンスハブでもあります。具体的な価値は基本規約にあります。タイミングは制作する要素の近くに置き、独立した編集対象を保ち、すべてのビジュアルを任意のDOMラッパーとして扱うのではなく、適切なメディアやエフェクトのコンポーネントを使います。
期待される成果物
- フレーム駆動のReactコンポジションマークアップ
- タイミングとアセット参照が明示されたメディアレイヤー
- 対応するエフェクトと編集構造を備えた、プレビュー可能なシーン
ブリーフからレビューまで
- 01コンポジション設定を読む
秒からフレームへの計算には既存のフレームレートを使い、意図した尺とサイズを維持します。
- 02タイミング付きレイヤーを作る
独立して編集できるメディアとシーンは別々のJSXノードに分け、対応するコンポーネントにはタイミングを直接指定します。確認したソースでは、対応するタイミング付きコンポーネント(ネストした項目を含む)に premountFor={fps} で1秒分のプリマウントを行うことも求めています。適用する前に、インストール済みのAPIを確認してください。
- 03モーションとエフェクトを追加する
モーションは現在のフレームに基づく補間で駆動します。専門的なエフェクトは、対応するリファレンスと互換性のあるコンポーネントを通して扱います。
- 04ビデオフレームを確認する
Studioでの再生と代表的なレンダリング済みフレームで、テキストのはみ出し、メディアの準備状態、タイミングを確認します。