JSONと手元の画像だけで、右から左へ流れるランキング動画を作ります
「おすすめ10選」のように、順位と写真と短い説明が並ぶ内容を動画にしたいときに向いています。カードが横に流れていくだけの単純な構成なので、編集ソフトを開かずに作れます。
推奨する形式は meta / video / style / display / items を持つオブジェクト形式です。従来のカード配列だけのJSONも引き続き読み込めます。JSONの中に video / style / display があるときは、その値を画面の設定へ反映してから描画します。
長さは自動計算です。カード全体の横幅（枚数×カード幅＋間隔）を、流れる速度（px/秒）で割った値が移動にかかる時間で、そこへ開始待機と終了待機を足したものが動画時間になります。画面下の3つの数字（カード枚数・動画時間・移動距離）で、設定を変えた結果をその場で確認できます。
| 動画サイズ | 比率 | 主な用途 |
|---|---|---|
| 1280×720 | 16:9 | 軽く試すとき |
| 1920×1080 | 16:9 | 通常の横型動画 |
| 1080×1920 | 9:16 | ショート動画・縦型のSNS投稿 |
| 720×1280 | 9:16 | 縦型を軽く出したいとき |
順位帯・説明文・枠線・アクセント線は、それぞれ表示を切り替えられます。写真だけを並べたいときは説明文と順位帯を消し、画像領域を100%に近づけてください。逆に文字を読ませたいときはカード高さを増やし、画像領域の割合を下げます。アクセント色はカードごとに JSON の accent で個別指定できます。
画像の収まり方は fit（cover / contain）と position（例 50% 50%）で調整できます。顔が切れるときは position を上寄りにしてください。
カードが右から左へ流れていくランキング動画です。1枚のカードに順位・画像・説明文が入ります。JSONの並び順を反転するボタンがあるので、下位から上位へ流すことも、その逆もできます。
アップロードは不要です。「画像を追加」からローカルの画像を選ぶか、ドロップしてください。JSONの image にはファイル名だけを書きます。読み込んだ画像はお使いのブラウザ内でのみ使われます。
カードの枚数・横幅・間隔と、流れる速度（px/秒）から自動で決まります。これに開始待機と終了待機の秒数が加わります。現在の枚数・動画時間・移動距離は画面に表示されます。
いいえ。JSONの解釈も、画像の読み込みも、動画の書き出しも、すべてお使いのブラウザ内で完結します。外部への通信は行いません。