Imgix APIs動画 APIフィルフィルイメージモーション

フィルイメージモーション

fill-image-motion

オーディオグラムの背景画像をスローパンまたはズームでアニメーション化します — いわゆる ケン・バーンズ効果です。1つのパラメータで画像背景を動かしながら、波形やキャプションは一切動かさずに表示できます。

fill-image-motionオーディオグラム専用のパラメータです。音声ソースのレンダリング(指定した fill-image URL またはオーディオファイルに埋め込まれたカバーアート)に対して適用され、アニメーション出力(fm=mp4webmgifhlsdash)でのみ有効です。静止画出力(jpg/png)や非オーディオグラムソースでは無視されますが、レンダリング自体は正常に完了します。

波形、キャプション、ロゴは動く背景の上に合成され、完全に静止したまま表示されます。

モーションタイプ

効果
noneモーションなし(デフォルト)
zoomin焦点に向かってゆっくりズームイン
zoomout焦点から離れてゆっくりズームアウト
panleftフレームを左方向にスライド
panrightフレームを右方向にスライド
panupフレームを上方向にスライド
pandownフレームを下方向にスライド
zoominleftズームインしながら左方向にドリフト
zoominrightズームインしながら右方向にドリフト
zoominupズームインしながら上方向にドリフト
zoomindownズームインしながら下方向にドリフト
zoomoutleftズームアウトしながら左方向にドリフト
zoomoutrightズームアウトしながら右方向にドリフト
zoomoutupズームアウトしながら上方向にドリフト
zoomoutdownズームアウトしながら下方向にドリフト

カバークロップ vs. フレームモード

fill-image-motionfill で選択されるどちらの背景スタイルでも動作します。

  • fill=image(カバークロップ): 画像がキャンバス全体にわたってパンまたはズームします。fill-image の指定画像にも、オーディオファイルの埋め込みカバーアートにも適用されます。
  • fill=blur またはデフォルトのフレームカバーアート: ぼかした背景とシャープなカードが1つのコンポジットとして一緒にズームします。fill-image-motion-pin=card を追加すると、シャープなカードを固定したまま、ぼかした背景のみをドリフトさせることができます。

ソリッドカラーの背景(画像なし)はドリフトできるものがないため、モーションは無視されます。

コンパニオンパラメータ

モーションを調整するには以下のパラメータを使用します: