TutuAudio · Composant intégrable

Une ligne de code,ajoutez un éditeur audio à votre site en quelques secondes

Intégrez l'éditeur TutuAudio (couper / réduire le bruit / mixer / masteriser) dans n'importe quel site web. Les visiteurs éditent l'audio directement sur votre site, les thèmes sont configurables et les mises à jour du produit s'appliquent automatiquement : zéro maintenance pour vous.

Essayer en direct Voir le code Générer une clé

Copier-coller · avant la balise </body> de votre page

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

Remplacez pk_live_YOUR_KEY par une clé générée dans la console ; le conteneur #aa-editor doit avoir une largeur et une hauteur. Vous pouvez définir une liste de domaines autorisés/interdits pour qu'il n'apparaisse que sur votre propre site.

Essayer en direct

Cliquez sur le bouton ci-dessous pour essayer l'éditeur audio intégré ici même.

API JS (pour les callbacks / la personnalisation)

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

Options de configuration complètes

Paramètre	Type	Description
key	string	Votre clé publique pk_ (générée dans la console). Obligatoire.
theme	'auto'\|'light'\|'dark'	Thème ; auto suit le mode clair ou sombre de l'hôte/système.
saveText	string	Libellé du bouton « Terminé » (par défaut « Terminer et renvoyer », ≤16 caractères). Avec onSave, ce bouton s'affiche dans la barre supérieure native de l'éditeur.
hideSuite	boolean	Masquer le lanceur de la suite (masqué par défaut lors de l'intégration, pour réduire les distractions).
hideAccount	boolean	Masquer les contrôles de connexion/compte (masqués par défaut lors de l'intégration ; l'hôte gère la connexion).
hideExport	boolean	Masquer le bouton d'export/téléchargement intégré de l'éditeur (lorsque vous utilisez uniquement « Terminer et renvoyer »).
hideLang	boolean	Masquer le sélecteur de langue (l'hôte le contrôle via tt_locale).
hideTheme	boolean	Masquer le commutateur clair/sombre (l'hôte le contrôle via tt_theme).

Méthodes

aa.open(url, name?)Importez un clip audio dans une piste (une url audio/vidéo/image ou dataURL).
aa.export()Effectuez le rendu du mixage hors ligne et exportez en WAV → Promise<{dataUrl,mime,size}>.
aa.setTheme('dark')Changer de thème à l'exécution.
aa.destroy()Démonter le composant (supprime l'iframe).

Callbacks d'événements

onReady()L'éditeur est prêt.
onSave(file)L'utilisateur clique sur « Terminé » → file.dataUrl est le mixage final (WAV).
onError(e)e.message est lisible par un humain (non activé / sans autorisation / échec du chargement).
onClose()La surcouche plein écran a été fermée.

Sécurité · Mises à jour automatiques

· La clé est publique ; une liste de sites d'intégration autorisés/interdits empêche toute utilisation abusive (la liste d'interdiction l'emporte) ; vous pouvez suspendre ou reprendre à tout moment.
· L'éditeur s'exécute sur le domaine propre de TutuAudio (isolé) ; votre page ne peut accéder à aucun identifiant de TutuAudio.
· Le composant est auto-hébergé et mis à jour automatiquement par TutuAudio —— les évolutions de fonctionnalités ne nécessitent aucune modification de code de votre côté ; zéro maintenance.