Editor video yang bisa disematkan
Satu baris kode memasang editor video berbasis linimasa di situs Anda.
Komponen sematan TutuCut: satu baris kode membawa editor video berbasis linimasa (potong, subtitle, efek, transisi) ke situs mana pun. Tema, alat, dan ekspor bisa diatur, daftar domain yang diizinkan maupun diblokir didukung, dan pembaruan editor berlaku otomatis.
Satu tag script menaruh editor linimasa TutuCut di halaman Anda. Pengunjung memotong serta menambah subtitle dan efek di sana; saat menekan Selesai, bingkai saat ini diserahkan ke halaman Anda sebagai gambar lewat callback onSave.
</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.
Pertanyaan Umum
- Apakah memengaruhi isolasi lintas asal halaman saya?
- Tidak. Editor berjalan di iframe pada domain TutuCut sendiri dan tidak butuh SharedArrayBuffer, jadi halaman Anda tidak perlu header COOP / COEP.
- Apakah video pengunjung diunggah ke server Anda?
- Tidak. Penyuntingan terjadi di peramban pengunjung sendiri, dan mode sematan bahkan tidak meninggalkan draf di sana. Halaman Anda hanya menerima gambar yang diserahkan saat pengunjung menekan Selesai.
- Bagaimana cara mendapatkan kunci?
- Masuk, daftarkan nama situs dan URL halaman di konsol, dan Anda langsung mendapat kunci publik yang berlaku seketika. Kuncinya publik; penyalahgunaan dicegah oleh daftar URL yang diizinkan dan diblokir yang Anda daftarkan (blokir diutamakan).