推薦閱讀：
本次推薦一個錄屏神器「Screenity」，在 GitHub 上非常火爆，目前已狂攬 4.1K 顆星星。
1. 功能亮點
windows 和 Mac 自帶的錄屏軟件功能都比較有限（windows 可以快捷鍵 win+G 打開，Mac 可用 QuickTime Player），只能滿足簡單的錄屏需求。
Screenity 是一款基於 Chrome 的插件。它的功能亮點非常多，比如可以無限的錄屏、錄屏過程中可添加註釋（文本、箭頭、高亮）、有獨立麥克風、可修剪刪除等等，功能非常強大。
最重要的是Screenity 開源免費，無需安裝和註冊，輕便使用。
🎥 無限記錄標籤頁、桌面、任何應用程序和相機，無時間限制。
✏️ 通過在屏幕上的任意位置繪製，添加文本和創建箭頭進行註釋
👀 突出顯示點擊，將焦點放在鼠標上或從錄音中隱藏它
🎙️ 獨立的麥克風和計算機音頻控制、一鍵通等
⚙️ 自定義倒計時，僅在懸停時顯示控件以及許多其他自定義選項
💾 導出爲 mp4，gif 和 webm，或將視頻直接保存到 Google 雲端硬盤
✂️ 修剪或刪除錄音部分
🌐提供英語，加泰羅尼亞語，西班牙語、法語、葡萄牙語、巴西葡萄牙語、德語和韓語。
都是免費的，無需登錄！
作者將 Screenity 與同類的 33 款產品進行了詳細功能對比，基本可以秒殺其他工具了。
2. 效果展示
下面是作者提供的一個 demo 效果展示。
3. 操作界面
Chrome 擴展程序安裝完插件可以看到 Screenity 的操作窗口，有 Tab only、Desktop、Camera only 等三個選項，點擊 loading 倒數 3 個數即可開始。
然後會彈出操作浮窗，在錄製過程中可筆註釋、可開啓錄音、可開攝像頭錄像，boy 哥已經嘗試了，效果非常棒 。
4. 技術棧
實現 Screenity 所使用的技術如下：
jQuery - 用於更好的事件處理和 DOM 操作
FabricJs - 用於交互式文本和箭頭（優化的自定義構建）
FFMPEG - 將視頻轉換爲 GIF 或 MP4
jQuery Nice Select - 更好，更時尚的下拉菜單
Nouislider - 用於修整 / 刪除錄音部分的範圍滑塊
Pickr - 爲拾色器
Plyr - 用於在編輯錄像時顯示的視頻播放器
GitHub 鏈接：https://github.com/alyssaxuu/screenity
開源作者：Alyssa X