![gifcap 線上錄製 GIF 動圖](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaQovi5EN-N9mLCNvp39I9bLaWXDeUuJmTEwLtAQtmNlzO17l41QIrdjW6H5ezq18AA1K70P9PlOS7-4GqKC3Jv7-k4NehJhQ4xR7QVDebc70du0Sv1c_-jxjSrmmlFCjI_oTONoD7Dc71sIi5FB5CoQPXwIpWDAdyqsy-2kiThRic2jX_b0ah8dZ3fPB0/s600-rw/gifcap.webp)
服務介紹:
gifcap 是一個線上的 GIF 錄製工具,利用瀏覽器的 Screen Capture API 來錄製電腦螢幕畫面,並透過 GIF.js 將錄製內容轉換為 GIF 動圖,完全免費,介面簡潔易於操作,可以輕鬆地錄製遊戲、軟體操作或影片畫面製作 GIF 動圖。使用者不用安裝任何軟件,進入網站點擊 Start Recording 按鈕,可選擇錄製瀏覽器分頁、應用程式視窗或全螢幕畫面的內容,停止錄製後會產生 GIF 動圖,支援修剪功能,能夠裁剪畫面和剪切長度。
語言:英文
網址:https://gifcap.dev/
相關連結:GitHub - joaomoreno/gifcap
gifcap 使用說明:
1. 開啟 gifcap 網站,點擊「Start Recording」開始螢幕錄影。![gifcap 線上錄製 GIF 動圖](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijeO9mi7pyN2NPnusfoyGnd7FUnqwnt-DtsBUUTK-cN1ZBUUJveC2risMrwrsoRgvJvHXOBo4KbqUehyphenhyphen8z_0swzlZp-Utk6K94fdy2RMzM1JCp_Zop_ssgdBU39gApRaQgtMmZTUEsfmsgtwXs5kWiLrINEATrXwWvfeHwx2phKekTjXjmj1oJorjornq2/s900-rw/gifcap02.webp)
2. 接著選擇要錄製(分享)的畫面內容,點選瀏覽器分頁、應用程式視窗或整個螢幕,按下「共用」就會錄製所選畫面。
![gifcap 線上錄製 GIF 動圖](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX9RZCfgGvKXKK8Qpl0qJ2ovOSOCzpvgTMOH_9CjC3k84QQPnhmvYDOiKU5PRDybNp2C9RTyRYm2WLIjLhB3ERkiEVobzQQVXnRiEjcEzmGlzPiSQeEYIMWa00HlSQ4HlXfNxz92umN5W5lM6EqB8S0QoURjX8FJNTg8xpxAnPha_2e71kWDsnCVOLpqk8/s900-rw/gifcap03.webp)
3. 錄製畫面時,gifcap 網站會顯示時間和 Stop Recording 按鈕,同時電腦桌面也會出現「gifcap.dev 正在共用」。
![gifcap 線上錄製 GIF 動圖](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrumMLNqkIAxlL9EiCtycyVGNaHDOjoOfgfoN2ccbE5nYQQ0_wsSHi4mVywdUaFk7fSlPasMfWyYR7y41uD2ZqM7kJgKv4WLEibryVR7QmV1GMgPC09o4A0Yt4TzkBC6irxv0Qg6HnKE2oA3VpBr-CRaSiuDCIYfwUnwdxmD8qCoxrblh-og4sgwTqAvSz/s900-rw/gifcap04.webp)
4. 點擊「Stop Recording」或「停止共用」按鈕就會看到 GIF 動圖和編輯選項。
![gifcap 線上錄製 GIF 動圖](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih1gfVHKhvtV4VPE8gLTAiiJRGLkx2gsVs2MJKSgx3_OeBLORjAxXGQ4tjKO18v_EmFKFOp1tFYHlY5KuArCvgettbXEis5rOvQuSVOj7mq-lc_oRySE76oXOgrrk2BF4aPhbN6gWlnC9NQXFAxuJ5icbfesxF1MFtSxtjJArSxcq5M04OJCywBQYFF4WX/s900-rw/gifcap05.webp)
5. 使用者可以裁剪畫面(按住滑鼠左鍵並拖曳選取),移動前後標記修剪長度,點擊「Render」按鈕輸出檔案。
![gifcap 線上錄製 GIF 動圖](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4coKdg3SLTVw7Kdpv4IfD1mDBKSUFzy7CGyrGIEdUDlX2aQxYrvzzEHHlDnkfz6mIcE1a5jpkafcUvFdR8dvTOuJ7pYcZNOcCRiS89V2T8xrXnvhFBRfplxmGQZjlkU_1pUQqd_lC86aoy3OH6LBoVWyK8cJ3TrzQhXvO0RPSGvo7kk0xhsU2TEkKXzqH/s900-rw/gifcap06.webp)
6. 處理過程會顯示下圖畫面。
![gifcap 線上錄製 GIF 動圖](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2XOK2jXdKYEQ8hqiq7ArB0NQEy05lJWTdvVxdA-WgkGzeY4DN5IN0JfpaDZDN7UDPcyFxKknecGlKf2RZI_IEh_s8mmr-lA3gzED7mPB-hemzZe1F6Xyw-vKaXoWUrZar0Ut9IJHejeB9-MCB3gpxES3NzWRIL-rKlsCcfb2oqOPpOVyIdW5xqV2Ro3eb/s900-rw/gifcap07.webp)
7. 等待完成後,點擊「Downalod」即可儲存 GIF 圖片,也能按下「Edit」返回編輯畫面,繼續剪切另一個片段。
![gifcap 線上錄製 GIF 動圖](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdV0PrSWI9X-dTykKXlBcA7UWxC9Houg3gitIv48p4FgX5bqNJTUg-TW93gjs62QZlvOgCBj1OYKAjUXrHuYav5o13nc1EzRPWNgIeazba0JCgJJwIT66BJtM28WGgC9libg51jZRnAT4436IsevKEE0UeGWYgwHPNOPEFv2nsjJlMCFesWgPa0cINnzoM/s900-rw/gifcap08.webp)
延伸閱讀