Recordly動(dòng)態(tài)攝像頭氣泡疊加3步在錄屏中添加專業(yè)級(jí)Webcam畫(huà)面【免費(fèi)下載鏈接】RecordlyCreate polished demo videos without editing skills. Mac/Windows/Linux項(xiàng)目地址: https://gitcode.com/gh_mirrors/re/RecordlyRecordly是一款開(kāi)源錄屏與視頻編輯工具它的核心賣點(diǎn)之一就是Webcam 動(dòng)態(tài)攝像頭氣泡疊加無(wú)需任何剪輯基礎(chǔ)只需 3 步就能在錄屏畫(huà)面中加上一枚帶圓角、陰影、可跟隨縮放的攝像頭小窗讓產(chǎn)品演示、教程和直播回放瞬間擁有專業(yè)感。支持 Mac / Windows / Linux 全平臺(tái)免費(fèi)使用。什么是「動(dòng)態(tài)」攝像頭氣泡傳統(tǒng)錄屏里攝像頭畫(huà)面往往是固定不動(dòng)的貼片縮放畫(huà)面時(shí)比例失衡顯得很廉價(jià)。Recordly 的動(dòng)態(tài)攝像頭氣泡不同氣泡樣式圓角、陰影、邊距都可獨(dú)立調(diào)節(jié)觀感精致9 種位置預(yù)設(shè) 自定義坐標(biāo)四角、四邊中點(diǎn)、中心或精確到像素一鍵鏡像讓攝像頭畫(huà)面像鏡子一樣自然隨縮放呼吸React to Zoom畫(huà)面推近時(shí)氣泡自動(dòng)縮小、拉遠(yuǎn)時(shí)恢復(fù)始終保持視覺(jué)平衡??獨(dú)立裁切只取攝像頭的核心區(qū)域不浪費(fèi)畫(huà)面下面開(kāi)始 3 步實(shí)操。第 1 步錄制前開(kāi)啟攝像頭并選擇設(shè)備打開(kāi) Recordly 的啟動(dòng)界面HUD點(diǎn)擊工具欄中的攝像頭圖標(biāo)彈出 Webcam 面板在設(shè)備列表中選擇你的攝像頭點(diǎn)擊即開(kāi)啟開(kāi)啟后圖標(biāo)高亮錄制進(jìn)行中屏幕上會(huì)出現(xiàn)一塊可拖拽的懸浮攝像頭預(yù)覽方便你確認(rèn)構(gòu)圖和光線不想看預(yù)覽時(shí)點(diǎn)選「隱藏懸浮預(yù)覽」即可不影響錄制 開(kāi)啟后還可以順便勾選麥克風(fēng)與系統(tǒng)聲音一次錄齊畫(huà)面、本人出鏡和旁白。這一步的設(shè)備選擇邏輯在 WebcamPopover.tsx懸浮預(yù)覽的拖拽與顯示由 useWebcamPreviewOverlay.ts 驅(qū)動(dòng)感興趣可以翻翻源碼。第 2 步進(jìn)入編輯器把氣泡調(diào)出「專業(yè)感」停止錄制后會(huì)自動(dòng)進(jìn)入編輯器。在左側(cè)設(shè)置側(cè)邊欄找到Webcam標(biāo)簽頁(yè)所有氣泡參數(shù)都在這里參數(shù)作用新手建議Position位置預(yù)設(shè) / 自定義 X、Y先用「右下角」預(yù)設(shè)再微調(diào)Width / Height氣泡寬高寬度 12% 左右最協(xié)調(diào)Crop裁切攝像頭畫(huà)面裁掉背景雜物聚焦人臉Margin氣泡與畫(huà)面邊緣的距離10%~15% 不易頂邊Roundness圓角強(qiáng)度拉滿接近圓形氣泡Shadow陰影加一點(diǎn)立體感立刻提升Mirror鏡像畫(huà)面默認(rèn)開(kāi)啟更像鏡子React to Zoom跟隨縮放呼吸建議開(kāi)啟如圖所示攝像頭氣泡懸浮在畫(huà)面右下角與背景、時(shí)間軸上的縮放區(qū)間2.2x、1.8x 等完全協(xié)同——開(kāi)啟React to Zoom后推鏡時(shí)氣泡會(huì)自動(dòng)縮小這正是「動(dòng)態(tài)」二字的含義。氣泡的尺寸、圓角、定位等幾何計(jì)算集中在 webcamOverlay.tsUI 面板實(shí)現(xiàn)在 SettingsPanel.tsx裁切交互在 WebcamCropControl.tsx。第 3 步導(dǎo)出 MP4 / GIF一鍵出片調(diào)好氣泡后頂部點(diǎn)擊Export選擇格式MP4適合完整教程、產(chǎn)品演示GIF適合短片段分享與社媒封面調(diào)整質(zhì)量、GIF 幀率與輸出尺寸支持預(yù)設(shè)比例點(diǎn)擊導(dǎo)出完成后可直接在系統(tǒng)文件管理器中查看Recordly 的導(dǎo)出管線與預(yù)覽使用同一套場(chǎng)景邏輯氣泡的圓角、陰影、隨縮放縮放等效果在導(dǎo)出視頻里會(huì)原樣還原不會(huì)出現(xiàn)「預(yù)覽好看、導(dǎo)出翻車」的問(wèn)題。進(jìn)階小貼士 搭配合成背景在 Frame 設(shè)置里給錄屏加上漸變 / 壁紙背景再配上攝像頭氣泡視覺(jué)檔次再上一級(jí)。內(nèi)置壁紙就在 public/wallpapers/ 目錄例如換素材Webcam 面板支持上傳、替換或移除攝像頭素材也可以把別人錄好的片段當(dāng)「攝像頭畫(huà)面」用保存工程隨時(shí)保存為.recordly項(xiàng)目文件下次打開(kāi)氣泡參數(shù)原樣保留光標(biāo)聯(lián)動(dòng)氣泡之外還可疊加光標(biāo)平滑、點(diǎn)擊回彈、光標(biāo)循環(huán)等效果源碼見(jiàn) src/components/video-editor/videoPlayback/總結(jié)用 Recordly 給錄屏加一個(gè)動(dòng)態(tài)攝像頭氣泡真的只需要 3 步錄前開(kāi)攝像頭 → 編輯器調(diào)氣泡 → 導(dǎo)出成片。位置預(yù)設(shè)、圓角陰影、鏡像、隨縮放呼吸這些細(xì)節(jié)全部可視化調(diào)參新手 10 分鐘就能做出不輸設(shè)計(jì)稿的演示視頻。項(xiàng)目為 AGPL 3.0 開(kāi)源歡迎從 README.md 開(kāi)始探索?！久赓M(fèi)下載鏈接】RecordlyCreate polished demo videos without editing skills. Mac/Windows/Linux項(xiàng)目地址: https://gitcode.com/gh_mirrors/re/Recordly創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考