網站出海每日分享：只需要網址就能生成演示視頻

早晨，朋友們！我哋平時提交導航站或者宣傳自己網站嘅時候，好多時都需要一個展示片，可以增加我哋網站嘅點擊率，但係整呢啲片通常好麻煩，不過最近HeyGen開源咗HyperFrames框架。

https://github.com/heygen-com/hyperframes

淨係需要一個網址，配合埋claude code就可以幫我哋生成一個展示片，下面就係我用我嘅表情包製作網站makememe生成嘅，完全係由我網站攞嘅截圖，所有都係真實數據。

要生成呢種展示片，首先執行指令去安裝

npx skills add heygen-com/hyperframes

然後就俾claude code一個提示詞，加上網址，用hyperframes生成展示片就得，下面呢個提示詞就係我生成嘅提示詞，係我用AI求其生成再調整嘅。

使用 /hyperframes，根據網站 https://www.makememe.net/ 生成一個 20 秒的產品發佈視頻。

風格：
- 暗色風格（Dark UI）
- 電影感（cinematic）
- AI 產品質感，高級、未來感

內容：
- 展示 Meme 生成過程
- 展示輸入圖片/文字 → 自動生成 Meme
- 強調生成速度快、簡單易用
- 展示不同風格的 Meme 模板或結果

視覺效果：
- 平滑轉場（smooth transitions）
- 動態縮放和鏡頭移動（zoom / pan）
- 高對比度字幕（突出核心賣點）
- 輕微粒子或科技感背景

音頻：
- 輕快但有科技感的背景音樂
- 可選 AI 配音（簡短介紹產品）

結尾 CTA：
“Create viral memes in seconds”
“Try it now on makememe.net”

大約等咗20分鐘，條片就生成好咗，然後用下面指令，喺瀏覽器預覽呢條片

  npx hyperframes preview

用渲染指令，將呢條片轉做mp4

npx hyperframes render --output renders/final.mp4

早上好，朋友們！ 我們日常在提交導航站或者宣傳我的網站時，往往需要有一個演示視頻，能夠增加我們網站的點擊，但是製作這樣的視頻，往往是很麻煩，但是最近HeyGen開源了HyperFrames框架。

https://github.com/heygen-com/hyperframes

只需要一個網址，搭配上claude code 就能幫我們生成一個演示視頻了，下方就是我用我的表情包製作網站makememe 生成的，完全是從我網站獲取的截圖, 所有都是真實數據。

要生成這樣的演示視頻，首先執行命令進行安裝

npx skills add heygen-com/hyperframes

然後就claude code 一個提示詞，加上網址，使用hyperframes生成演示視頻即可，下面這個提示詞就是我生成的提示詞，是我先用AI隨便生成調整的。

使用 /hyperframes，根據網站 https://www.makememe.net/ 生成一個 20 秒的產品發佈視頻。

風格：
- 暗色風格（Dark UI）
- 電影感（cinematic）
- AI 產品質感，高級、未來感

內容：
- 展示 Meme 生成過程
- 展示輸入圖片/文字 → 自動生成 Meme
- 強調生成速度快、簡單易用
- 展示不同風格的 Meme 模板或結果

視覺效果：
- 平滑轉場（smooth transitions）
- 動態縮放和鏡頭移動（zoom / pan）
- 高對比度字幕（突出核心賣點）
- 輕微粒子或科技感背景

音頻：
- 輕快但有科技感的背景音樂
- 可選 AI 配音（簡短介紹產品）

結尾 CTA：
“Create viral memes in seconds”
“Try it now on makememe.net”

大概等了20分鐘，視頻就生成好了 然後使用下面命令，在瀏覽器預覽這個視頻

  npx hyperframes preview

使用渲染命令，把這個視頻轉化為mp4

npx hyperframes render --output renders/final.mp4