離大譜，我竟然在 VS Code 裏做了個視頻！詳情 - AI 程序員魚皮博客

大家好，我是程序員魚皮。

最近發現一個很有意思的開源項目叫 Remotion，能用編程寫代碼的方式做視頻動畫，在 GitHub 上星星很多。

你可能會問：用代碼做視頻？那不得累死？

別急，我們當然不會自己寫代碼。讓 AI 幫你寫就完了！

用 AI 編程做動畫的原理其實很簡單：

AI 寫代碼
Remotion 把代碼渲染成視頻

下面我帶大家完整走一遍流程，從安裝到出片，全程手把手，保姆皮上線~

📺 視頻版：https://bilibili.com/video/BV1qxFSzUEwo

一、安裝 Remotion

首先，打開終端，輸入一行命令快速安裝 Remotion：

npx create-video@latest

執行之後，它會問你幾個問題：

選一個模板 > 我選了 Hello World
項目名叫什麼 > 就叫 myvideo
是否使用 TailwindCSS > 用唄
是否添加 AI 智能體技能 > 這個一定要加！

添加了這個技能之後，你就可以通過 AI 對話的方式，讓 AI 幫你用這個庫做動畫了。

安裝技能的時候，它會問你裝到哪些智能體裏、是當前項目安裝還是全局安裝。我建議直接全局安裝，省得以後每個項目都要重新裝一遍。

注意：你需要確保自己能訪問 GitHub，不然可能會報錯。

安裝完成後，進到項目目錄，安裝依賴並運行：

npm install
npm run dev

打開瀏覽器，你會看到一個 Web 端的視頻剪輯工具：

看看這界面，不知道的還以為是客户端軟件呢！

頁面左側展示了不同的視頻片段，每個片段其實都是通過代碼渲染出來的。你刪掉一段代碼，對應的視頻就沒了：

在代碼編輯器中按 Ctrl+Z 撤回，視頻又出來了。是不是挺神奇的？

二、讓 AI 幫你做視頻

我們不可能自己寫代碼來做視頻，肯定是讓 AI 來。

打開一個 AI 編程工具，我這裏用的是 VS Code + GitHub Copilot AI 插件，選了最新的模型 Opus 4.6，100 萬上下文，還是很牛的。

Demo 1、魚頭人唱 RAP

我直接給 AI 發了這段話：

一條魚頭人正在唱中文 RAP，RAP 的內容是稱讚一位叫程序員魚皮的博主，屏幕上動態顯示歌詞（快閃風格）

你會看到，AI 直接找到了我們之前安裝的 Remotion Best Practices 技能包，它會讓 AI 知道怎麼用編程的方式做動畫。

然後它就開始編寫動畫代碼了。等了一會兒，AI 完成了任務。

直接在瀏覽器中就能看到效果了，魚頭人 on the beat 🐟~

怎麼説呢，有點太抽象了 bro！不過畢竟是第一個 Demo 嘛，我也沒有太高的預期。下面我們來搞個更有意思的、雞動人心的（要素察覺）。

Demo 2、雞你太美

新開一個 AI 對話框，這次我換了個更具體的需求：

幫我做一個小雞一邊打籃球一邊 RAP 的爆款視頻，大概 20 秒，要求有視覺衝擊感、要足夠洗腦，讓人一看就想點贊、循環播放。

我是傻子，你需要告訴我提供哪些素材，如果不理解需求，找我提問確認，並且最後完成視頻。

然後你猜怎麼着，AI 居然識別出了「雞你太美」這個梗！不是哥們。

它説不需要我提供任何素材就能搞定，那就直接開幹！

等它一頓操作之後，做出來了一個新視頻，來看看效果：

不是哥們，你管這玩意叫 “小雞”？胳膊和腿兒都分離了啊！是不是有點太抽象了？？？

而且目前沒有背景音樂和唱 RAP 的音效，有點乾巴，我只能腦補出 “雞你太美，噔噔噔噔，北鼻……” 的音樂，還是要加點真實的素材。

三、用素材優化視頻

由於動畫是 AI 做的，它可能比我更清楚需要哪些素材、以及放到哪些位置，所以我讓 AI 來引導我完善素材。

發送提示詞：

現在的動畫有點生硬，缺少真實的圖片、背景音樂和音頻，請你引導我應該怎麼完善這些內容，我是傻子

AI 就會開始通過交互提問的方式來引導我，一步步告訴我該做什麼。

AI 給出了方案，大概需要這些素材：

小雞圖片 > 我自己來找
背景音樂 > 我自己來找
籃球場背景圖 > 讓 AI 幫我搜
RAP 人聲 > 用 AI 生成

下面，我們根據指引依次來搞定這些素材。

1、準備小雞圖片和背景音樂

這兩個素材比較簡單，自己手動找就好了，沒啥好説的。

2、讓 AI 幫忙搜背景圖

AI 可以利用 Firecrawl Search 這個 MCP 工具來幫忙搜索網絡圖片。

如果你不知道怎麼安裝 MCP 工具，可以參考我的《AI 編程零基礎入門教程》中 “優質 AI 編程擴展推薦” 這一節。

指路：ai.codefather.cn/vibe

我跟 AI 説：

幫我下載背景圖，要求背景圖必須是雞你太美這個梗的原始背景圖，乾淨的背景圖，不聽話的話我就再也不用你了！

在我的威脅下，AI 乖乖聽話，不僅找到了幾張圖，還説要幫我挑一個最好的，我都要感動哭了。

雖然中間有一張圖被摳得只剩一個人了（人工智障），但最終還是找到了能用的背景圖。

3、用 Suno 生成 RAP 人聲

AI 推薦我用 Suno AI 來生成人聲，還提供了生成人聲的提示詞。

直接打開官網註冊登錄，選擇 Simple 簡易模式，把歌詞和要求粘進去：

中文説唱，嘻哈節拍，120BPM，時長 18 秒，歌詞：
籃球在我手 全場我最秀
Crossover過掉你 無情暴扣
雞你太美 Baby
左手運球 右手寫RAP
三分線拔起 全網都炸裂
只因你太美

然後點擊創建，一次性生成了多個版本的 RAP 人聲：

我聽了一下，免費模型生成的效果居然還不錯！直接下載 MP3 音頻文件，倍速一下就能用了。

4、讓 AI 合成最終視頻

所有素材都準備好了，我把文件按照要求放到項目目錄裏，然後跟 AI 説：

素材放好了

然後 AI 就開始替換素材，稍等一會兒，AI 的大作就完成了。來看看最終效果：

有了素材後，比之前純靠 AI 生成 SVG 和 Emoji 的版本好了不少，背景圖、背景音樂、RAP 人聲、歌詞動畫都加上了。雖然還是有點生硬（比如中間的小雞圖片略顯詭異），但整體已經有內味兒了。

四、優化思路

目前動畫視頻存在 2 個比較嚴重的問題，我説一下自己的優化思路。

問題 1、素材不夠真實

如果完全讓 AI 用代碼繪製素材（SVG、Emoji 之類的），出來的東西比較抽象。所以建議自己多補充一些真實的圖片素材，效果會好很多。

問題 2、聲音和畫面歌詞對不上

可以先讓 AI 生成歌詞以及對應的時間線，然後把這個時間線同時交給 AI 做動畫視頻和 AI 生成音頻。這樣兩邊都是按照同一個時間線來編排的，畫面和聲音就能對上了。

最後

用 AI 編程的方式來做視頻，在畫面真實感和流暢度上肯定沒法跟 Seedance、Sora、可靈這些視頻生成模型比較。但它有自己的優勢，比如完全可控、可編輯、可復現，而且不需要消耗 GPU 算力和昂貴的視頻 API 費用，純靠代碼渲染就行。只要你描述到位、再人工多補充一些素材，做出來的效果其實也能滿足很多場景。

我覺得這個工具比較適合做下面幾類視頻：

動畫演示視頻：比如講解一個知識點，讓 AI 幫你變成動畫
快閃文字類視頻：歌詞快閃、文字動效這類
抽象整活視頻：雞你太美這種梗視頻
知識科普動畫：雖然看起來生硬，但能幫別人快速理解知識

感興趣的同學可以自己去試試，Remotion 是完全開源免費的：

開源倉庫：https://github.com/remotion-dev/remotion

也歡迎大家在評論區分享你用 AI 編程做出來的視頻，看看誰的最抽象~

程序員魚皮博客

程序員魚皮博客

博客 / 詳情