TutuAudio · Componente incorporabile

Una riga di codice — aggiungi un editor audio al tuo sito in pochi secondi

Incorpora l’editor TutuAudio (taglio / riduzione del rumore / mix / mastering) in qualsiasi tuo sito web. I visitatori modificano l’audio direttamente sul tuo sito, il tema è configurabile e gli aggiornamenti del prodotto si applicano automaticamente — zero manutenzione per te.

Provalo dal vivo Vedi il codice Genera una chiave

Copia e incolla — prima del tag </body> della tua pagina

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

Sostituisci pk_live_YOUR_KEY con una chiave generata nella console; il contenitore #aa-editor deve avere una larghezza e un’altezza. Puoi impostare un elenco di domini consentiti/vietati in modo che compaia solo sul tuo sito.

Provalo dal vivo

Clicca il pulsante qui sotto per provare il editor audio incorporato proprio qui.

JS API (per callback / personalizzazione)

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

Opzioni di configurazione complete

Parametro	Tipo	Descrizione
key	string	La tua chiave pubblica pk_ (generata nella console). Obbligatoria.
theme	'auto'\|'light'\|'dark'	Tema; auto segue la modalità chiara/scura dell’host/sistema.
saveText	string	Etichetta del pulsante “Fatto” (predefinito “Termina e rinvia”, ≤16 caratteri). Mostrato nella barra superiore nativa dell’editor quando onSave è impostato.
hideSuite	boolean	Nascondi il launcher della suite (nascosto per impostazione predefinita quando incorporato, per ridurre le distrazioni).
hideAccount	boolean	Nascondi i controlli di accesso/account (nascosti per impostazione predefinita quando incorporato; l’host gestisce il login).
hideExport	boolean	Nascondi il pulsante di esportazione/download integrato dell’editor (quando usi solo “Termina e rinvia”).
hideLang	boolean	Nascondi il selettore della lingua (l’host lo controlla tramite tt_locale).
hideTheme	boolean	Nascondi l’interruttore chiaro/scuro (l’host lo controlla tramite tt_theme).

Metodi

aa.open(url, name?)Importa una clip audio in una traccia (url o dataURL di audio/video/immagine).
aa.export()Renderizza il mix offline ed esporta WAV → Promise<{dataUrl,mime,size}>.
aa.setTheme('dark')Cambia tema a runtime.
aa.destroy()Smonta il componente (rimuove l’iframe).

Callback degli eventi

onReady()L’editor è pronto.
onSave(file)L’utente clicca “Fatto” → file.dataUrl è il mix finito (WAV).
onError(e)e.message è leggibile (non abilitato / nessun permesso / caricamento fallito).
onClose()L’overlay a schermo intero è stato chiuso.

Sicurezza · Aggiornamenti automatici

· La chiave è pubblica; un elenco di siti di incorporamento consentiti/vietati previene gli abusi (vince l’elenco dei vietati); puoi mettere in pausa o riprendere in qualsiasi momento.
· L’editor gira sul dominio proprio di TutuAudio (isolato); la tua pagina non può accedere ad alcuna credenziale di TutuAudio.
· Il componente è self-hosted e aggiornato automaticamente da TutuAudio —— gli aggiornamenti delle funzionalità non richiedono modifiche al codice da parte tua; zero manutenzione.