Imgix APIs動画 APIプログレスバー

プログレスバー

Imgix Videoの有効化

Imgix Videoパラメータを有効にするには、fm をビデオ出力フォーマット(mp4hls、または dash)に設定してください。

Imgix Video は、再生位置を示すインジケーターをレンダリングされたピクセルに直接焼き込めます — クリップのどこまで再生されたかを示す、スライドするバーまたは周囲を囲む枠線です。GPU 上でリクエストごとに描画されるため、ミュートの自動再生クリップ、GIF プレビュー、プレーヤー UI のない埋め込みでも再生位置を伝えられます。

インジケーターを有効にしてスタイル (bar または frame) を選択するには video-progress-bar を使用します。色・太さ・位置は video-progress-bar-colorvideo-progress-bar-heightvideo-progress-bar-align でカスタマイズできます。

バーは出力の長さに対して塗り進みます — トリムやスピード変更後の長さを基準にします。静止画の場合は video-thumbnail のシーク時刻 tduration の比率で固定表示されます。

プログレスバーはコンポジットの最前面レイヤーです — ウォーターマーク、ピクチャーインピクチャー、焼き込みキャプション、音声波形のすべての上に描画されます。

video-progress-bar=bar を適用します — 下端に固定された全幅のバーが左から右にスライドします。
https://assets.imgix.net/Croatia.mp4?fm=mp4&video-progress-bar=bar