video-sync — Ghép video kèm thông tin phân cảnh
Ghép video gốc với dữ liệu phân tích cảnh (shots.json) thành một video 'bản giải thích' có bảng thông tin tự đổi theo từng cú máy.
Ảnh · VideoTrung cấp★ 885⑂ 111Điểm AI 8/10Cập nhật lần cuối: 9 thg 10, 2026
Giúp được gì
- Kết hợp
shots.json(đầu ra của skill video-shots) với video gốc: một bên là hình ảnh, một bên là thông tin cú máy hiện tại (số cảnh, thời điểm vào/ra, độ dài, cỡ cảnh, phân loại, chuyển động camera, mô tả, thoại). - Cắt cảnh thì bảng thông tin đổi theo; danh sách cảnh tự cuộn và tô sáng dòng đang chạy.
- Bố cục chỉ dựa vào tỉ lệ khung: ngang/vuông → hình trên, thông tin dưới; dọc → hình bên trái, thông tin bên phải. Hình luôn giữ nguyên tỉ lệ, không crop, không kéo méo.
- Chỉ chụp 3 ảnh (nền + 2 ảnh dài của danh sách cảnh: một mờ, một sáng); hiệu ứng cuộn và highlight do ffmpeg cắt khung theo thời gian. Phim 53 cảnh render bảng chỉ ~12 giây.
- Muốn đổi bố cục chỉ cần sửa
scripts/panel.css, xem trước bằng cách mởpanels/panel.htmltrong trình duyệt.
Phù hợp với ai
- Người dựng phim, giảng viên quay dựng muốn xuất bản phân tích cú máy dưới dạng video
- Nhà sáng tạo nội dung làm video bình luận/phân tích phim tham khảo
- Ai đã có dữ liệu phân cảnh từ skill video-shots và cần trực quan hoá nó
Ví dụ sử dụng
- Kiểm tra hình học trước:
node .../video-sync.mjs plan shots.json --video ref.mp4để xem bố cục và kích thước đầu ra - Xuất một lệnh:
node .../video-sync.mjs export shots.json --video ref.mp4 -o out.mp4 --frames frames - Video gốc nhỏ (640×360): thêm
--scale 2để bảng thông tin đủ rộng mà đọc được - Nghiệm thu: trích 3 frame bằng
ffmpeg -ss 30 -i out.mp4 -frames:v 1 /tmp/check.jpgvà đối chiếu số cảnh với hình
· · · Hướng dẫn cài đặt · · ·
Dùng thử ngay, không cần cài
Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.
Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình: https://raw.githubusercontent.com/eternityspring/reelbench-skills/HEAD/skills/video-sync/SKILL.md Mình muốn: (viết việc bạn cần ở đây)
Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.
↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.
Cài vào ứng dụng Claude (không cần terminal)
- Tải tệp ZIP bằng nút bên dưới.
- Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
- Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
Cài vào Claude Code
Để Claude làm — dán câu dưới đây vào Claude Code
Hãy cài skill mình tìm thấy trên Claude Skill Mart. Copy thư mục skills/video-sync từ repo GitHub eternityspring/reelbench-skills vào ~/.claude/skills/video-sync/ của mình. Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.
Cài bằng lệnh thủ công
git clone https://github.com/eternityspring/reelbench-skills.git /tmp/reelbench-skills && mkdir -p ~/.claude/skills && cp -r /tmp/reelbench-skills/skills/video-sync ~/.claude/skills/⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.
- Cài sẵn các công cụ: Node.js >= 18,
ffmpegvàffprobe, cùng Chrome (hoặc Chromium/Edge). Không cần package npm nào. - Clone repo:
git clone https://github.com/eternityspring/reelbench-skills.git - Copy skill vào thư mục Claude:
mkdir -p ~/.claude/skills && cp -r reelbench-skills/skills/video-sync ~/.claude/skills/ - Chạy self-test để xác nhận:
node ~/.claude/skills/video-sync/scripts/selftest.mjs - Khởi động lại Claude Code, rồi yêu cầu: "Ghép video này với shots.json thành video kèm thông tin phân cảnh".
- Nếu không tìm thấy Chrome, chỉ đường dẫn thủ công:
--chrome /duong/dan/chrome.
Xem mã nguồn trên GitHub ↗Giấy phép: Apache-2.0