TutuAudio · Встраиваемый компонент

Одна строка кода — добавьте аудиоредактор на свой сайт за секунды

Встройте редактор TutuAudio (нарезка / шумоподавление / микширование / мастеринг) на любой свой сайт. Посетители редактируют аудио прямо на вашем сайте, тема настраивается, а обновления продукта применяются автоматически — вам не нужно ничего обслуживать.

Попробовать вживую Посмотреть код Сгенерировать ключ

Скопируйте и вставьте — перед </body> вашей страницы

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

Замените pk_live_YOUR_KEY на ключ, сгенерированный в консоли; контейнер #aa-editor должен иметь ширину и высоту. Вы можете задать список разрешённых/запрещённых доменов, чтобы он отображался только на вашем сайте.

Попробовать вживую

Нажмите кнопку ниже, чтобы прямо здесь попробовать встроенный аудиоредактор.

JS API (для колбэков / кастомизации)

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

Полная настройка параметров

Параметр	Тип	Описание
key	string	Ваш публичный ключ pk_ (сгенерирован в консоли). Обязательно.
theme	'auto'\|'light'\|'dark'	Тема; auto следует за светлым/тёмным режимом хоста/системы.
saveText	string	Текст кнопки «Готово» (по умолчанию «Завершить и отправить», ≤16 символов). При установленном onSave кнопка отображается в родной верхней панели редактора.
hideSuite	boolean	Скрыть лаунчер набора приложений (при встраивании скрыт по умолчанию, чтобы не отвлекать).
hideAccount	boolean	Скрыть элементы входа/аккаунта (при встраивании скрыты по умолчанию; вход управляется хостом).
hideExport	boolean	Скрыть встроенную кнопку экспорта/загрузки редактора (когда вы используете только «Завершить и отправить»).
hideLang	boolean	Скрыть переключатель языка (хост управляет им через tt_locale).
hideTheme	boolean	Скрыть переключатель светлого/тёмного режима (хост управляет им через tt_theme).

Методы

aa.open(url, name?)Импортировать аудиоклип в дорожку (url или dataURL аудио/видео/изображения).
aa.export()Выполнить офлайн-рендеринг микса и экспортировать WAV → Promise<{dataUrl,mime,size}>.
aa.setTheme('dark')Сменить тему во время выполнения.
aa.destroy()Демонтировать компонент (удаляет iframe).

Колбэки событий

onReady()Редактор готов.
onSave(file)Пользователь нажимает «Готово» → file.dataUrl — это готовый микс (WAV).
onError(e)e.message в понятной форме (не включено / нет прав / ошибка загрузки).
onClose()Полноэкранный оверлей закрыт.

Безопасность · Автообновления

· Ключ публичный; список разрешённых/запрещённых встраивающих сайтов предотвращает злоупотребление (запрещающий список имеет приоритет); вы можете приостановить или возобновить в любой момент.
· Редактор работает на собственном домене TutuAudio (изолированно); ваша страница не может получить доступ ни к каким учётным данным TutuAudio.
· Компонент размещается и автоматически обновляется силами TutuAudio —— обновления функций не требуют изменений кода с вашей стороны; никакого обслуживания.