วิดเจ็ตที่ฝังได้

โค้ดบรรทัดเดียว — เพิ่มโปรแกรมตัดต่อวิดีโอลงเว็บของคุณในไม่กี่วินาที

ฝังตัวแก้ไขไทม์ไลน์ของ TutuCut (ตัด / ซับ / เอฟเฟกต์ / ทรานซิชัน) ลงในเว็บใดก็ได้ของคุณ ผู้เข้าชมตัดต่อวิดีโอบนเว็บของคุณได้เลย ปรับธีมและเครื่องมือได้ อัปเดตมีผลอัตโนมัติ และคุณไม่ต้องดูแลอะไร

ลองใช้สด ดูโค้ด สร้างคีย์ (ไม่ต้องรออนุมัติ)

คัดลอกแล้ววาง · วางไว้ก่อน </body> ของเว็บคุณ

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

แทนที่ pk_live_YOUR_KEY ด้วยคีย์ที่คุณสร้างเองในคอนโซล (ผู้ใช้ที่ลงทะเบียนคนใดก็ได้ ไม่ต้องรออนุมัติ มีผลทันที) คอนเทนเนอร์ #cc-editor ต้องมีความกว้างและสูง เมื่อผสานให้ลงทะเบียน URL ที่ฝัง (ไวต์ลิสต์ สำหรับ dev เครื่องตัวเองใช้ localhost) จะแสดงเฉพาะบนเว็บที่คุณลงทะเบียนเท่านั้น

ลองใช้สด

คลิกปุ่มด้านล่างเพื่อลองใช้โปรแกรมตัดต่อวิดีโอที่ฝังไว้บนหน้านี้ได้เลย

JS API (สำหรับ callback / การปรับแต่ง)

<script src="https://tutucut.com/embed.js"></script>
<script>
  const cc = TutuCut.mount('#cc-editor', {
    key: 'pk_live_YOUR_KEY',
    theme: 'auto',            // auto | light | dark
    onSave: (file) => {
      // file.dataUrl = current frame image (base64)
      upload(file.dataUrl);
    }
  });
  cc.open('https://your.site/clip.mp4'); // import a media clip
</script>

อ้างอิงพารามิเตอร์ทั้งหมด

พารามิเตอร์	ชนิด	คำอธิบาย
key	string	คีย์สาธารณะ pk_ ของคุณ (สร้างในคอนโซล) จำเป็น
theme	'auto'\|'light'\|'dark'	ธีม; auto จะตามโหมดสว่าง-มืดของโฮสต์/ระบบ
hideHeader	boolean	ซ่อนแถบด้านบน (เมื่อสร้าง UI เองและส่งออกด้วย export())
hideOpen	boolean	ซ่อนปุ่ม "เปิดสื่อ"
hideExport	boolean	ซ่อนปุ่ม "ส่งออกและดาวน์โหลด"
saveText	string	ข้อความปุ่ม "เสร็จ" (ค่าเริ่มต้น "เสร็จและส่งกลับ", ไม่เกิน 16 อักขระ)

เมท็อด

cc.open(url, name?)นำเข้าคลิปสื่อเข้าไทม์ไลน์ (url วิดีโอ/เสียง/รูปภาพ หรือ dataURL)
cc.export(format?)ส่งออกเฟรมปัจจุบัน → Promise<{dataUrl,mime,size}>
cc.setTheme('dark')สลับธีมขณะทำงาน
cc.destroy()ถอดวิดเจ็ต (ลบ iframe)

คอลแบ็กเหตุการณ์

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

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

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