diff --git a/public/banners/from-audio-to-a-4-minute-ai-music-video.jpg b/public/banners/from-audio-to-a-4-minute-ai-music-video.jpg
new file mode 100644
index 0000000..fd0c405
Binary files /dev/null and b/public/banners/from-audio-to-a-4-minute-ai-music-video.jpg differ
diff --git a/public/banners/from-audio-to-a-4-minute-ai-music-video.webp b/public/banners/from-audio-to-a-4-minute-ai-music-video.webp
new file mode 100644
index 0000000..1497487
Binary files /dev/null and b/public/banners/from-audio-to-a-4-minute-ai-music-video.webp differ
diff --git a/public/og/from-audio-to-a-4-minute-ai-music-video.jpg b/public/og/from-audio-to-a-4-minute-ai-music-video.jpg
new file mode 100644
index 0000000..483f4a4
Binary files /dev/null and b/public/og/from-audio-to-a-4-minute-ai-music-video.jpg differ
diff --git a/public/og/thumb/from-audio-to-a-4-minute-ai-music-video-400.webp b/public/og/thumb/from-audio-to-a-4-minute-ai-music-video-400.webp
new file mode 100644
index 0000000..dffa5c4
Binary files /dev/null and b/public/og/thumb/from-audio-to-a-4-minute-ai-music-video-400.webp differ
diff --git a/public/og/thumb/from-audio-to-a-4-minute-ai-music-video-800.webp b/public/og/thumb/from-audio-to-a-4-minute-ai-music-video-800.webp
new file mode 100644
index 0000000..132d073
Binary files /dev/null and b/public/og/thumb/from-audio-to-a-4-minute-ai-music-video-800.webp differ
diff --git a/public/og/zh-from-audio-to-a-4-minute-ai-music-video.jpg b/public/og/zh-from-audio-to-a-4-minute-ai-music-video.jpg
new file mode 100644
index 0000000..483f4a4
Binary files /dev/null and b/public/og/zh-from-audio-to-a-4-minute-ai-music-video.jpg differ
diff --git a/src/content/posts/from-audio-to-a-4-minute-ai-music-video.md b/src/content/posts/from-audio-to-a-4-minute-ai-music-video.md
new file mode 100644
index 0000000..5c7b908
--- /dev/null
+++ b/src/content/posts/from-audio-to-a-4-minute-ai-music-video.md
@@ -0,0 +1,154 @@
+---
+title: "From Audio to a 4-Minute Music Video: Orchestrating AI Lyrics, Image Gen, Video Diffusion, and Face-Swapping"
+description: "A complete production breakdown of building a 4-minute 1080p anime OP music video (Crescent Bay) with 24 storyboard scenes, AI video diffusion, and FaceFusion."
+pubDate: 2026-10-25
+category: case-studies
+tags: ["ai-video", "music-video", "veo", "imagen", "face-swapping", "ffmpeg", "remotion"]
+ogImage: "/og/from-audio-to-a-4-minute-ai-music-video.jpg"
+banner: "/banners/from-audio-to-a-4-minute-ai-music-video.jpg"
+draft: false
+---
+
+Most AI video demonstrations end after five seconds: a stunning single-shot clip of a character turning their head or raindrops hitting a puddle. It looks cinematic in a tweet, but assembling a complete four-minute music video (240 seconds) across 24 consecutive scenes is an entirely different engineering challenge.
+
+The moment you scale from one shot to twenty-four, generative pipelines fall apart in predictable ways:
+1. **Character and costume drift:** Scene 3 features a maiden in pale cyan silk; by Scene 5 she is wearing dark velvet with a different hairstyle.
+2. **Context fatigue in LLM prompt generation:** Asking a language model to spit out 24 scene prompts in one prompt leads to truncated descriptions and dropped character tokens past Scene 12.
+3. **The 10-second distortion trap:** Generative video models (Kling, Runway, Minimax, Google Veo) struggle with 10-second clips; natural motions conclude in 2 seconds, and the model fills the remaining 8 seconds with distorted limbs or spinning heads.
+4. **Transition black-dips:** Chaining 24 independent clips with naive fade-to-black creates an annoying strobe effect that ruins immersion.
+
+To prove an end-to-end automated pipeline could produce a full-length, release-ready piece, I produced a complete J-Rock anime OP remake of the classic track **Crescent Bay (月牙湾)**.
+
+Here is the finished 4-minute 1080p music video:
+
+
+
+
+
+---
+
+## 1. End-to-End Pipeline Architecture
+
+The entire workflow is split into four decoupled stages rather than one monolithic script:
+
+```
+[Master Audio (240s MP3) + Lyrics]
+ │
+ ▼
+[Stage 1: LLM Screenwriter & Visual DNA]
+ ├─ 24 Time-Grid Lyric Slots (10s per slot)
+ └─ Global Visual DNA Constants (Character, Environment, Lighting, 50mm Lens)
+ │
+ ▼
+[Stage 2: 24 Atomic Variable Slots]
+ ├─ Boolean include_character switch
+ ├─ Rule-of-thirds composition (Left / Right negative space)
+ └─ Deterministic Code Assembler (Zero Prompt Drift)
+ │
+ ▼
+[Stage 3: Image-to-Video Diffusion & Face Consistency]
+ ├─ Text-to-Image (Imagen 3 / Flux) -> 24 Still Frames (16:9)
+ ├─ Image-to-Video (Veo 2 / Kling) -> 24 x 10s Fluid Clips
+ └─ High-precision Face-Swapping (FaceFusion / Insplagger) on portrait shots
+ │
+ ▼
+[Stage 4: Programmatic Video Assembly & Subtitles]
+ ├─ FFmpeg Constant-Power (P^0.78) Smooth Crossfade (Zero Black-Screen Dip)
+ ├─ Remotion React 1080p Engine (Dynamic Visualizer Ring + Subtitles)
+ └─ 1-Second Short GOP (-g 30 -bf 0) Export
+```
+
+---
+
+## 2. Decoupling Prompts: How to Stop Character Drift
+
+The classic pitfall in multi-scene generation is asking an LLM to generate 24 full Text-to-Image and Image-to-Video prompts in a single prompt.
+
+When an LLM writes 24 scenes with 150 words each, it hits token limits, and by Scene 15 it starts taking shortcuts. In initial drafts, the prompt for Scene 4 dropped the character's clothing and ethnicity, describing her merely as *"The maiden with delicate features."* The diffusion model promptly rendered a completely different person.
+
+### The Solution: Two-Stage Generation + Code Assembly
+1. **Stage 1 (Constants):** Define `visual_dna` once. This locks the protagonist's silhouette, specific hair ornaments, dual-layered garment fabrics, color names (e.g. `pale celadon-cyan and matte silver` instead of hex codes that get painted as text), and camera optics (`ARRI Alexa 65, 50mm anamorphic lens`).
+2. **Stage 2 (Variables):** The LLM outputs **only atomic variable slots** for the 24 scenes:
+ ```json
+ {
+ "scene_id": 4,
+ "include_character": true,
+ "shot_type": "Close-up Side Profile",
+ "subject_side": "right",
+ "negative_space_medium": "warm faint candle reflection on blurred rosewood screen",
+ "t2i_scene_desc": "Looking downward in gentle contemplation, eyelashes catching rain light.",
+ "i2v_camera": "Slow cinematic dolly in",
+ "i2v_subject_motion": "Slowly blinks once, subtle chest breathing.",
+ "i2v_ambient_motion": "Candle glow flickers softly in out-of-focus bokeh."
+ }
+ ```
+3. **Deterministic Assembly:** A Python script (`scripts/assemble_prompts.py`) stitches Stage 1 constants and Stage 2 variables together into the final prompts. If `include_character` is false (e.g. macro shots of a copper wind chime or misty river ripples), character tokens are completely omitted so the model doesn't hallucinate a face into a landscape.
+
+---
+
+## 3. The 10-Second Video Diffusion Rules
+
+Generating 10-second video clips from still images requires strict motion rules:
+
+* **Ban Negative Words in Positive Prompts:** Prompting `no morphing` or `no deformation` activates negative token embeddings in diffusion models like Runway and Veo, paradoxically triggering limb mutations. Instead, use positive stabilizing anchors: `consistent anatomy, temporal stability, rigid structure`. Put negative tokens strictly in the dedicated `negative_prompt` API field.
+* **The 120fps Slow-Motion Anchor:** A human gesture like turning a head takes 2 seconds. When forced to fill 10 seconds, models over-rotate necks or spawn extra arms. Appending `captured in 120fps extreme slow motion, subtle micro-movements` stretches a natural 2-second breeze or blink across the full 10-second duration.
+* **Camera Crash Guard:** If the visualizer ring and lyrics sit on the left, the subject must stay on the right. In that layout, any `Pan Right` or `Truck Right` camera motion causes the subject to drift leftward across the screen, colliding directly with the subtitles by second 6. The assembler script enforces a strict rule: if `subject_side == "right"`, rightward camera panning is blocked.
+
+---
+
+## 4. Zero-Dip Background Transitions (FFmpeg Constant-Power Crossfade)
+
+In video editing software, placing 24 clips on a timeline with cross-dissolves is trivial. In automated headless pipelines, naive transitions produce severe artifacts:
+
+1. **`fadeblack` causes strobe flicker:** Standard FFmpeg scripts often use `xfade=transition=fadeblack`, which dips through black (`A -> black -> B`). Across 24 scenes, the viewer is subjected to a disorienting black flash every 10 seconds.
+2. **Standard linear `fade` drops brightness by 16%:** In non-linear sRGB/YUV color space, linear crossfade $((1-\alpha)A + \alpha B)$ loses up to 20% perceived midpoint luminance at $\alpha = 0.5$.
+3. **The 34.5-Second Timeline Shrink:** When 24 ten-second clips overlap with a 1.5s crossfade, the total runtime is not 240 seconds:
+ $$\text{Total Duration} = 24 \times 10.0 - (23 \times 1.5) = 205.5\text{ seconds}$$
+ The video runs out 34.5 seconds before the song ends!
+
+### The Mathematical Fix
+We calculate integer frame counts per clip upfront:
+$$F_{\text{clip}} = \left\lceil \frac{F_{\text{target}} + (N - 1) \times F_D}{N} \right\rceil = \left\lceil \frac{7200 + 23 \times 45}{24} \right\rceil = 344\text{ frames}\ (11.4667\text{s})$$
+
+Each raw 10-second clip is gently stretched via `setpts=1.14667*PTS` (a subtle 12% slowdown that actually enhances fluid motion), then chained with custom constant-power curve `pow(P, 0.78)`:
+
+```bash
+ffmpeg -y -i v0.mp4 -i v1.mp4 ... \
+ -filter_complex "[0:v][1:v]xfade=transition=custom:duration=1.5:offset=9.9667:expr='clip(A*pow(P,0.78)+B*pow(1-P,0.78),0,255)'[xf1];..." \
+ -c:v libx264 -preset veryfast -crf 18 -g 30 -bf 0 dynamic_bg.mp4
+```
+
+Encoding with `-g 30 -bf 0` (1-second GOP, no B-frames) allows Remotion's multithreaded renderer to seek background frames 50% faster, eliminating render timeouts.
+
+---
+
+## 5. Subtitle Protection & Dual-Layer Typography
+
+Complex animated backgrounds with glowing audio rings create visual clutter that drowns out lyrics.
+
+Rather than running an expensive `backdrop-filter: blur` in Chromium (which forces GPU framebuffer readbacks and slows rendering by 40%), we implemented a dual-layer SVG/DOM strategy:
+1. **Base Layer:** Renders a 4.2px dark stroke (`paint-order: stroke fill`) and triple-compound drop shadows to ensure text reads clearly against bright desert or sky footage.
+2. **Top Layer:** Uses `background-clip: text` with a 12% soft-edge gradient to create smooth karaoke-style highlighting synchronized with the audio.
+3. **Visual Ducking:** When vocals are active, the audio spectrum ring automatically ducks its opacity to 50% and amplitude to 75%, allowing the sung line to take visual priority.
+
+---
+
+## 6. The Takeaway
+
+Full-length AI video generation is no longer blocked by model capabilities; it is blocked by **orchestration discipline**.
+
+By treating character traits as immutable constants, enforcing strict negative space and camera collision rules, and solving video transition mathematics in FFmpeg before final compositing, a single workstation can turn a song and text into a polished 4-minute 1080p anime music video with zero manual keyframing.
+
+---
+
+*Need custom AI video pipelines, automated media workflows, or high-throughput rendering infrastructure for your business? Let's connect:*
+
+- 📱 **WhatsApp:** [+60 12-797 2969](https://wa.me/60127972969)
+- 📧 **Email:** [me@hoelee.com](mailto:me@hoelee.com?subject=AI%20Music%20Video%20Pipeline)
+- 🌐 **Website:** [hoelee.com](https://hoelee.com)
diff --git a/src/content/posts/zh/from-audio-to-a-4-minute-ai-music-video.md b/src/content/posts/zh/from-audio-to-a-4-minute-ai-music-video.md
new file mode 100644
index 0000000..d8f8bb5
--- /dev/null
+++ b/src/content/posts/zh/from-audio-to-a-4-minute-ai-music-video.md
@@ -0,0 +1,154 @@
+---
+title: "从一首歌到 4 分钟完整 MV：我如何用 AI 串起作词、分镜生图、图生视频与换脸全流程"
+description: "基于《月牙湾》1080P 高清动漫 OP 制作实录：详解 24 分镜时间轴拆解、提示词防漂移两阶段架构、图生视频 10 秒慢运镜控制与无缝平滑叠化合成。"
+pubDate: 2026-10-25
+category: case-studies
+tags: ["ai-video", "music-video", "veo", "imagen", "face-swapping", "ffmpeg", "remotion"]
+ogImage: "/og/zh-from-audio-to-a-4-minute-ai-music-video.jpg"
+banner: "/banners/from-audio-to-a-4-minute-ai-music-video.jpg"
+draft: false
+---
+
+绝大多数 AI 视频演示都停留在 5 秒的片段：一个女生转头、一段雨水打在水坑里的特写。发在社交媒体上很惊艳，但要真正用 AI 拼出一整首长达 4 分钟（240 秒）、跨越 24 个连续镜头的工业级音乐视频（MV），完全是另一套工程体系。
+
+一旦把生成尺度从单镜头放大到 24 镜，现有的生成模型就会暴露出一连串致命问题：
+1. **画风突变与主角变脸**：第 3 镜是青衫抚琴少女，第 5 镜衣服换了颜色，第 7 镜连五官发型都变了；
+2. **大模型上下文衰减（Context Drift）**：如果让 LLM 一次性手写 24 个镜头的提示词，生成到第 15 镜以后，提示词往往越来越敷衍，角色锚点词被大段漏掉；
+3. **10 秒生成时长陷阱**：扩散模型（Kling、Runway、Minimax、Google Veo）通常在 2 秒内就完成了动作，为了填满剩下的 8 秒，模型会强行脑补，导致人物脖子反转 180 度或肢体畸变；
+4. **镜头切换黑屏闪烁**：把 24 段视频用传统的淡入黑场（Fade to black）串起来，整首 MV 看起来就像频繁暗下的幻灯片，极度影响观感。
+
+为了验证整套流水线能否真正跑通商业级交付，我重构改编了经典华语曲目**《月牙湾》(Crescent Bay)**，将其打造为日系热血奇幻动漫 OP 风（Oriental Fantasy J-Rock），并生成了整整 4 分钟 1080P 高清成片。
+
+以下是完整的成片视频展示（可直接全屏播放）：
+
+