📖 Overview
CapCut-style web editor · 18 versions
🛠️ Tech Stack
Next.jsFFmpeg.wasm
🏷️ Tags
- video
- editor
- ffmpeg
SJ88Cute — V24 Portfolio Hub + AI Guide
released 2026-07-08🗣️ User Command
เอา App ไปติดตั้งในนั้นจริงแล้ว ให้เป็นแบบ https://codehub.sj88ai.com/SJ88-Video-Editor-Pro/V1
🤖 AI Response
เพิ่ม SJ88Cute เป็น project ใน CodeHub — สร้าง project + add versions V0.01 ถึง V24 พร้อม meta + screenshots + key code files · จะอยู่ที่ /project/sj88-video-editor-pro/ ใน CodeHub
✅ What Changed
- ["Project created in CodeHub", "Will add 18 versions: V0.01 → V24"]
SJ88Cute V24 — Portfolio Hub + AI Guide (Code-gated docs)
released 2026-07-08🗣️ User Command
ศึกษา codehub AI guide แล้วทำแบบเดียวกันที่ VPS 3001/3002
🤖 AI Response
2 code-gated static HTML pages (kawaii pink theme, code 88888888): (1) AI Guide at :3001/ai-guide.html — 6 sections, 6 tables, 3754-char copyable payload · (2) Portfolio Hub at :3002/ — 13 project cards, 6 stats, advanced section hidden until unlock · Updated tutorial with new CTAs
✅ What Changed
- ["AI Guide page (:3001/ai-guide.html)", "Portfolio Hub (:3002/)", "Code gate pattern (88888888)", "Updated tutorial CTAs", "GitHub commit 29248d2"]
SJ88Cute V23 — Quick Wins (Shortcuts + Multi-select + 3D LUT Presets)
released 2026-07-08🗣️ User Command
เพิ่ม shortcuts + multi-select + LUT presets
🤖 AI Response
ShortcutsModal with 36 keys in 6 categories (? to open) + Multi-select (Shift+click, Cmd+A, Cmd+D duplicate, Cmd+G group) + 6 LUT .cube presets (Teal Orange, Cinematic F35, Vintage, B&W, Noir, Warm) + FFmpeg lut3d=file= integration + 3-col picker with gradient swatches
✅ What Changed
- ["Shortcuts modal (36 keys)", "Multi-select (Shift+click)", "Cmd+A/D/G shortcuts", "6 LUT .cube presets", "FFmpeg lut3d integration", "Gradient swatch picker"]
SJ88Cute V22 — AI Bundle (Auto-Zoom + Voice Iso/Enhance + Smart Trim + Heatmap)
released 2026-07-08🗣️ User Command
เพิ่ม AI tools — auto zoom, voice enhancement, smart trim, heatmap
🤖 AI Response
5 AI tools: (1) Auto-Zoom from subtitles via zoompan filter · (2) Voice Isolation via highpass+lowpass · (3) Voice Enhance via acontrast+acompressor · (4) Smart Trim filler word detection (TH: เอ่อ/อืม EN: uh/um) · (5) Engagement Heatmap (60 loud buckets, HSL gradient) + AITrackSettings type + UI in TrackProperties
✅ What Changed
- ["Auto-Zoom from subtitles", "Voice Isolation", "Voice Enhance", "Smart Trim (filler words)", "Engagement Heatmap", "AITrackSettings type", "AI panel UI"]
SJ88Cute V16 — Chroma Key / Green Screen
released 2026-07-08🗣️ User Command
ทำ green screen — chroma key ลบพื้นหลัง
🤖 AI Response
ChromaKey interface + Clip.chromaKey? + FFmpeg chromakey=0xRRGGBB:sim:blend filter + 4 presets (เขียว/น้ำเงิน/แดง/ขาว) + 2 sliders (similarity/blend) + green dot badge when enabled
✅ What Changed
- ["ChromaKey type", "FFmpeg chromakey filter", "4 color presets", "2 sliders", "Color picker UI", "Green dot badge"]
SJ88Cute V12 — Multi-User Auth + Cloud Storage
released 2026-07-08🗣️ User Command
เพิ่ม login + cloud storage — แต่ละ user เก็บ project ใน server
🤖 AI Response
Backend Node.js + Express + better-sqlite3 + JWT + bcrypt + multer on :3019 + 13 endpoints (register/login/me/projects/assets) + Per-user filesystem at /opt/capcut-auth/users/{id}/ + storage mode picker (auto/local/server) in TopBar
✅ What Changed
- ["Node.js auth backend on :3019", "13 API endpoints", "Per-user project storage", "JWT 30-day tokens", "bcrypt password hashing", "Storage mode picker", "Multi-user support"]
SJ88Cute V11 — UI/UX overhaul (kawaii pink design system)
released 2026-07-08🗣️ User Command
redesign UI ให้สวยขึ้น — modern, kawaii pink
🤖 AI Response
Tailwind tokens + globals.css design system + Button.tsx + Panel.tsx + 10 component overhauls (gradient logo, glass nav, pill transport, animated dropzone, rounded play, diamond playhead, chevron sections)
✅ What Changed
- ["Design system (CSS vars + tokens)", "Button + Panel reusable components", "10 component overhauls", "Kawaii pink theme", "Glass nav + gradient logo"]
SJ88Cute V10.2 — One-click 'ตัดทั้งหมด' button for silence cut
released 2026-07-08🗣️ User Command
ทำ silence cut ให้ง่ายขึ้น
🤖 AI Response
One-click 'ตัดทั้งหมด' button (replaces 2-step detect+delete) + clear error toasts + better UX feedback
✅ What Changed
- ["One-click cut all", "Better error toasts", "UX improvements"]
SJ88Cute V10.1 — Tutorial HTML + README update
released 2026-07-08🗣️ User Command
อัพเดท tutorial + เพิ่ม User × AI log ใน README
🤖 AI Response
Tutorial HTML at :3001 + chronological User × AI command log + V3 history table in README + full journey documented
✅ What Changed
- ["Tutorial HTML page", "User × AI log", "V3 history table", "Full journey docs"]
SJ88Cute V10 — V3 Mega release (text/image overlay + speed ramp + color grading + templates)
released 2026-07-08🗣️ User Command
เพิ่ม 5 ฟีเจอร์ใหญ่: text overlay + image overlay + speed ramp + color grading + templates
🤖 AI Response
Text overlay system (font/size/color/anim) + image overlay with scale/rotate + speed ramp with curve editor + 8 color grading presets + 4 project templates
✅ What Changed
- ["Text overlay system", "Image overlay (scale/rotate)", "Speed ramp curve", "8 color grading presets", "4 project templates", "V3 Mega release"]
SJ88Cute V9 — Multi-Video PIP (3 video tracks + Picture-in-Picture)
released 2026-07-08🗣️ User Command
ทำ Picture-in-Picture ได้ — 3 video tracks
🤖 AI Response
3 video tracks + PIP positioning (6 preset positions: corners + center) + per-track scale + per-track opacity + FFmpeg overlay filter with even-dim padding for yuv420p
✅ What Changed
- ["3 video tracks support", "PIP with 6 positions", "Per-track scale/opacity", "FFmpeg overlay with padding"]
SJ88Cute V8 — Track Waveform (mini + ghost + keyframes curve)
released 2026-07-07🗣️ User Command
เพิ่ม waveform ใน track + เห็นเสียงใน timeline
🤖 AI Response
3 phases: (1) MiniWaveform on each clip from decoded audio peaks · (2) Volume keyframes with curve editor · (3) GhostWaveform showing original track when clips are rearranged
✅ What Changed
- ["MiniWaveform on each clip", "Volume keyframes with curve", "GhostWaveform for rearrangement", "Audio peaks extraction"]
SJ88Cute V7 — 5 features (subtitle styling + project naming + volume keyframes + mobile + share)
released 2026-07-07🗣️ User Command
เพิ่ม 5 ฟีเจอร์: subtitle styling + project naming + volume keyframes + mobile + share link
🤖 AI Response
Subtitle style editor (font/size/color/outline/shadow) + project name input + volume keyframes per clip + mobile responsive layout + share link with project state in URL hash
✅ What Changed
- ["Subtitle styling panel", "Project naming UI", "Volume keyframes", "Mobile responsive", "Share link with state"]
SJ88Cute V6 — Export bug fix (ffmpeg-core bundled)
released 2026-07-07🗣️ User Command
export ไม่ได้ มี error worker
🤖 AI Response
Bundle ffmpeg-core locally + worker.js workaround for CORS + better error messages + verified export works in headless Chrome
✅ What Changed
- ["FFmpeg-core bundled in /public", "Worker.js CORS workaround", "Better error toasts", "Verified in headless Chrome"]
SJ88Cute V2.1 — Video Audio Extract + Whisper cache
released 2026-07-07🗣️ User Command
แก้ Whisper hallucination + เพิ่ม video audio extract
🤖 AI Response
Whisper hallucination filter (skip pure silence segments) + 7-day cache for transcripts + Audio extract from video (split audio track from MP4)
✅ What Changed
- ["Whisper hallucination filter", "Transcript cache (7 days)", "Audio extract feature", "Better caption accuracy"]
SJ88Cute V2 — 5 features (auto-save + export presets + transitions + auto-captions + AI Editor)
released 2026-07-07🗣️ User Command
เพิ่ม 5 ฟีเจอร์: auto-save + export presets + transitions + auto-captions + AI Editor
🤖 AI Response
localStorage auto-save every 5s + 3 export presets (720p/1080p/4K) + 5 new transitions + Whisper auto-captions (TH/EN) + AI Editor that suggests best clip order
✅ What Changed
- ["Auto-save to localStorage", "3 export resolution presets", "5 additional transitions", "Whisper auto-captions", "AI Editor (smart clip ordering)"]
SJ88Cute V1.3 — Demo Button + Empty State + 404 fix
released 2026-07-07🗣️ User Command
fix 404 + เพิ่ม demo button + empty state
🤖 AI Response
Demo button loads sample media + empty state when no assets + 404 page fixed with link back to home
✅ What Changed
- ["Demo button with sample media", "Empty state UI", "404 page fixed"]
SJ88Cute V1.2 — Noise Reduction (afftdn)
released 2026-07-07🗣️ User Command
เพิ่ม noise reduction ให้ audio track
🤖 AI Response
Track-level property panel + FFmpeg afftdn filter (FFT-based denoise) + slider control + before/after waveform preview
✅ What Changed
- ["Audio noise reduction via afftdn", "Track properties panel", "Before/after waveform comparison", "13-noise-before-after.png demo"]
SJ88Cute - CapCut-style Web Video Editor
released 2026-07-08🗣️ User Command
Ship SJ88Cute video editor as a single-file landing page that showcases all 4 live versions (V1/V11/V22/V23) deployed at /SJ88-Video-Editor-Pro/V{N}/
🤖 AI Response
Built self-contained HTML landing page with kawaii pink theme showing all 4 versions · Each version links to its dedicated deployment on codehub.sj88ai.com · Acts as canonical /sj88-video-editor-pro/ entry point that ship.py can deploy
✅ What Changed
- ["Built landing HTML with hero + stats + 4 version cards + 18 feature pills + tech stack info", "All links point to live V1/V11/V22/V23 backends on the same codehub VPS", "Next.js apps already deployed via custom nginx snippets, this is the unified entry"]
SJ88Cute V0.01 — Base empty editor scaffold
released 2026-07-07🗣️ User Command
สร้าง web video editor แบบ CapCut ด้วย AI ไม่ต้องเขียน code
🤖 AI Response
Next.js 14 + TypeScript scaffold · basic timeline UI · drop zone for media · play/pause controls · empty editor ready for features
✅ What Changed
- ["Base Next.js project", "Empty editor UI", "Timeline placeholder", "Drop zone", "Play controls"]
SJ88Cute V0.00 — placeholder to fix category
released 2026-07-07🗣️ User Command
placeholder
🤖 AI Response
placeholder
✅ What Changed
- []