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