AI 剪片正開始出現一種完全不同的玩法。
過去製作影片,通常要先整理素材,再逐步處理畫面、文字、字幕、動畫、圖表、轉場及音效;現在,部分工作已經可以直接交給 AI Agent,再透過 Prompt 說明你想要的效果。
今次介紹的 HyperFrames + Codex,就是其中一個很有代表性的例子。
你可以提供網站、原始口播影片、CSV 數據等不同素材,再以自然語言說明影片用途、風格、節奏及畫面要求,讓 AI 協助建立一個可以繼續修改的 Video Project。
今次影片示範了 3 種完全不同的 AI 影片製作情境:
- 網站 → 企業宣傳片
- CSV 數據 → 動畫數據影片
- 原始口播 → 專業社交媒體短片
本文先簡單整理這種 AI 剪片 Workflow 的重點。完整安裝、實際生成過程、修改方法及最終效果,可直接觀看本文上方的 YouTube 影片。
文末亦附上影片中 3 個 Demo 使用的完整 Prompt,方便直接參考及修改。
HyperFrames + Codex 是甚麼?
HyperFrames 是一套以 HTML 為基礎的影片製作框架,可以配合 Codex 等 AI Agent 建立及修改影片 Project。
它最值得留意的地方,不只是「用 AI 生成影片」。
一般 AI Video Generator 很多時候是輸入 Prompt,再生成一段影片;如果效果不理想,往往需要重新生成。
HyperFrames 的思路則有所不同。
AI Agent 會協助建立影片 Project,因此第一版完成後,你仍然可以繼續用 Prompt 提出修改要求,例如:
- 調整某一幕的節奏
- 修改文字內容
- 更換動畫方式
- 改變圖表呈現
- 調整畫面布局
- 增加或刪減某個視覺元素
整個流程開始由傳統的:
素材 → 剪片軟件 → 逐項製作 → 輸出
變成:
素材 → Prompt → Video Project → Review → Prompt 修改 → 輸出
這亦是 HyperFrames + Codex 最值得留意的地方。
Demo 1:網站直接變成企業宣傳片
第一個 Demo 使用的是一個現有企業網站。
如果按照傳統流程製作網站宣傳片,通常需要先閱讀整個網站,再挑選重點內容、整理文案、截取圖片,然後逐幕建立影片。
但如果網站本身已經包含品牌資料、服務介紹、圖片及核心訊息,其實很多製作影片需要的素材早已存在。
今次的做法,是直接提供網站,然後透過 Prompt 說明:
- 影片用途
- 目標觀眾
- 影片長度
- 視覺風格
- 希望突出的內容
- 音樂及節奏方向
再由 HyperFrames + Codex 將網站內容重新組織成企業宣傳影片。
這種方式對企業網站、Landing Page、活動頁面、課程介紹或產品頁面尤其值得留意。
實際生成效果,以及如何從第一版再修改成更接近要求的版本,可參考上方完整影片。
完整 Prompt 收錄於本文最下方 Appendix。
Demo 2:CSV 數據直接變成動畫圖表
第二個 Demo 是將一份 CSV 數據變成動畫數據影片。
數據內容本身可能並不複雜,但真正花時間的往往是:
「應該突出甚麼?」
以及:
「如何將數字變成觀眾容易理解的視覺故事?」
傳統製作可能需要先分析 Spreadsheet,再建立圖表、設計動畫、安排數字出場順序,最後才放進影片。
今次則直接將 CSV 交給 AI,再於 Prompt 中定義:
- 希望分析的內容
- 需要突出的數據
- 排名或比較方式
- 圖表形式
- 動畫節奏
- 最後希望帶出的結論
AI 因而不只是「把 Excel 圖表放進影片」,而是要先理解數據,再把重點轉化成 Motion Graphics。
這類玩法可應用於商業報告、Marketing Data、Research Summary、教育內容、社交媒體數據分享及 Presentation。
完整動畫及生成流程,可參考上方影片。
完整 Prompt 收錄於本文最下方 Appendix。
Demo 3:原始口播變成專業社交媒體短片
第三個 Demo 可能是最接近 Content Creator 日常工作的一個情境。
素材只是一段未剪輯的原始廣東話口播影片。
影片拍完之後,傳統上仍然需要處理很多事情:
字幕、關鍵字動畫、資訊卡、B-roll、Picture-in-Picture、Zoom、轉場、音效及背景音樂等。
真正麻煩的地方,往往並不是每一步都很困難,而是全部加起來非常花時間。
今次則嘗試直接把原始影片交給 HyperFrames,再利用 Prompt 說明希望製作成甚麼風格的短片,以及哪些內容需要特別強調。
第一版生成之後,如果某一幕節奏太慢、某個重點不夠突出,亦可以再透過 Prompt 繼續修改。
這種「生成 → Review → 再用自然語言修改」的方式,正是它與一般一次性 AI Video Generation 最大的差異之一。
完整 Before / After 效果及製作過程,可在上方影片看到。
完整 Prompt 收錄於本文最下方 Appendix。
AI剪片真正改變的,可能不是「自動生成影片」
近年談到 AI 影片製作,很多人的第一個反應仍然是 Text-to-Video 或 Image-to-Video。
輸入一句 Prompt,AI 幫你生成一段畫面。
但 HyperFrames + Codex 展示的是另一條路線。
重點不一定是「由零生成一段不存在的影片」,而是:
將你本身已經擁有的內容,重新組合成影片。
例如:
網站本身已經有服務內容。
CSV 本身已經有數據。
Talking Head 本身已經有完整講解。
真正需要處理的,是如何將這些素材重新包裝成更適合影片的形式。
因此,AI 的角色開始由單純的「內容生成器」,變成參與影片製作流程的 AI Agent。
從「逐項操作」變成「描述你想要甚麼」
這種 Workflow 另一個值得注意的改變,是人與影片製作工具的互動方式。
傳統剪片,你需要知道:
哪一層在哪裏、Keyframe 放在哪裏、文字如何動畫、圖表怎樣移動、Timing 如何調整。
Prompt-driven Video Workflow 則嘗試將部分操作轉換成:
「這一幕快一點。」
「把這個數字放大。」
「將這個圖表改成另一種形式。」
「這段不要太多文字。」
「重新做第三幕。」
換言之,你不一定需要親自完成每一個操作,而是先說明你想要甚麼,再由 AI Agent 執行。
這不代表影片製作完全不需要人的判斷。
相反,Review、內容準確性、節奏、品牌要求及最終品質仍然需要人去把關。
但「誰負責逐項操作」這件事,正在開始改變。
哪些人值得留意這種 AI 影片 Workflow?
如果你的工作經常需要把已有內容重新包裝成影片,這種方式會特別值得留意。
例如:
- Content Creator
- Marketing 團隊
- Corporate Communications
- Trainer 及 Educator
- Social Media Manager
- Business Presentation 製作者
- Researcher
- 需要製作 Motion Graphics 或 Data Visualization 的使用者
尤其是一些「技術上並不困難,但非常花時間」的工作,AI Agent 有機會大幅改變製作方式。
以前看到一堆素材,第一個反應可能是:
「我要怎樣剪?」
之後可能會變成:
「不如先交給 AI 試一次。」
HyperFrames 能否取代傳統剪片軟件?
現階段,我不會將 HyperFrames 理解成 Premiere Pro、Final Cut Pro 或 After Effects 的直接替代品。
傳統影片製作工具仍然提供非常細緻的控制能力,尤其涉及複雜剪輯、音訊處理、Color Grading、精細 Motion Design 或大型製作時,仍然有其必要性。
但 HyperFrames + Codex 帶出的真正問題是:
是否所有影片工作,都仍然需要由人逐項操作?
當網站可以變成宣傳片、CSV 可以變成動畫圖表、Raw Talking Head 可以變成專業短片,部分影片工作的入口已經開始改變。
因此,比起問:
「AI 會不會完全取代剪片軟件?」
我認為更值得問的是:
「哪些原本要自己花時間逐項製作的工作,現在可以先交給 AI?」
總結:AI影片製作正在由「生成」走向「控制整個 Project」
HyperFrames + Codex 最有意思的地方,不是又出現了一款新的 AI Video Generator。
而是它展示了一種新的影片製作方式:
先提供素材,再用 Prompt 定義要求,由 AI Agent 建立影片 Project,然後繼續透過自然語言修改。
今次只用了網站、CSV 數據及原始口播影片三種素材,但這種思路其實可以延伸至更多不同內容及影片類型。
如果想觀看完整設定、3 個 Demo 的實際生成過程、修改方法,以及最終影片效果,可直接觀看本文上方的 YouTube 影片。
Appendix:影片中 3 個 Demo 使用的完整 Prompt
以下 Prompt 為影片示範所使用的版本。
實際使用時,不建議完全照抄所有內容,而應根據自己的素材、品牌、影片比例、目標觀眾及輸出要求作出修改。
Prompt 1:網站 → 企業宣傳片
使用 HyperFrames,根據以下網站頁面製作一條 25 秒、16:9 的企業 AI 培訓宣傳影片:
https://drjackeiwong.com/corporate-ai-training/
## 影片目標
製作一條節奏明快、開場吸引、專業可信的企業宣傳短片,讓企業決策者、部門主管、HR 及 Learning & Development 團隊快速理解:
Dr. Jackei Wong 提供的不是空泛的 AI 工具介紹,而是面向真實工作場景、可以直接落地的企業 AI 培訓。
## 目標觀眾
- 企業決策者
- 部門主管
- HR 及 Learning & Development 團隊
- 正在尋找企業 AI、GenAI 或 AIGC 培訓方案的公司代表
## 核心訊息
企業團隊真正需要的,不只是認識 AI,而是:
- 找到清晰的應用方向
- 掌握實際可操作的方法
- 將 AI 應用到日常工作流程
- 真正提升團隊工作效率
## 重要製作要求
這是一條以視覺、動態排版、音樂及音效推動的宣傳影片。
不要加入:
- 旁白
- 配音
- 一般對話字幕
- 逐句字幕
- 自動語音生成
- 語音同步文字
可以加入少量精簡的畫面標題及關鍵訊息,但每個畫面只應保留最重要的字句。
影片必須在沒有旁白及字幕的情況下,仍然讓觀眾清楚理解服務內容及核心價值。
## 影片結構
### 1. 強力開場:0–3 秒
以企業常見 AI 應用痛點切入。
建議畫面文字:
「團隊開始用 AI」
「效率提升了嗎?」
或:
「AI 培訓」
「不應只停留在工具介紹」
要求:
- 開場必須立即產生視覺衝擊
- 使用大型動態文字
- 配合快速場景切換
- 加入明顯但專業的音效節點
- 三秒內讓觀眾明白影片主題是企業 AI 培訓
### 2. 介紹服務:3–7 秒
引入:
Dr. Jackei Wong
Corporate AI Training
使用網站內的實際品牌元素、人物圖片及頁面內容。
畫面可以由網站截圖快速轉化成簡潔的品牌資訊卡,避免直接長時間展示完整網頁。
### 3. 展示實際應用場景:7–17 秒
根據網站頁面的真實內容,展示企業常見的 AI 應用場景,例如:
- 文件與報告
- Excel 與數據分析
- 簡報製作
- 內容創作
- 工作流程優化
- GenAI 與 AIGC 實務應用
請使用快速切換的動態資訊卡、介面畫面、圖示及工作成果視覺。
每個應用場景只顯示簡短文字,例如:
「文件與報告」
「數據分析」
「簡報製作」
「工作流程」
避免使用完整句子或大量解釋。
### 4. 突出培訓價值:17–22 秒
將核心價值濃縮成三個大型動態關鍵詞:
「實用」
「可落地」
「提升效率」
三個關鍵詞可依次出現,並配合企業工作流程、團隊協作或成果畫面。
最後整合成一句簡短訊息:
「由認識 AI,到真正應用」
### 5. 行動呼籲:22–25 秒
以清晰、醒目的 CTA 收尾。
建議畫面文字:
「為你的團隊安排實用 AI 培訓」
「了解企業 AI 培訓方案」
「Corporate AI Training」
CTA 必須:
- 字體足夠大
- 畫面簡潔
- 停留時間足夠
- 使用網站的實際品牌風格
- 配合清晰的音樂收結及音效
## 視覺風格
請使用網站頁面中實際出現的:
- 品牌顏色
- 字體風格
- 人物及頁面圖片
- 標題及服務內容
- 品牌名稱
- 個人名稱
- 網站視覺元素
整體風格:
- 現代
- 專業
- 商務感
- 科技感
- 高質感
- 簡潔俐落
- 適合企業觀眾
- 適合放在 YouTube、LinkedIn、網站及商業提案中
避免:
- 普通 PowerPoint 式動畫
- 一次顯示大量文字
- 過度花巧的視覺效果
- 太多不同顏色
- 太慢的節奏
- 無意義的裝飾動畫
- 與網站品牌不一致的素材
## 畫面文字要求
畫面文字必須:
- 使用繁體中文
- 短而有力
- 容易即時閱讀
- 每個畫面只表達一個重點
- 優先使用關鍵詞而不是完整句子
- 不得變成逐句字幕
可使用的文字語感包括:
「AI 不只是工具」
「重點是真正用得着」
「面向真實工作場景」
「提升團隊效率」
「企業 AI 培訓」
「由認識 AI,到實際應用」
請根據網站真實內容選擇最適合的文字,不要加入網站沒有提及的資訊。
## 音樂與音效
請加入:
- 現代、專業、具科技感的背景音樂
- 配合動畫節奏的輕量音效
- 關鍵文字出現時的音效提示
- 場景轉換音效
- 清晰而有力的結尾音樂收結
音樂及音效不可過度搶耳,應配合企業品牌形象。
## 重要限制
- 不得加入旁白或任何配音
- 不得加入逐句字幕或語音同步文字
- 不得虛構網站沒有列出的客戶、合作品牌、成就、數據、培訓成果或案例
- 不得加入頁面沒有提及的服務範圍
- 不得誇大培訓成效
- 所有關鍵內容必須優先來自指定網站頁面
- 如果頁面資訊不足,請保守處理,不要自行補充
- 不要使用與品牌無關的廉價庫存素材
- 不要改變網站原有的企業培訓定位
## 工作流程要求
在正式建立影片前,先列出:
1. 從網站提取的品牌元素
2. 從頁面提取的核心服務內容
3. 建議的五段影片結構
4. 每個場景的畫面設計
5. 每個場景顯示的精簡文字
6. 使用的網站圖片及視覺素材
7. 動畫、音樂及音效安排
8. 每個場景的時間分配
確認網站資料、畫面文字及場景結構一致後,再建立影片。
完成第一版後,使用瀏覽器預覽整條影片,檢查:
- 沒有旁白
- 沒有逐句字幕
- 畫面文字是否太多
- 首三秒是否足夠吸引
- 所有文字是否容易閱讀
- 品牌風格是否一致
- 觀眾在靜音觀看時能否理解主要訊息
- CTA 是否足夠清晰
確認後再輸出最終 16:9 MP4。
Prompt 2:CSV → 動畫數據影片
將我提供的 CSV 數據製作成一條 8 至 10 秒、16:9 的動畫數據影片。
數據內容是十條模擬 YouTube 影片的觀看表現。
重要:
這是一份為測試 HyperFrames 而建立的模擬數據,不是真實頻道 Analytics。請在影片角落加入「模擬數據」標示。
影片需要帶出的核心訊息:
以具體成果、實際挑戰及 Before/After 作包裝的 AI 影片,觀看表現普遍高於純功能介紹或抽象工作流程題材。
動畫結構:
開場顯示十條影片的觀看次數
使用橫向或直向長條圖呈現所有影片
按觀看次數由低至高排列
突出觀看次數最高的三條影片
根據「內容包裝方式」將影片分成「具體成果」及「抽象概念」
使用動畫展示兩組影片的平均觀看次數差異
最後以大型文字顯示核心結論
建議結尾文字:
「觀眾先想睇成果,再想了解工具。」
視覺方向:
現代、簡潔、專業
適合 YouTube 科技及 AI 教學影片
數字使用遞增動畫
圖表轉換要流暢
突出前三名,但不要使用過多顏色
所有影片標題必須保持清晰可讀
避免同一畫面顯示過多文字
加入輕微背景音樂及數據跳動音效
不需要旁白
請輸出兩個版本:
版本一:
一般 16:9 MP4,包含背景及完整畫面設計。
版本二:
透明背景版本,只保留圖表、數字、標籤及核心結論,方便疊加在口播影片之上。
在正式建立動畫前,先計算並列出:
十條影片的觀看次數排名
「具體成果」組別的平均觀看次數
「抽象概念」組別的平均觀看次數
兩個組別的差距
建議使用的圖表形式
每個動畫階段的時間安排
所有數字必須根據 CSV 實際計算,不得自行修改或虛構數值。
Prompt 3:原始口播 → 專業短片
使用 HyperFrames 的 Talking-Head Recut 工作流程,將我提供的原始廣東話口播影片,製作成一條專業、節奏明快的 16:9 社交媒體短片。
## 製作目標
在保留原始人物畫面、廣東話聲音及說話內容的前提下,加入動態設計、資訊圖卡、產品畫面及視覺節奏,將未經剪輯的口播片提升成可直接發布的科技教學短片。
成品應適合發布於:
- Instagram Reels
- Facebook Reels
- YouTube Shorts
- LinkedIn
- Threads 影片內容
## 必須保留
- 原始人物畫面
- 原始廣東話聲音
- 原本的說話內容
- 原本的語氣及意思
- 人物自然表情及手勢
- 原片的真實感
不要重新生成、模仿或取代原本的人聲。
不要改變說話原意。
## 原始口播內容
請先分析影片的語音內容、說話節奏及時間碼。
如果系統能夠準確辨識廣東話,請根據實際說話內容安排視覺元素。
如果部分廣東話內容無法準確辨識,請標示需要人工確認的位置,不要自行猜測或改寫。
## 整體風格
- 現代科技教學風格
- 專業
- 簡潔
- 有質感
- 節奏明快
- 視覺資訊豐富,但不過度花巧
- 適合 AI、科技及生產力工具題材
- 不要做成普通簡報或模板式短片
視覺設計應配合原片內容,而不是為了加入動畫而加入動畫。
## 畫面比例與構圖
- 輸出比例:16:9
- 確保人物面孔保持完整
- 不要裁走人物頭部、下巴或重要手勢
- 人物應保持在主要安全區域內
- 所有文字及圖卡必須避開平台介面可能遮擋的位置
- 底部保留足夠空間,避免被社交平台按鈕及說明文字遮擋
## 動態剪輯要求
根據說話節奏加入:
- 適量畫面放大及縮小
- 自然的數碼推進效果
- 重點位置的快速切換
- 柔和而乾淨的場景轉換
- 適量節奏停頓
- 與語氣配合的視覺強調
不要每句說話都使用相同動畫。
避免過度 Zoom、頻繁震動、快速閃爍或令人分心的轉場。
## 動態文字要求
根據說話內容,選出少量重要關鍵詞或核心句子,加入大型動態文字。
要求:
- 使用繁體中文
- 使用香港常用詞彙
- 每次只突出一個重點
- 文字簡短有力
- 不要將所有說話內容變成逐句字幕
- 不要在同一畫面放置大量文字
- 文字不得遮擋人物面孔
- 文字動畫要配合實際說話時間
可使用的形式包括:
- 大型關鍵詞
- 重點短句
- 數字動畫
- Before/After 對比文字
- 問題與答案式文字
- 重點結論卡
## 人物資訊條
在影片前段適當位置加入一次簡潔的人物資訊條:
Dr. Jackei
AIGC Trainer & Educator
要求:
- 只出現一次
- 停留時間足夠閱讀
- 設計簡潔專業
- 不要遮擋人物
- 不要加入額外未經確認的職銜或資歷
## 產品及介面畫中畫
當原片提及 HyperFrames、AI 影片製作、Prompt、傳統剪片軟件或相關功能時,加入適當的產品畫面或畫中畫。
可以使用:
- HyperFrames 官方頁面
- HyperFrames 預覽介面
- Prompt 輸入畫面
- 影片生成過程
- 時間軸或預覽畫面
- 最終影片成果
- 網站、CSV 或原始素材轉成影片的 Before/After
所有產品畫面必須:
- 與當時說話內容直接相關
- 在正確時間出現
- 清晰可見
- 不要停留過久
- 不要遮擋人物面孔
- 不得展示與內容無關的畫面
## 視覺比較
如果原片提及 Premiere Pro、After Effects、傳統剪片流程或 AI Prompt,請加入清晰的視覺比較。
例如:
傳統流程:
素材整理 → 剪接 → 動畫 → 字幕 → 輸出
AI 工作流程:
提供素材 → 輸入 Prompt → 預覽 → 修改 → 輸出
比較畫面應:
- 簡潔
- 一眼能夠理解
- 不要顯示過多技術細節
- 不要作出「完全取代專業剪片工具」等誇大結論
## 資訊卡與圖像元素
可根據說話內容加入:
- 三點重點資訊卡
- 流程圖
- Before/After 畫面
- 功能圖示
- 數據或時間比較
- 問題提示
- 成果展示
- 簡潔線條與介面元素
資訊卡應在人物說到相關內容時出現,並在內容完成後自然離場。
## 字幕要求
請加入準確的繁體中文字幕。
字幕必須:
- 使用香港繁體中文
- 保留廣東話原意及語氣
- 不要強行改成過度書面的表達
- 每次顯示容易閱讀的字數
- 適當分行
- 與原始聲音準確同步
- 字體清晰
- 與背景保持足夠對比
- 不要放得太接近畫面底部
- 不要遮擋人物面孔、手勢或重要產品畫面
如果出現專有名詞,例如:
- HyperFrames
- Premiere Pro
- After Effects
- Prompt
- AI Agent
請保留正確英文名稱,不要錯誤音譯。
如果語音辨識結果不確定,請先標記該字幕位置,等待人工確認,不要自行猜測。
## 音樂與音效
請保留原始人聲為主要音軌。
加入:
- 輕量、現代、具科技感的背景音樂
- 關鍵文字出現時的輕微音效
- 畫中畫進場及離場音效
- 流程圖及資訊卡切換音效
- 場景轉換音效
音樂要求:
- 不可蓋過原始人聲
- 不可影響廣東話清晰度
- 音量保持穩定
- 語氣較重要的位置可自動降低音樂
- 不要使用過度戲劇化或搶耳的音樂
## 內容限制
- 不得更改原片說話的意思
- 不得自行補充原片沒有提及的功能或結論
- 不得虛構數據、使用成果或產品能力
- 不得加入誤導性的 Before/After
- 不得聲稱 HyperFrames 可以完全取代 Premiere Pro 或 After Effects
- 不得加入與原片內容無關的庫存素材
- 不得過度美化、修飾或改變人物外貌
- 不得改變人物聲音
- 不得使用 AI 重新生成嘴形或說話內容
- 不要加入過多動畫,影響觀眾理解內容
## 工作流程要求
在正式建立影片前,先完成並列出:
1. 原始廣東話口播逐字稿
2. 每段說話的時間碼
3. 需要人工確認的語音辨識位置
4. 建議保留的核心內容
5. 建議刪除的停頓、重複語句或無意義空白
6. 每個段落的畫面設計
7. 動態關鍵詞安排
8. 人物資訊條出現時間
9. 畫中畫及產品畫面安排
10. 資訊卡與流程圖安排
11. 字幕稿
12. 背景音樂及音效安排
確認內容及時間碼後,再建立第一版影片。
## 第一版完成後檢查
使用瀏覽器完整預覽影片,逐項檢查:
- 廣東話內容是否正確
- 繁體字幕是否準確
- 字幕是否與聲音同步
- 人物面孔有沒有被遮擋
- 16:9 裁切是否合適
- 動態文字是否太多
- 畫中畫是否在正確時間出現
- 產品畫面是否與說話內容一致
- 音樂是否蓋過人聲
- 動畫是否過度頻繁
- 整體是否像專業科技短片,而不是模板動畫
- 在關閉聲音的情況下,觀眾能否透過字幕及畫面理解主要內容
只修正有問題的片段,不要每次重新建立整個專案。
確認後輸出最終 16:9 MP4。
追蹤以下平台,獲得最新AI資訊:
Facebook: https://www.facebook.com/drjackeiwong/
Instagram: https://www.instagram.com/drjackeiwong/
Threads: https://www.threads.net/@drjackeiwong/
YouTube: https://www.youtube.com/@drjackeiwong/
Website: https://drjackeiwong.com/