---
slug: recordly-screen-recording-workflow
title: 我不用再為了修游標，多開一套剪輯軟體了
status: published
excerpt: 錄完 demo 之後那一小時的後製，Recordly 幫我省掉了。這篇只講實際怎麼用。
category: Productivity
tags: [recordly, screen-recording, video, workflow, electron, productivity]
author: Seer
author_role: Author
read_time: 8 min
cover: "/static/recordly-screen-recording-workflow-cover.png"
closing_note: "剪掉時間的贅肉，只留下游標指引的真實焦點。"
published_at: "2026-05-30T02:38:18Z"
updated_at: "2026-07-01T15:54:39Z"
---

上個月我需要錄一支產品功能的 demo 影片，錄完看著原始檔案發呆：滑鼠游標抖個不停、點擊動作完全看不清、有一段載入時間長到發慌、背景還突然彈出 Slack 訊息。以前遇到這種情況，我得摸摸鼻子把 MP4 丟進剪輯軟體，花一兩個小時慢慢剪、調滑鼠動態、加遮罩去個資。但上個月改用 Recordly 之後，錄影到後製輸出，全部在同一個 App 裡搞定。

如果你也常常需要錄教學或展示影片，這套開源的工具非常適合拿來省下無謂的後製時間。

GitHub repo：[webadderallorg/Recordly](https://github.com/webadderallorg/Recordly)

![Recordly GitHub repo card PNG](/static/recordly-github-card.png)

## 本地開發與編譯

如果你想在本地編譯或為它寫擴充功能，可以直接 clone 它在 GitHub 上的開源專案，透過以下指令跑起來：

```bash
git clone https://github.com/webadderallorg/Recordly.git
cd Recordly
npm install
npm run dev
```
這幾行指令主要是把 Recordly 原始碼抓到本地，用 `npm install` 安裝 Electron 與前端所需的依賴，最後用 `dev` 腳本啟動本地開發模式。

## 這工具適合什麼時候拿出來用？

Recordly 不是通用的剪輯軟體，它是專門為「操作展示」設計的。我發現在以下情境下特別省事：

- 要錄桌面操作流程，並希望游標軌跡看起來圓滑、沒有手震感。
- 需要放大並強調滑鼠點擊的位置。
- 錄製完後想立即快速剪輯，不想換工具。
- 想把 Webcam 畫面以圓形氣泡的形式疊加在角落，且不需另外做圖層合成。

如果只是要純錄影、不做任何後處理，隨便用系統內建的螢幕錄影就行了；但如果你每次錄完都有一堆修片細節，這種二合一的工具就能省下不少時間。

## 先確認平台限制，避免踩坑

不同作業系統的 API 支援度有差，開始錄音錄影前建議先確認：

- **macOS**：支援度最完整。要求 macOS 14 以上，底層走 ScreenCaptureKit，游標處理和系統音訊抓取最穩。
- **Windows**：要求 Windows 10 19041 以上，利用 Windows Graphics Capture。如果是舊版系統，真實游標可能無法自動隱藏，導致輸出畫面出現「殘影游標」的尷尬情況。
- **Linux**：限制最多。系統音效需要 PipeWire，且目前無法在錄製時隱藏真實游標，若要交出精緻的影片，目前 Linux 上比較不建議使用。

## 錄製後的黃金剪輯順序

錄完影直接點停止，畫面會立刻無縫切入編輯器。

這時候，我的建議是**「先修剪節奏，再加特效」**：

1. **修剪廢片**：剪掉開頭和結尾多餘的準備動作，把等待載入的卡頓段落直接砍掉。
2. **優化滑鼠游標（Cursor）**：Recordly 最強大的地方在於可以隱藏真實游標，改用軟體模擬的游標。你可以調大游標尺寸、加入平滑移動、加上 motion blur、甚至開啟 macOS 風格的游標外觀。游標做得清楚，觀眾才能跟上你的思路。
3. **視訊頭氣泡（Webcam）**：如果有講解需求，可以開啟 Webcam 氣泡。位置和圓角陰影都能直接拖拉微調，它甚至會跟著畫面縮放（zoom）一起適應。
4. **外包裝（Canvas / Frame）**：在輸出前，可以加上帶有漸層背景的 Frame、調整 padding 和投影。這樣影片看起來就不會像隨手的螢幕截圖，而是有經過設計的產出。

## 匯出與Remotion的選擇

Recordly 支援 MP4 影片與 GIF 動圖兩種格式。需要放上官網、部落格或產品頁的一律出 MP4；若是放 GitHub 說明文件或 Slack 討論串，出個 10 秒的 GIF 最剛好。

順便聊聊它跟 **Remotion** 的區別：

- **Recordly**：錄製你的「真實操作」。你用手去操作、點擊，錄完後在編輯器裡拉拖調整。
- **Remotion**：用 React 程式碼寫出影片。適合資料驅動的動態圖表、可自動化批次產出的影片、或是純動畫展示。

兩者定位不同。如果是為了做產品操作說明，直接用 Recordly 錄製並微調是最直覺也最快速的選擇。

---

與其期待一個萬能的 AI 剪輯工具，不如挑一個能解決當下痛點的垂直工具。Recordly 把錄製跟基礎修飾整合在同一個 Electron App 裡，少去了在 Premiere、Camberia 和錄影工具間搬運檔案的瑣事，非常適合獨立開發者或 PM 快速產出產品 Demo。