TutuAudio · Componente incorporável

Uma linha de código,adicione um editor de áudio ao seu site em segundos

Incorpore o editor TutuAudio (cortar / reduzir ruído / mixar / masterizar) em qualquer site. Os visitantes editam áudio diretamente no seu site, os temas são configuráveis e as atualizações do produto são aplicadas automaticamente: zero manutenção para você.

Experimente ao vivo Ver o código Gerar uma chave

Copiar e colar · antes da </body> tag

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

Substitua pk_live_YOUR_KEY por uma chave gerada no console; o contêiner #aa-editor precisa de largura e altura. Você pode definir uma lista de domínios permitidos/bloqueados para que apareça apenas no seu próprio site.

Experimente ao vivo

Clique no botão abaixo para experimentar o editor de áudio incorporado aqui mesmo.

API JS (para callbacks / personalização)

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

Opções completas de configuração

Parâmetro	Tipo	Descrição
key	string	Sua chave pública pk_ (gerada no console). Obrigatória.
theme	'auto'\|'light'\|'dark'	Tema; auto segue o modo claro ou escuro do host/sistema.
saveText	string	Texto do botão «Concluído» (padrão «Concluir e devolver», ≤16 caracteres). Com onSave, esse botão aparece na barra superior nativa do editor.
hideSuite	boolean	Ocultar o iniciador da suíte (oculto por padrão ao incorporar, para reduzir distrações).
hideAccount	boolean	Ocultar os controles de login/conta (ocultos por padrão ao incorporar; o host gerencia o login).
hideExport	boolean	Ocultar o botão de exportar/baixar próprio do editor (quando você usa apenas «Concluir e devolver»).
hideLang	boolean	Ocultar o seletor de idioma (o host o controla via tt_locale).
hideTheme	boolean	Ocultar a alternância de claro/escuro (o host a controla via tt_theme).

Métodos

aa.open(url, name?)Importe um clipe de áudio para uma faixa (uma url de áudio/vídeo/imagem ou dataURL).
aa.export()Renderize a mixagem offline e exporte WAV → Promise<{dataUrl,mime,size}>.
aa.setTheme('dark')Alternar o tema em tempo de execução.
aa.destroy()Desmontar o componente (remove o iframe).

Callbacks de eventos

onReady()O editor está pronto.
onSave(file)O usuário clica em «Concluído» → file.dataUrl é a mixagem finalizada (WAV).
onError(e)e.message é legível por humanos (não habilitado / sem permissão / falha ao carregar).
onClose()A camada em tela cheia foi fechada.

Segurança · Atualizações automáticas

· A chave é pública; uma lista de sites de incorporação permitidos/bloqueados impede o uso indevido (a lista de bloqueio prevalece); você pode pausar ou retomar a qualquer momento.
· O editor é executado no domínio do próprio TutuAudio (isolado); sua página não consegue acessar nenhuma credencial do TutuAudio.
· O componente é auto-hospedado e atualizado automaticamente pelo TutuAudio —— as melhorias de recursos não exigem alterações de código do seu lado; zero manutenção.