フィルイメージモーション
fill-image-motion
オーディオグラムの背景画像をスローパンまたはズームでアニメーション化します — いわゆる ケン・バーンズ効果です。1つのパラメータで画像背景を動かしながら、波形やキャプションは一切動かさずに表示できます。
fill-image-motion はオーディオグラム専用のパラメータです。音声ソースのレンダリング(指定した fill-image URL またはオーディオファイルに埋め込まれたカバーアート)に対して適用され、アニメーション出力(fm=mp4、webm、gif、hls、dash)でのみ有効です。静止画出力(jpg/png)や非オーディオグラムソースでは無視されますが、レンダリング自体は正常に完了します。
波形、キャプション、ロゴは動く背景の上に合成され、完全に静止したまま表示されます。
モーションタイプ
| 値 | 効果 |
|---|---|
none | モーションなし(デフォルト) |
zoomin | 焦点に向かってゆっくりズームイン |
zoomout | 焦点から離れてゆっくりズームアウト |
panleft | フレームを左方向にスライド |
panright | フレームを右方向にスライド |
panup | フレームを上方向にスライド |
pandown | フレームを下方向にスライド |
zoominleft | ズームインしながら左方向にドリフト |
zoominright | ズームインしながら右方向にドリフト |
zoominup | ズームインしながら上方向にドリフト |
zoomindown | ズームインしながら下方向にドリフト |
zoomoutleft | ズームアウトしながら左方向にドリフト |
zoomoutright | ズームアウトしながら右方向にドリフト |
zoomoutup | ズームアウトしながら上方向にドリフト |
zoomoutdown | ズームアウトしながら下方向にドリフト |
カバークロップ vs. フレームモード
fill-image-motion は fill で選択されるどちらの背景スタイルでも動作します。
fill=image(カバークロップ): 画像がキャンバス全体にわたってパンまたはズームします。fill-imageの指定画像にも、オーディオファイルの埋め込みカバーアートにも適用されます。fill=blurまたはデフォルトのフレームカバーアート: ぼかした背景とシャープなカードが1つのコンポジットとして一緒にズームします。fill-image-motion-pin=cardを追加すると、シャープなカードを固定したまま、ぼかした背景のみをドリフトさせることができます。
ソリッドカラーの背景(画像なし)はドリフトできるものがないため、モーションは無視されます。
コンパニオンパラメータ
モーションを調整するには以下のパラメータを使用します:
fill-image-motion-amount— ズームまたはパンの強度fill-image-motion-align— 焦点のアライメント(例:top,left)fill-image-motion-x/fill-image-motion-y— 精密な焦点座標fill-image-motion-ease— イージングカーブ(easeまたはlinear)fill-image-motion-dur— モーションの持続時間fill-image-motion-pin— フレームモードで前景カードを固定fill-darken— 背景を暗くします。スクリムはモーションに追従するため、前景は常に際立って表示されます