テキストオーバーレイ
Imgix は txt-* パラメータファミリーを使用して、動画フレームに直接テキストを合成することをサポートしています。これは レンダリング API の画像テキストオーバーレイに使用されるものと同じパラメータです。画像で機能するすべての txt-* パラメータは Iris の動画でも機能します。
複数のテキストレイヤー
動画テキストオーバーレイは最大10の同時テキストレイヤーをサポートします。ベアパラメータ(例:txt=...)がレイヤー0です。追加レイヤーには [N] インデックス構文(N は 1〜9)を使用します。
https://assets.imgix.net/video.mp4?fm=mp4
&txt=こんにちは&txt-size=48&txt-y=100
&txt[1]=世界&txt-size[1]=32&txt-y[1]=160&txt-color[1]=FF0000インデックスなしのパラメータはデフォルトでレイヤー0に適用されます。
動画固有のパラメータ
共通の txt-* パラメータに加えて、以下のパラメータは動画固有であり、テキストレイヤーの表示タイミングとアニメーション方法を制御します:
| パラメータ | 機能 |
|---|---|
video-txt-start | テキストレイヤーが表示される時間(秒) |
video-txt-end | テキストレイヤーが消える時間(秒) |
video-txt-transition | テキストレイヤーのエントリアニメーション |
txt-shad-blur | テキストシャドウまたはグローのガウシアンぼかし半径 |
Use case
旅行動画やソーシャル動画のオープニングタイトルをフェードインで表示し、一定時間後に消えるようにします。
txt、txt-size、txt-color、txt-align、video-txt-start、video-txt-end、video-txt-transition=fade を使用して、最初の4秒間中央にタイトルを表示します。https://assets.imgix.net/Croatia.mp4?fm=mp4&txt=Croatia%20Adventure&txt-size=56&txt-color=FFFFFF&txt-align=center%2Cmiddle&video-txt-start=0&video-txt-end=4&video-txt-transition=fade