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 (สำหรับ callback / การปรับแต่ง)

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

callback ของอีเวนต์

onReady()โปรแกรมตัดต่อพร้อมแล้ว
onSave(file)ผู้ใช้คลิก “เสร็จสิ้น” → file.dataUrl คือมิกซ์ที่เสร็จสมบูรณ์ (WAV)
onError(e)e.message เป็นข้อความที่เข้าใจง่าย (ยังไม่เปิดใช้งาน / ไม่มีสิทธิ์ / โหลดล้มเหลว)
onClose()เลเยอร์ซ้อนแบบเต็มจอถูกปิดแล้ว

ความปลอดภัย · อัปเดตอัตโนมัติ

· คีย์เป็นสาธารณะ; รายการอนุญาต/ปฏิเสธของเว็บไซต์ที่ฝัง ช่วยป้องกันการใช้งานโดยมิชอบ (รายการปฏิเสธมีความสำคัญเหนือกว่า) คุณสามารถหยุดชั่วคราวหรือดำเนินการต่อได้ทุกเมื่อ
· โปรแกรมตัดต่อทำงานบนโดเมนของ TutuAudio เอง (แยกอิสระ) หน้าเว็บของคุณไม่สามารถเข้าถึงข้อมูลรับรองใด ๆ ของ TutuAudio ได้
· คอมโพเนนต์ โฮสต์เองและอัปเดตอัตโนมัติ โดย TutuAudio —— การอัปเกรดฟีเจอร์ไม่ต้องแก้ไขโค้ดจากฝั่งคุณ ไม่ต้องดูแลรักษา