Webサイト向けAI動画生成のウィジェットコード
scriptタグ1つでサイトにAI動画生成ツールを設置。訪問者がシーンを書くと、短いクリップを生成し、完成次第再生します。
公開日:
テキストから動画を作るモデルは、1つの文を短いクリップに変えられます。動画ウィジェットはそれをページに持ち込みます。訪問者がシーンを説明すると、モデルがバックグラウンドで生成し、完成したクリップがダウンロードリンク付きでウィジェット内で再生されます。
動画ウィジェットの仕組み
動画はテキストや画像より生成に時間がかかるため、ウィジェットは2段階で動きます。
- 訪問者がプロンプトを送信します。ウィジェットは動画ジョブを開始し、処理中であることを表示します。
- ウィジェットは動画ができるまでジョブを確認し続けます。通常は数分以内に完了し、完成すると再生して ダウンロード リンクを表示します。
ジョブの実行中、訪問者はページを開いたまま待つことができます。ジョブを確認したり結果をダウンロードしたりできるのは、そのジョブを開始したウィジェットだけです。
コードを埋め込む
ウィジェット でウィジェットを作成し、動画 を選んで保存します。次のコードをコピーしてください。
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
生成ツールを表示したい位置に置きます。data-target は既存の要素内に描画し、data-height は高さを指定します (既定値は420px)。フローティングボタン の配置を選ぶと、隅のボタンから開く形になります。
長さと解像度は自動で決まります
動画モデルが対応する長さや解像度はさまざまで、自由に選べるようにするとコストが読めなくなります。ウィジェットは常に、5秒に最も近い対応可能な長さと、720pに最も近い解像度をリクエストします。これによりクリップは短く保たれ、リクエストあたりの価格も一定になります。
モデルとAPIキーを選ぶ
- モデル: 選択欄には動画モデルが価格付きで並びます。既存の動画を編集やアップスケールするだけのモデルは適していません。ウィジェットはテキストから始まるためです。
- APIキー: すべてのウィジェットは、あなたのAPIキーのいずれかで動作します。キーを選ぶか、リストの最後にある 新しいAPIキーを作成 で専用のキーを作りましょう。そのキーの1日の利用上限、リクエスト頻度、許可するモデルが、ウィジェットが開始するすべてのジョブに適用されます。
ページで期待値を伝える
クリップの生成には少し時間がかかること、結果はAIによる生成物であることを訪問者に伝えましょう。「雨の通りを流れていく紙の舟、映画のような映像」といったプレースホルダーがあれば、良いプロンプトのイメージが伝わります。
公開する前に
- 設定、ウィジェットのサイト にドメインを追加します。
- ウィジェットとキーの両方に1日の利用上限を設定します。
- エディターのプレビューでクリップを2、3本生成し、所要時間と品質を確認します。