TutuCut

Trình chỉnh sửa video nhúng được

Một dòng mã đưa trình dựng video theo dòng thời gian vào trang web của bạn.

Tiện ích nhúng Dùng thử trực tiếp Xem mã Tạo khóa (không cần duyệt)

Thành phần nhúng của TutuCut: chỉ một dòng mã là đưa được trình dựng video theo dòng thời gian (cắt ghép, phụ đề, hiệu ứng, chuyển cảnh) vào bất kỳ trang web nào. Giao diện, công cụ và việc xuất đều tuỳ chỉnh được, hỗ trợ danh sách tên miền cho phép và chặn, bản cập nhật trình biên tập tự có hiệu lực.

Một thẻ script là đặt được trình dựng theo dòng thời gian của TutuCut vào trang của bạn. Khách cắt ghép, thêm phụ đề và hiệu ứng ngay tại đó; khi bấm Xong, khung hình hiện tại được gửi cho trang của bạn dưới dạng ảnh qua callback onSave.

Sao chép & dán · đặt trước </body> của trang bạn 
<script src="https://tutucut.com/embed.js"
        data-key="pk_live_YOUR_KEY"
        data-mount="#cc-editor" defer></script>

Thay pk_live_YOUR_KEY bằng khóa bạn tự tạo trong bảng điều khiển (bất kỳ người dùng đã đăng ký nào, không cần duyệt, hiệu lực ngay); vùng chứa #cc-editor cần có chiều rộng và chiều cao. Khi tích hợp, hãy đăng ký URL nhúng của bạn (danh sách trắng; dùng localhost cho phát triển cục bộ) — nó chỉ hiển thị trên các trang bạn đã đăng ký.

Dùng thử trực tiếp

Nhấn nút bên dưới để thử trình chỉnh sửa video được nhúng ngay trên trang này.

JS API (cho callback / tùy chỉnh)

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

Tham chiếu đầy đủ tham số

Tham sốKiểuMô tả
keystringKhóa công khai pk_ của bạn (tạo trong bảng điều khiển). Bắt buộc.
theme'auto'|'light'|'dark'Giao diện; auto theo chế độ sáng-tối của host/hệ thống.
hideHeaderbooleanẨn thanh trên cùng (khi bạn tự dựng UI và xuất bằng export()).
hideOpenbooleanẨn nút "Mở phương tiện".
hideExportbooleanẨn nút "Xuất & tải xuống".
saveTextstringVăn bản nút "Xong" (mặc định "Xong & gửi lại", ≤16 ký tự).

Phương thức

  • cc.open(url, name?)Nhập một đoạn phương tiện vào dòng thời gian (url video/âm thanh/hình ảnh hoặc dataURL).
  • cc.export(format?)Xuất khung hình hiện tại → Promise<{dataUrl,mime,size}>.
  • cc.setTheme('dark')Chuyển giao diện lúc chạy.
  • cc.destroy()Gỡ tiện ích (xóa iframe).

Callback sự kiện

  • onReady()Trình chỉnh sửa đã sẵn sàng.
  • onSave(file)Người dùng nhấn "Xong" → file.dataUrl là ảnh khung hình hiện tại.
  • onError(e)e.message ở dạng dễ đọc (chưa bật / không có quyền / tải thất bại).
  • onClose()Lớp phủ toàn màn hình đã đóng.

Bảo mật · tự động cập nhật

  • · Tự phục vụ, tự động duyệt: bất kỳ người dùng đã đăng ký nào cũng nhận được khóa bằng cách đăng ký tên trang + URL nhúng trong bảng điều khiển, hiệu lực ngay.
  • · Khóa là công khai; việc lạm dụng được ngăn bằng danh sách cho phép/chặn theo URL đã đăng ký (chặn được ưu tiên). Tên miền chưa đăng ký sẽ bị từ chối kèm lời nhắc đăng ký; bạn có thể bật hoặc tắt bất cứ lúc nào.
  • · Thống kê theo Origin thực: mỗi lần tải được tính theo Origin (kể cả bị chặn); bảng điều khiển hiển thị chi tiết theo nguồn, và tên miền chưa đăng ký có thể thêm vào danh sách trắng chỉ với một cú nhấp.
  • · Trình chỉnh sửa chạy trên chính miền của TutuCut (cách ly); trang của bạn không thể truy cập bất kỳ thông tin xác thực TutuCut nào, và tác phẩm riêng tư của khách trên TutuCut không bao giờ xuất hiện trong tiện ích nhúng.
  • · Tiện ích được TutuCut tự lưu trữ và tự động cập nhật — nâng cấp tính năng không cần bạn đổi mã và không phải bảo trì.

Câu hỏi thường gặp

Có ảnh hưởng đến thiết lập cô lập nguồn chéo của trang tôi không?
Không. Trình biên tập chạy trong iframe trên tên miền riêng của TutuCut và không cần SharedArrayBuffer, nên trang của bạn không phải thêm header COOP / COEP.
Video của khách có bị tải lên máy chủ của các bạn không?
Không. Việc chỉnh sửa diễn ra trong trình duyệt của chính khách, và chế độ nhúng thậm chí không để lại bản nháp ở đó. Trang của bạn chỉ nhận ảnh được giao khi khách bấm Xong.
Lấy khóa bằng cách nào?
Đăng nhập, đăng ký tên trang và URL nhúng trong bảng điều khiển là có ngay khóa công khai dùng được liền. Bản thân khóa là công khai; việc dùng trộm bị chặn bằng danh sách URL cho phép và chặn mà bạn đăng ký (chặn được ưu tiên).

Công cụ liên quan