TutuAudio · 埋め込み可能なコンポーネント

1行のコードで、あなたのサイトに数秒でオーディオエディターを追加

TutuAudioエディター(カット / ノイズ除去 / ミックス / マスタリング)を任意のウェブサイトに埋め込めます。訪問者はあなたのサイト内で直接オーディオを編集でき、テーマは設定可能で、製品の更新は自動的に反映されます——あなたの保守作業はゼロです。

ライブで試すコードを見るキーを生成

コピーして貼り付け · ページの </body> タグの前に

<script src="https://tutuaudio.com/embed.js"
        data-key="pk_live_YOUR_KEY"
        data-mount="#aa-editor" defer></script>

pk_live_YOUR_KEYをコンソールで生成したキーに置き換えてください。コンテナ#aa-editorには幅と高さが必要です。ドメインの許可/拒否リストを設定して、あなた自身のサイトにのみ表示させることができます。

ライブで試す

下のボタンをクリックして、埋め込まれたオーディオエディターをこの場で試してください。

JS API(コールバック / カスタマイズが必要な場合)

<script src="https://tutuaudio.com/embed.js"></script>
<script>
  const aa = TutuAudio.mount('#aa-editor', {
    key: 'pk_live_YOUR_KEY',
    theme: 'auto',            // auto | light | dark
    onSave: (file) => {
      // file.dataUrl = the finished mix (WAV, base64)
      upload(file.dataUrl);
    }
  });
  aa.open('https://your.site/sound.mp3'); // import an audio clip
</script>

すべての設定オプション

パラメーター	型	説明
key	string	あなたの公開キー pk_(コンソールで生成)。必須。
theme	'auto'\|'light'\|'dark'	テーマ。auto はホスト/システムのライト・ダークモードに追従します。
saveText	string	「完了」ボタンのラベル(デフォルトは「完了して返送」、≤16文字)。onSave が設定されている場合、このボタンはエディターのネイティブなトップバーに表示されます。
hideSuite	boolean	スイートランチャーを非表示にする(埋め込み時はデフォルトで非表示、注意散漫を軽減)。
hideAccount	boolean	ログイン/アカウントのコントロールを非表示にする(埋め込み時はデフォルトで非表示。ホストがログインを管理)。
hideExport	boolean	エディター内蔵のエクスポート/ダウンロードボタンを非表示にする(「完了して返送」のみを使う場合)。
hideLang	boolean	言語切り替えを非表示にする(ホストが tt_locale で制御)。
hideTheme	boolean	ライト/ダーク切り替えを非表示にする(ホストが tt_theme で制御)。

メソッド

aa.open(url, name?)オーディオクリップをトラックに読み込む(オーディオ/動画/画像の url または dataURL)。
aa.export()ミックスをオフラインでレンダリングし WAV としてエクスポート → Promise<{dataUrl,mime,size}>。
aa.setTheme('dark')実行時にテーマを切り替える。
aa.destroy()コンポーネントをアンマウントする(iframe を削除)。

イベントコールバック

onReady()エディターの準備が完了しました。
onSave(file)ユーザーが「完了」をクリック → file.dataUrl は完成したミックス(WAV)です。
onError(e)e.message は人間が読める形式です(未有効 / 権限なし / 読み込み失敗)。
onClose()全画面オーバーレイが閉じられました。

セキュリティ · 自動更新

· キーは公開されています。埋め込みサイトの許可/拒否リストで不正利用を防ぎます(拒否リストが優先)。いつでも停止・再開できます。
· エディターはTutuAudio自身のドメインで動作します(隔離)。あなたのページはTutuAudioの認証情報に一切アクセスできません。
· コンポーネントはTutuAudioによってセルフホストされ、自動更新されます —— 機能のアップグレードにあなた側のコード変更は不要、保守作業はゼロです。