AI音楽生成のウィジェットコード: テキストプロンプトから短いクリップを作成
scriptタグ1つでサイトにAI音楽生成ツールを設置。訪問者が雰囲気やスタイルを書くと、短いクリップがウィジェット内で再生されます。
公開日:
音楽ウィジェットは、短い説明を音楽クリップに変えます。訪問者が「夏の動画に合う、明るいアコースティックギター」と入力すると、しばらくしてクリップがダウンロードリンク付きでウィジェット内で再生されます。音楽、動画、コンテンツ制作を扱うサイトに、インタラクティブな制作ツールを手軽に加える方法です。
仕組み
- 訪問者が、スタイル、雰囲気、楽器、テンポを説明するプロンプトを書きます。
- ウィジェットはウィジェットIDを使ってそれをapi14に送ります。モデル、APIキー、各種上限はサーバーに残ったままです。
- 音楽モデルが生成したオーディオをストリーミングで返し、ウィジェットは準備ができ次第再生します。
音楽の生成は、音楽専用に作られたモデルが担当します。音楽タイプの既定モデルは音声合成モデルではなく音楽モデルの中から選ばれるため、新しいウィジェットも最初から実際に音楽を作れるモデルで始まります。
埋め込みコード
ウィジェット でウィジェットを作成し、種類に 音楽 を選んで保存します。
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
生成ツールを表示したい位置にタグを貼り付けてください。data-target で既存の要素内に配置し、data-height で高さを変えられます (既定値は420px)。フローティングボタン の配置を選ぶと、隅のボタンから開く形になります。
確認したい設定
- モデル: 選択欄には音楽モデルが価格付きで表示されます。クリップの長さや品質はモデルによって異なるので、プレビューでいくつかプロンプトを試しましょう。
- APIキー: ウィジェットを動かすキーを選ぶか、リストの最後にある 新しいAPIキーを作成 を選びます。キーの1日の利用上限、リクエスト頻度、許可するモデルがウィジェットに適用されます。
- テキスト: 良いプレースホルダーは、何を入力すればよいかを訪問者に伝えます。例: 「穏やかなピアノ、ゆっくりしたテンポ、勉強用プレイリスト向け」。
- 外観: アクセントカラー、テーマ、角の丸み。
うまくいくプロンプト
短く具体的なプロンプトほど、結果が安定します。3つか4つの要素を組み合わせてみましょう。
- ジャンル: ローファイ、オーケストラ、シンセウェイブ、フォーク。
- 雰囲気: 穏やか、エネルギッシュ、ミステリアス。
- 楽器: ピアノ、ストリングス、ドラム、アコースティックギター。
- 用途: イントロ、BGMループ、ポッドキャストのジングル。
公開する前に
設定、ウィジェットのサイト にドメインを追加し、1日の利用上限を設定して、スマートフォンとデスクトップでクリップをいくつか再生してみましょう。
オーディオ生成について詳しくは 音楽・オーディオのドキュメント をご覧ください。ウィジェットページ でビルダーも試せます。