TutuAudio · Componente integrable

Una línea de código,añade un editor de audio a tu sitio en segundos

Integra el editor TutuAudio (cortar / reducir ruido / mezclar / masterizar) en cualquier sitio web. Los visitantes editan audio directamente en tu sitio, los temas son configurables y las actualizaciones del producto se aplican automáticamente: cero mantenimiento para ti.

Pruébalo en vivo Ver el código Generar una clave

Copiar y pegar · antes de la </body> etiqueta

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

Reemplaza pk_live_YOUR_KEY por una clave generada en la consola; el contenedor #aa-editor necesita ancho y alto. Puedes definir una lista de dominios permitidos/bloqueados para que solo aparezca en tu propio sitio.

Pruébalo en vivo

Haz clic en el botón de abajo para probar el editor de audio integrado aquí mismo.

API de JS (para callbacks / personalización)

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

Opciones de configuración completas

Parámetro	Tipo	Descripción
key	string	Tu clave pública pk_ (generada en la consola). Obligatoria.
theme	'auto'\|'light'\|'dark'	Tema; auto sigue el modo claro u oscuro del host/sistema.
saveText	string	Texto del botón «Listo» (por defecto «Finalizar y devolver», ≤16 caracteres). Con onSave, este botón se muestra en la barra superior nativa del editor.
hideSuite	boolean	Ocultar el lanzador de la suite (oculto por defecto al integrar, para reducir distracciones).
hideAccount	boolean	Ocultar los controles de inicio de sesión/cuenta (ocultos por defecto al integrar; el host gestiona el inicio de sesión).
hideExport	boolean	Ocultar el botón de exportar/descargar propio del editor (cuando solo usas «Finalizar y devolver»).
hideLang	boolean	Ocultar el selector de idioma (el host lo controla mediante tt_locale).
hideTheme	boolean	Ocultar el conmutador de claro/oscuro (el host lo controla mediante tt_theme).

Métodos

aa.open(url, name?)Importa un clip de audio a una pista (una url de audio/video/imagen o dataURL).
aa.export()Renderiza la mezcla sin conexión y exporta WAV → Promise<{dataUrl,mime,size}>.
aa.setTheme('dark')Cambiar el tema en tiempo de ejecución.
aa.destroy()Desmontar el componente (elimina el iframe).

Callbacks de eventos

onReady()El editor está listo.
onSave(file)El usuario hace clic en «Listo» → file.dataUrl es la mezcla terminada (WAV).
onError(e)e.message es legible para humanos (no habilitado / sin permiso / error de carga).
onClose()La capa a pantalla completa se cerró.

Seguridad · Actualizaciones automáticas

· La clave es pública; una lista de sitios de integración permitidos/bloqueados evita el uso indebido (la lista de bloqueo tiene prioridad); puedes pausarla o reanudarla en cualquier momento.
· El editor se ejecuta en el propio dominio de TutuAudio (aislado); tu página no puede acceder a ninguna credencial de TutuAudio.
· El componente es autoalojado y de actualización automática por TutuAudio —— las mejoras de funciones no requieren cambios de código por tu parte; cero mantenimiento.