圖圖音頻 · 可嵌入元件

一行程式碼,網站秒接音訊編輯器

把圖圖音頻編輯器(剪輯 / 降噪 / 混音 / 母帶)嵌入你的任意網站。訪客直接在你站內剪音訊,可配置主題,產品更新自動生效、你零維護。

複製即用 · 粘到網站 </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()全屏浮層被關閉。

安全 · 自動更新

· 公鑰公開,靠接入站點白/黑名單兜底防盜用(黑名單優先);可隨時啟停。
· 編輯器執行在圖圖音頻自己的域(隔離);你的頁面拿不到任何圖圖音頻憑證。
· 元件由圖圖音頻自託管、自動更新 —— 功能升級你無需改程式碼、零維護。