フェード
fade
指定した幅で、動画のエッジを bg へ線形にフェードします。すべてのエッジには fade を、1 つのエッジだけには各辺のパラメータを使用します。
| パラメータ | 説明 |
|---|---|
fade | この幅ですべてのエッジをフェードします。 |
fade-left | 左端をフェードします。そのエッジについて fade より優先されます。 |
fade-right | 右端をフェードします。そのエッジについて fade より優先されます。 |
fade-top | 上端をフェードします。そのエッジについて fade より優先されます。 |
fade-bottom | 下端をフェードします。そのエッジについて fade より優先されます。 |
それぞれピクセル、またはその軸に対する 0.0 から 1.0 の比率を受け付けます。左右のエッジはフレームの幅、上下のエッジは高さを基準にします。長さは Imgix のリテラル規則に従うため、0.3 は 30%、1 は 1 ピクセルです。
2 つのエッジが交わる部分では、フェードが乗算されます。向かい合う 2 辺の合計がフレームより広い場合は両方が収まるように縮小されるため、中央がフェードされることはありません。
フェード先は bg で、動画でのデフォルトは黒です。動画にはアルファチャンネルがないため、エッジが透明になることはありません。代わりに半透明の bg を指定すると映像が透けて見えます。
フェードは gradient と併用でき、グラデーションの後に適用されます。mask=corners または mask=ellipse を指定した場合、単独の fade はマスクに属し動画では何も描画しないため、各辺のパラメータを使用してください。
HLS と DASH では、ピクセル単位の幅は最上位のレンディションで測定されます。どのフォーマットでも同じに見えるフェードにするには、比率 (fade-bottom=0.2 など) を使用してください。