SJ88Cute
web video editor · 4 versions live
🚀 เปิด V23 📚 Project 🌸 Hub
✿ WEB VIDEO EDITOR · 2026

CapCut-style editor
100% ใน browser

ตัดต่อวิดีโอแบบ CapCut ทำงานใน browser ทั้งหมด · ไม่ต้องอัปโหลดไฟล์ · render MP4 ด้วย FFmpeg.wasm · multi-track + AI features + chroma key · 4 versions ใช้งานจริงบน codehub.sj88ai.com

🚀 เปิด V23 (latest) 💎 V11 (UI redesign) 🎬 V1 (base)
150+
Features
34
Versions
4
Live URLs
100%
Thai UI
0
Upload

🚀 Live Versions

4 deployments
🎬
BASE

V1 — CapCut Web Base

Multi-track timeline · split · 12 transitions · 8 effects · Whisper captions · MP4 export

V1 Port 31001
🚀 เปิด
💎
UI

V11 — Kawaii Pink UI

UI/UX overhaul · design tokens · Button + Panel reusable components · 10 component upgrades

V11 Port 31011
🚀 เปิด
🤖
AI

V22 — AI Bundle

Auto-Zoom · Voice Isolation · Voice Enhance · Smart Trim · Engagement Heatmap · 5 AI tools

V22 Port 31022
🚀 เปิด
⚡
LATEST

V23 — Quick Wins

Keyboard Shortcuts · Multi-select · 3D LUT Presets (Teal & Orange, Cinematic F35, Vintage, B&W, Noir, Warm)

V23 Port 31023
🚀 เปิด

✨ Features

all working
🎬
Multi-track timeline3 video + 2 audio tracks · PIP
🪟
Chroma KeyGreen screen removal (V16)
🤖
AI BundleAuto-Zoom + Voice Iso + Smart Trim + Heatmap
⏩
Speed RampVariable speed curves (V29.6)
🎨
Color Filter Presets25 presets · Strength slider (V29.9) NEW
🔍
Auto Scene CutHSV+Battacharyya + markers (V29.2-V29.3)
✂️
Cut on Scenes1-click split ตาม scene (V29.4)
🎙️
Auto SubtitleWeb Speech API + SRT/VTT (V29.5)
✨
Smart Trimตัด silence + filler words (V29.7)
🧠
AI Scene NamerLLM vision · 3 providers · heuristic fallback (V30.0) NEW
📦
Community SharingURL hash · Color Filter + Scene Names (V30.1) NEW
🇹🇭
Thai Auto-CaptionWhisper local · tiny/base (V30.2) NEW
🎚️
AI Audio EnhancerSilence · Denoise · Voice Iso · Duck · De-Reverb (V30.3) NEW
🎨
Color LabPro Curves · Levels · 3-Way · Auto Match (V30.4) NEW
🎯
Motion Trackingtemplate matching · pure browser (V31.0) NEW
📱
Auto Reframe9:16 / 1:1 / 16:9 · face-aware (V31.1) NEW
📝
Text OverlayFont/size/color/anim
🖼️
Image OverlayScale/rotate
🎵
Auto CaptionsWhisper-tiny TH/EN
🔀
Transitions12 effects library
🔇
Silence CutOne-click ตัดทั้งหมด
🎤
Noise Reductionafftdn filter
🌊
WaveformMini + keyframes
👤
Multi-User AuthJWT + cloud storage
📱
Mobile FriendlyResponsive
⌨️
Keyboard Shortcuts36 keys · ? to view
🎯
Multi-selectShift+click · Cmd+A/D/G
📤
MP4 ExportFFmpeg.wasm · WebCodecs

🛠️ How it works

100% client

🔧 Stack

Frontend: Next.js 14 · TypeScript · Zustand · Tailwind

Video Engine: FFmpeg.wasm (in-browser) · SharedArrayBuffer · WebCodecs

Backend (auth): Node.js · Express · SQLite · JWT · port 3019

Deployment: 4 Next.js apps on ports 31001/31011/31022/31023 · nginx reverse proxy · COEP/COOP headers

🌐 How each version is served

Nginx location ^~ block per version proxies to its dedicated backend port. Path prefix stripped via trailing-slash proxy_pass. sub_filter rewrites /_next/ paths in HTML output. A catch-all /_next/ → V23 backend serves the static chunks (Next.js hardcodes those paths in JS bundles).

🌸 Try it

คลิก "🚀 เปิด V23" ด้านบน — จะเห็น editor เต็มรูปแบบ พร้อม drag & drop video, AI captions, chroma key, export MP4 ได้ทันทีใน browser.

ไม่ต้องสมัคร · ไม่ต้องติดตั้ง · ไม่ต้องอัปโหลด · ทุกอย่าง run ในเครื่องคุณ