用了7個開源庫,秒殺33種同行工具,這個錄屏工具在Github火了
越來越多的產品從線下轉移到線上,從很多年前網課就已經開始流行,因此,一個好的屏幕錄音程序是必不可以的。
在課程錄制方面,有時候你不僅要對整個屏幕進行錄制,還需要錄音,重點的地方還需要標注,實現這一系列功能的程序并不多見,最近,猿妹在Github上找到一個功能豐富的屏幕錄制工具——Screenity,這是一個Chrome插件,不需要下載和安裝,只要你有一個Chrome瀏覽器就可以了。
Screenity可以錄制下載Chrome瀏覽器中打開的任何頁面,允許你對它們進行實時注釋,這個功能對于那些在家辦公以及在線學習的學生們來說,簡直不要太好用了。
最最關鍵的一點是,Screenity免費開源,無需注冊,錄制長度無限制,主要功能特性如下:
- 可以在屏幕上的任何地方繪圖、添加文本和創建箭頭來進行注釋
- 可以突出顯示鼠標點擊,聚焦鼠標,或從記錄中隱藏它
- 獨立的麥克風和電腦音頻控制
- 導出為 mp4、gif 和 webm,或保存到 Google Drive
- 簡單的裁剪視頻
Screenity的安裝和使用
Screenity的安裝和使用非常簡單,你只需要把它從Chrome應用商店添加到你的瀏覽器即可,就連登錄操作都省了。不過,一旦你在瀏覽器中添加了該擴展,你需要同意它訪問你設備的攝像頭和麥克風。
安裝完畢之后,你可以根據自己的需求,選擇錄制整個電腦網頁,或者是通過電腦相機錄制,而且還支持3秒的倒計時拍攝。此外,你還可以用屏幕左下角的工具欄,在屏幕的不同區域進行注釋、標記和添加文本,以幫助他人更好的查看你的視頻,就連注釋也可以進行設置,比如字體的粗細和顏色等。
Screenity還有一大殺手锏,就是你可以編輯你的錄音,你可以直接進行視頻的剪輯,視頻的保存形式有MP4、gif、webm文件等。
鑒于對自己項目的自信,創建者還制作了一個表格,對比了33款同類產品,用實際數據證明Screenity是最牛的:
說了Screenity這么多的功能特性,其實它最大的一個特點是開源,任何有一些技術的人都可以通過學習Screenity的創建方式,創建自己的屏幕錄制工具。
目前,Screenity在Github上標星3313,并且已經登上了Github熱榜第一。(項目地址:https://github.com/alyssaxuu/screenity)。
最后和大家分享一下Screenity用到的一些技術庫:
jQuery:用于更好的事件處理和DOM操作
FabricJs:用于交互式文本和圖形創建(優化的自定義構建)
FFMPEG:將視頻轉換為GIF或MP4
jQuery Nice Select:用于創建下拉菜單
Nouislider:用于修整/刪除錄音部分的功能
Pickr:拾色器
Plyr:用于在編輯錄像時顯示的視頻播放器