图图音频 · 可嵌入组件

一行代码,网站秒接音频编辑器

把图图音频编辑器(剪辑 / 降噪 / 混音 / 母带)嵌入你的任意网站。访客直接在你站内剪音频, 可配置主题,产品更新自动生效、你零维护。

复制即用 · 粘到网站 </body> 前

<script src="https://tutuaudio.com/embed.js"
        data-key="pk_live_你的公钥"
        data-mount="#aa-editor" defer></script>

把 pk_live_你的公钥 换成控制台生成的公钥;容器 #aa-editor 需有宽高。可设域名白/黑名单,只在你的网站显示。

在线体验

点下方按钮,在本页直接体验嵌入的音频编辑器。

JS API(需要回调/自定义时)

<script src="https://tutuaudio.com/embed.js"></script>
<script>
  const aa = TutuAudio.mount('#aa-editor', {
    key: 'pk_live_你的公钥',
    theme: 'auto',            // auto | light | dark
    onSave: (file) => {
      // file.dataUrl = 混音成品(WAV, base64)
      upload(file.dataUrl);
    }
  });
  aa.open('https://your.site/sound.mp3'); // 导入一段音频
</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()全屏浮层被关闭。

安全 · 自动更新

· 公钥公开,靠接入站点白/黑名单兜底防盗用(黑名单优先);可随时启停。
· 编辑器运行在图图音频自己的域(隔离);你的页面拿不到任何图图音频凭证。
· 组件由图图音频自托管、自动更新 —— 功能升级你无需改代码、零维护。