為什麼「拍一張螢幕」以前要動用三支程式

pear-rec 是一套開源的桌面應用，用來捕捉螢幕，以及處理捕捉出來的東西。它以 Electron 框架搭配 React 前端打造，所以同一支程式可以跑在多個系統上。它的範圍值得講清楚，因為對一支工具程式來說，這個範圍寬得不尋常：靜態截圖、帶同步聲音的即時螢幕錄製、動畫 GIF 生成、圖片與影片與音訊的檢視器、附畫圖板的簡易圖像編輯，以及能處理單一影格的 GIF 編輯器。

這份清單讀起來像一個打包組合，而在過去它真的是：把螢幕拍下來、錄下一段畫面、把其中任何一種變成可以貼進聊天視窗的東西，是三支不同的工具，對「檔案該放哪裡」還有三種不同的想法。把它們收進同一個視窗，與其說是一項功能，不如說是拿掉了一層摩擦 —— 而摩擦，正是決定一張截圖到底會不會被拍下來的關鍵。

捕捉是簡單的那一半，標註才是要緊的那一半

把像素抓下來，是已經被解決的問題。讓一張截圖有用的是畫在它上面的東西：框住要緊的部分、一支指向讀者該去哪裡找設定的箭頭、一片蓋住不該外流的內容的模糊。一張不能標註的截圖，通常會被貼到別的地方去標註，而那個繞路，正是畫圖板存在的理由。先在畫面上選好範圍再捕捉，而不是事後再裁，屬於同一個想法：關於「這張圖在講什麼」的決定，最好在還看著螢幕的時候做。

錄螢幕的變數比看起來多

一段螢幕錄影不是一個設定，而是五個，而且它們會互相影響。範圍決定畫面裡有什麼。影格率決定動態看起來是連續的、還是像幻燈片。位元率決定編碼器每秒被允許花掉多少，而這對兩件最難編碼的東西影響極大：平坦背景上的細字，以及平順的漸層。音訊來源決定這段錄影帶的是系統聲音、麥克風，還是兩者。而游標本身也是一個決定 —— 隱藏、加強顯示，還是不管它 —— 這聽起來很表面，直到一段教學被一個看不出點擊發生在哪裡的人看到。

大家最低估的變數是聲音同步。聲音與畫面來自不同的時鐘，而兩者之間任何漂移都是累積的：開頭幾毫秒，兩分鐘後就變成看得出來的錯位。把兩條流一起錄下來，而不是先錄畫面、事後再配音，就是「一段不需要修補的錄影」與「一段需要進剪輯軟體的錄影」之間的差別。

GIF 是一個很差的格式，但它贏了

對動畫 GIF 的每一個技術性質疑都是對的。它的色盤很小，它不帶聲音，而且跟一個裝著同樣動態的現代影片格式比起來，它大得離譜。然而它仍然是那個能在聊天視窗裡自己播起來、能放進文稿裡、能在沒裝播放器的頁面上播、能塞進一個會擋掉影片附件的郵件用戶端的格式。一個到處都能用、不需要任何人配合的格式，勝過一個需要外掛的更好格式。

這就是為什麼「直接從錄影產生 GIF」比它聽起來更有用。另一條產線是：錄影、開編輯器、輸出、轉檔、發現結果四十 MB、重來一遍 —— 那正是那種最後沒有人分享出去任何東西的繞路。一開始就用對的大小錄一小段循環，就是全部的技術；而一支能讓它一次做成的工具，值得它的位置。

影格是 GIF 裡沒人編輯的那部分，而它該被編輯

動畫 GIF 是一串靜態影格，每一格附帶一個延遲時間，而幾乎所有能對它做的有用的事，都是從這個結構長出來的。抽掉每隔一格，檔案減半，通常還看不出變差。把某一格的延遲調長，它就變成一個停頓，讓觀看者讀完那段要緊的內容。把最後一格留久一點，循環就不會把結果切掉。裁切是對整個序列一次生效，而不是逐格用手處理。

能打開一個 GIF、看它的影格、再存回去、並且改動序列，這是大多數檢視器不提供的能力，因為大多數檢視器把動畫 GIF 當成影片。把它當成它實際上是什麼 —— 一疊圖片加一張時間表 —— 才讓編輯這件事成為可能。

檢視器是工作台，不是檢視器

在同一個程式裡有圖片、影片與音訊播放，聽起來是小小的方便，運作起來卻像一張工作台。真正花時間的地方，是「捕捉、檢查、調整、再捕捉」這個圈；而每一個需要切換應用程式的步驟，都會加上一次遠比看起來昂貴的脈絡切換。在產出它的工具裡立刻看到結果，就是讓一件五分鐘的工作真的只花五分鐘的關鍵。

一套程式碼通吃各系統，老實的代價

用網頁技術堆疊來打造，是同一支程式能在多個系統上跑、介面還一致的原因，而它有一個值得講明的代價。這樣打包出來的應用比原生版本更重、也更吃記憶體，因為它把一個瀏覽器引擎一起帶上了。它也可能在一些小地方顯得有點陌生：選單、檔案對話框、快速鍵，是「幾乎」符合平台慣例，而不是「完全」符合。

對一支捕捉工具來說，這個交換通常是划算的，因為跨機器的一致性正是重點，而它的工作負載也不是連續的。但它仍然是一個交換；知道這件事存在，比事後被一個比預期更大的下載檔嚇到好。

它適合哪裡

自然的用戶是那些要解釋事情的人：每隔一段就需要的標註截圖的文稿作者、錄一小段示範給同事的人、為一個不能放影片的頁面做循環 GIF 的人。對他們來說價值都一樣，而且不是任何單一功能：而是捕捉、標註、錄影與轉檔都發生在同一個地方，所以東西會被做完，而不是在兩支程式之間被放棄。