TutuAudio · Einbettbare Komponente

Eine Zeile Code,füge deiner Website in Sekunden einen Audio-Editor hinzu

Bette den TutuAudio-Editor (Schneiden / Rauschunterdrückung / Mischen / Mastering) in jede beliebige Website ein. Besucher bearbeiten Audio direkt auf deiner Website, Themes sind konfigurierbar und Produktaktualisierungen werden automatisch übernommen — null Wartung für dich.

Live ausprobieren Code ansehen Schlüssel generieren

Kopieren & einfügen · vor dem </body> -Tag

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

Ersetze pk_live_YOUR_KEY durch einen in der Konsole generierten Schlüssel; der Container #aa-editor braucht eine Breite und Höhe. Du kannst eine Positiv-/Negativliste von Domains festlegen, sodass er nur auf deiner eigenen Website erscheint.

Live ausprobieren

Klicke auf die Schaltfläche unten, um den eingebetteten Audio-Editor gleich hier auszuprobieren.

JS-API (für Callbacks / Anpassung)

<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>

Vollständige Konfigurationsoptionen

Parameter	Typ	Beschreibung
key	string	Dein öffentlicher Schlüssel pk_ (in der Konsole generiert). Erforderlich.
theme	'auto'\|'light'\|'dark'	Theme; auto folgt dem hellen oder dunklen Modus des Hosts/Systems.
saveText	string	Beschriftung der Schaltfläche „Fertig“ (Standard „Fertigstellen und zurücksenden“, ≤16 Zeichen). Bei gesetztem onSave wird diese Schaltfläche in der nativen oberen Leiste des Editors angezeigt.
hideSuite	boolean	Den Suite-Launcher ausblenden (beim Einbetten standardmäßig ausgeblendet, um Ablenkung zu reduzieren).
hideAccount	boolean	Die Anmelde-/Kontosteuerung ausblenden (beim Einbetten standardmäßig ausgeblendet; der Host verwaltet die Anmeldung).
hideExport	boolean	Die integrierte Export-/Download-Schaltfläche des Editors ausblenden (wenn du nur „Fertigstellen und zurücksenden“ verwendest).
hideLang	boolean	Die Sprachumschaltung ausblenden (der Host steuert sie über tt_locale).
hideTheme	boolean	Die Hell-/Dunkel-Umschaltung ausblenden (der Host steuert sie über tt_theme).

Methoden

aa.open(url, name?)Importiere einen Audioclip in eine Spur (eine Audio-/Video-/Bild-url oder dataURL).
aa.export()Rendere den Mix offline und exportiere WAV → Promise<{dataUrl,mime,size}>.
aa.setTheme('dark')Theme zur Laufzeit wechseln.
aa.destroy()Die Komponente aushängen (entfernt das iframe).

Ereignis-Callbacks

onReady()Der Editor ist bereit.
onSave(file)Der Nutzer klickt auf „Fertig“ → file.dataUrl ist der fertige Mix (WAV).
onError(e)e.message ist menschenlesbar (nicht aktiviert / keine Berechtigung / Ladefehler).
onClose()Das Vollbild-Overlay wurde geschlossen.

Sicherheit · Automatische Updates

· Der Schlüssel ist öffentlich; eine Positiv-/Negativliste einbindender Websites verhindert Missbrauch (die Negativliste hat Vorrang); du kannst jederzeit pausieren oder fortsetzen.
· Der Editor läuft auf der eigenen Domain von TutuAudio (isoliert); deine Seite kann auf keine TutuAudio-Anmeldedaten zugreifen.
· Die Komponente wird von TutuAudio selbst gehostet und automatisch aktualisiert —— Funktions-Upgrades erfordern keine Codeänderungen auf deiner Seite; null Wartung.