Tool Hub

Lottie プレイヤー

Lottie JSON をプレビュー + 再生速度調整 (lottie-web)

速度: 1.0×

使い方

  1. 「Upload .json」をクリックして Lottie アニメーション JSON ファイルを選択するか、「Use sample」をクリックして組み込みデモをロードします。
  2. プレビュー領域で SVG アニメーション ループを見ます。
  3. スピード スライダーをドラッグして、アニメーション (0.1x) または高速化 (最大 3x) を遅くします。
  4. いつでも別のファイルをアップロードして、現在のアニメーションを置き換えます。

  • 50 KB の Lottie アイコン ファイルをアップロードすると、ループ SVG アニメーションが 1x スピードですぐに再生されます。
  • スライダーを 0.5x にドラッグすると、アニメーションが半分の速度に遅くなり、フレーム タイミングの検査に役立ちます。

本番環境で使用する前に出力を検証してください。保証なし — 詳細は 利用規約.