Widget yang dapat disematkan

Satu baris kode — tambahkan editor video ke situs Anda dalam hitungan detik

Sematkan editor lini masa TutuCut (potong / subtitel / efek / transisi) ke situs mana pun milik Anda. Pengunjung mengedit video langsung di situs Anda; atur tema dan alat, pembaruan diterapkan otomatis, dan Anda tidak perlu memelihara apa pun.

Coba langsung Lihat kode Buat kunci (tanpa peninjauan)

Salin & tempel · letakkan sebelum </body> situs Anda

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

Ganti pk_live_YOUR_KEY dengan kunci yang Anda buat sendiri di konsol (setiap pengguna terdaftar, tanpa peninjauan, langsung berlaku); kontainer #cc-editor harus memiliki lebar dan tinggi. Daftarkan URL sematan saat berintegrasi (daftar putih; gunakan localhost untuk pengembangan lokal) — hanya tampil di situs yang Anda daftarkan.

Coba langsung

Klik tombol di bawah untuk mencoba editor video tersemat langsung di halaman ini.

JS API (untuk callback / kustomisasi)

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

Referensi parameter lengkap

Parameter	Tipe	Deskripsi
key	string	Kunci publik Anda pk_ (dibuat di konsol). Wajib.
theme	'auto'\|'light'\|'dark'	Tema; auto mengikuti mode terang-gelap host/sistem.
hideHeader	boolean	Sembunyikan bilah atas (saat Anda membuat UI sendiri dan mengekspor via export()).
hideOpen	boolean	Sembunyikan tombol "Buka media".
hideExport	boolean	Sembunyikan tombol "Ekspor & unduh".
saveText	string	Teks tombol "Selesai" (bawaan "Selesai & kirim balik", ≤16 karakter).

Metode

cc.open(url, name?)Mengimpor klip media ke lini masa (url video/audio/gambar atau dataURL).
cc.export(format?)Mengekspor frame saat ini → Promise<{dataUrl,mime,size}>.
cc.setTheme('dark')Mengganti tema saat runtime.
cc.destroy()Melepas widget (menghapus iframe).

Callback event

onReady()Editor siap.
onSave(file)Pengguna menekan "Selesai" → file.dataUrl adalah gambar frame saat ini.
onError(e)e.message mudah dibaca (tidak diaktifkan / tanpa izin / gagal memuat).
onClose()Overlay layar penuh ditutup.

Keamanan · pembaruan otomatis

· Swalayan, disetujui otomatis: setiap pengguna terdaftar memperoleh kunci dengan mendaftarkan nama situs + URL sematan di konsol, langsung berlaku.
· Kunci bersifat publik; penyalahgunaan dicegah dengan daftar izinkan/blokir URL terdaftar (blokir diutamakan). Domain tak terdaftar ditolak dengan ajakan mendaftar; Anda dapat mengaktifkan atau menonaktifkan kapan saja.
· Analitik origin nyata: setiap pemuatan dihitung per Origin (termasuk yang diblokir); konsol menampilkan rincian per origin, dan domain tak terdaftar dapat di-whitelist dalam satu klik.
· Editor berjalan di domain milik TutuCut sendiri (terisolasi); halaman Anda tidak dapat mengakses kredensial TutuCut apa pun, dan karya pribadi pengunjung di TutuCut tidak pernah muncul di widget tersemat.
· Widget di-host sendiri dan diperbarui otomatis oleh TutuCut — peningkatan fitur tidak memerlukan perubahan kode dari Anda dan tanpa pemeliharaan.