Giting.
낮의 Giting

홈 · 화면 녹화 · 데모 영상 · 자동 확대 · Electron · TypeScript · AGPL-3.0

Recordly 대표 이미지 화면 전체나 창 하나를 녹화하고, 끝나면 바로 편집기로 넘어간다. 커서 움직임으로 확대 구간을 제안하고, 진짜 커서 대신 매끈한 커서를 다시 그리고(크기 · 흔들림 · 클릭 튕김 · 모션 블러), 배경 · 여백 · 둥근 모서리 · 그림자로 틀을 씌운다. 웹캠 말풍선, 자르기 · 속도 구간 · 글자 넣기. MP4 와 GIF 로 내보낸다
분석 리포트실측 정보사이트적용점원문 README

뭔가

화면 녹화기인데, 목표가 「녹화」가 아니라 「바로 쓸 수 있는 데모 영상」이다. 녹화를 멈추면 편집기가 열리고, 그 안에서 할 일이 거의 남아 있지 않다.

  • 자동 확대. 커서가 머문 곳, 클릭한 곳을 보고 확대 구간을 제안한다. 직접 구간을 넣어도 된다.
  • 다시 그린 커서. 진짜 커서는 녹화에서 빼고, 크기 · 흔들림 · 클릭할 때 튕김 · 모션 블러가 있는 커서를 위에 다시 그린다. 루프용 영상에서 커서가 처음 자리로 돌아오게 하는 옵션도 있다.
  • 틀. 배경 그림 · 단색 · 그러데이션, 여백, 둥근 모서리, 그림자, 흐림. 최종 화면비도 여기서 고른다.
  • 그 밖. 웹캠 말풍선, 자르기, 빠르게 · 느리게 구간, 글자 · 그림 넣기, 소리 구간 추가. 프로젝트를 .recordly 로 저장해 이어서 고친다.

내보내기는 MP4 와 GIF. GIF 는 프레임 수 · 반복 · 크기를 고른다.

맥 빌드를 직접 확인했다

v1.4.0 의 애플 실리콘용 dmg(188MB)를 받아 봤다.

확인결과
공개된 SHA256 과 대조일치
서명Developer ID Application: Fido Tech (54QUWA9PZA)
공증완료, 스테이플까지
Gatekeeperaccepted · Notarized Developer ID

경고 창 없이 열린다는 뜻이다. 회사 맥에 깔아도 보안 설정을 건드릴 필요가 없다. 서명자는 저자 개인이 아니라 「Fido Tech」라는 회사 이름이다.

밖으로 나가는 것

녹화는 내 컴퓨터에만 남는다. 예외는 편집기의 클라우드 공유 버튼 하나다. 누르면 영상을 videos.recordly.dev 에 올리고 공유 링크를 받는다. 코드가 업로드 주소를 그 서비스로만 허용해 두어서 엉뚱한 곳으로 가지는 않는다. 그래도 출시 전 앱이나 내부 화면을 녹화했다면 누르지 말고 파일로 내보내는 게 맞다.

라이선스 (읽고 쓰자)

AGPLv3 에 조건 둘을 더했다. 「Recordly」 이름과 브랜드를 내 프로젝트에 쓰지 말 것, 코드를 가져다 쓰면 화면과 저장소에 출처를 밝힐 것. 라이선스 문서 첫머리에 사람 말로 된 요약 네 줄과 포크 계보를 먼저 보여 준다.

이 조건들은 코드를 가져다 쓸 때만 붙는다. 앱으로 영상을 만들어 어디에 쓰든 상관없다.

실측

항목값
기준 커밋535d1cfa (2026-10-10)
파일 · 줄1,136 · 190,673
TypeScript521파일 102,140줄 · TSX 131파일 27,480줄
테스트 · CI212파일 · 7개
커밋 · 90일1,923 · 275
기여자 · 태그88 · 60
이슈 응답25건 중 10건, 중앙값 10.2시간

한 달 사이

9월 1일에 처음 봤을 때 별은 2.3만이었다. 지금은 3.3만이다. 수익 창구는 그때도 지금도 후원 버튼 하나다.

쓸까, 참고할까

쓴다. 데모 영상, 출시 소개, 사용법 GIF 를 빨리 뽑아야 하는 사람에게는 지금 무료로 고를 수 있는 것 중 가장 손이 덜 간다. 클라우드 공유 버튼만 조심하면 된다.

실측 정보

무엇
화면 전체나 창 하나를 녹화하고, 끝나면 바로 편집기로 넘어간다. 커서 움직임으로 확대 구간을 제안하고, 진짜 커서 대신 매끈한 커서를 다시 그리고(크기 · 흔들림 · 클릭 튕김 · 모션 블러), 배경 · 여백 · 둥근 모서리 · 그림자로 틀을 씌운다. 웹캠 말풍선, 자르기 · 속도 구간 · 글자 넣기. MP4 와 GIF 로 내보낸다
녹화 방식
맥은 ScreenCaptureKit 을 쓰는 Swift 도우미(`ScreenCaptureKitRecorder.swift`)로 녹화해 진짜 커서를 깨끗하게 빼고, 윈도우는 Windows Graphics Capture 도우미, 리눅스는 Electron 녹화. 겉은 Electron 43 + React. 시스템 소리 · 마이크를 같이 담는 데는 macOS 14 이상이 필요하다
맥 빌드 실측
v1.4.0 arm64 dmg(188MB)를 받아 확인했다. 공개 SHA256 과 일치, Developer ID 서명(서명자 Fido Tech, 팀 54QUWA9PZA), 공증 · 스테이플 완료, Gatekeeper 「accepted · Notarized Developer ID」. 경고 없이 열린다
밖으로 나가는 것
녹화는 내 컴퓨터에 남는다. 예외는 편집기의 「클라우드 공유」 버튼 하나로, 누르면 영상을 videos.recordly.dev 에 올리고 공유 링크를 준다. 코드가 공유 주소를 그 서비스(와 로컬 개발 주소)로만 허용한다. 자동 업데이트는 GitHub 릴리스를 본다
규모 / 실측
1,136파일 · 190,673 LOC. TypeScript 521파일 102,140줄 + TSX 131파일 27,480줄. 내보내기 가속용 C++ 12파일 · CUDA 1파일도 있다. ✅ 테스트 파일 212개, ✅ CI 7개
활발 / 유지
저장소 생성 2026-03-12(약 7개월, OpenScreen 포크라 이력은 2025-10 부터). 커밋 1,923 중 90일에 275, 기여자 88명, 태그 60. 별 32,980 · 포크 2,665. 열린 이슈 477, 표본 25건 중 응답 10건(중앙값 10.2시간). 마지막 정식 릴리스 v1.4.0(9/8)
라이선스
AGPLv3 에 두 조건을 더했다. 「Recordly」 이름 · 브랜드를 내 프로젝트에 쓰지 말 것, 코드를 가져다 쓰면 화면과 저장소에 출처를 밝힐 것. 라이선스 첫머리에 사람 말 요약 네 줄과 포크 계보(OpenScreen)를 적어 뒀다. 앱을 써서 만든 영상에는 아무 조건이 없다

사이트 실측

주소
recordly.dev
응답 · 첫 화면
200 · 1.5초 (데스크톱)
요청 · 전송량
36개 · 703KB
깨진 요청 · 콘솔 오류
0개 · 0개
폰(390px)
가로 넘침 없음
디자인
어두운 화면 · Inter · Inter Display

홈페이지를 실제 크롬으로 띄워 첫 화면까지만 쟀습니다(2026-10-16 · 데스크톱 1440px · 폰 390px). 로그인 · 입력 같은 동작은 하지 않았고, 사이트 상태는 리포 품질과 따로 봅니다. 색 칸은 바탕 · 면 · 글자 · 흐린 글자 · 강조 · 선, 점선은 「못 잼」.

적용점

  • 이럴 때 유용앱 · 웹 데모 영상, 출시 소개, 사용법 GIF 를 편집 기술 없이 빨리 뽑아야 할 때. 녹화만 하면 확대 · 커서 · 틀이 거의 다 된다. 무료이고 맥 빌드가 서명 · 공증돼 있어 회사 맥에도 경고 없이 깔린다.
  • 이럴 땐 주의「클라우드 공유」는 영상을 Recordly 서비스로 올린다. 출시 전 앱이나 내부 화면을 녹화했다면 누르지 말고 파일로만 내보낸다. 맥은 처음 녹화할 때 화면 기록 권한을 줘야 하고, 시스템 소리까지 담으려면 macOS 14 이상이다. 코드를 가져다 우리 제품에 넣으면 AGPL 의무가 붙는다.
  • 먼저 볼 것릴리스에서 내 기기에 맞는 파일(애플 실리콘이면 Recordly-arm64.dmg)을 받아 SHA256SUMS.txt 와 맞춰 본다. 창 하나를 30초 녹화해 자동 확대가 어디서 걸리는지 보고, 마음에 드는 틀 설정을 프로젝트(.recordly)로 저장해 두면 다음 영상부터 같은 모양이 나온다.
◆ 도입 후보

판정은 도입 후보다. 화면 녹화기는 많지만, 녹화만 하면 데모 영상의 손질(커서 따라 확대, 매끈한 커서, 배경과 틀)이 거의 끝나 있다는 점이 다르다. 유료 앱들이 파는 기능을 무료로 준다. 맥 빌드를 직접 받아 확인했고 체크섬 · 서명 · 공증이 모두 맞았다. 테스트 212개와 CI 7개, 태그 60개로 관리도 꾸준하다. 조심할 것은 둘이다. 클라우드 공유 버튼은 영상을 남의 서버에 올리니 내부 화면에는 쓰지 않는다. 그리고 AGPL 이라 코드를 가져다 쓰는 순간 의무가 생기지만, 앱을 써서 영상을 만드는 데는 상관없다. 한 가지 더, 9월 1일에 처음 볼 때 별이 2.3만이었는데 한 달 만에 3.3만이 됐다. 그런데 수익 창구는 여전히 후원 버튼 하나다. 많이 퍼지는 것과 돈이 되는 것은 다르다는 걸 이만큼 또렷하게 보여 주는 저장소도 드물다.

원문 README

아래는 webadderall/Recordly 저장소의 README 원문입니다(GitHub 렌더, 수집 시점 기준). 저작권은 원 프로젝트에 있으며 원 저장소의 라이선스를 따릅니다. GitHub에서 보기

README 전문 펼치기

Language: EN | 简中

Recordly Logo

macOS Windows Linux AGPL 3.0 license

Create polished demo videos in minutes

Recordly is your open-source screen recorder and editor for walkthroughs, demos, product videos, and more. Accepting PRs.

MP4 to GIF export (4)

Backed by the community

CodeRabbit Typemark


What is Recordly?

Recordly is a desktop app for recording and editing screen captures with motion-driven presentation tools built in. Instead of sending raw footage to a motion designer just to add zooms, cursor polish, or a styled background, Recordly handles that workflow in one place for free.

Recordly runs on:

  • macOS 14.0+
  • Windows 10 Build 19041+
  • Linux on modern distros

Platform notes:

  • macOS uses native ScreenCaptureKit-based capture helpers.
  • Windows uses a native Windows Graphics Capture (WGC) helper on supported builds, with native WASAPI audio support.
  • Linux records through Electron capture APIs. Cursor hiding is not supported on Linux today.

Core Features

Auto-zooms, cursor polish, and styled frames

Recordly can automatically emphasize activity with zoom suggestions, smooth cursor movement, add motion effects, and place the final composition inside a styled frame with wallpapers, colors, gradients, blur, padding, and shadows.

Recordly cursor and zoom demo video

Dynamic webcam bubble overlays

Add webcam footage as an overlay bubble, position it with presets or custom coordinates, mirror it, control shadow and roundness, and optionally make it react to zoom so it stays visually balanced during motion.

Recordly webcam overlay demo video

Timeline editing built for demos

Use drag-and-drop timeline tools for zooms, trims, speed regions, annotations, extra audio regions, and crop-aware edits. Save and reopen work as .recordly project files.

timeline editor

Extensions & Marketplace

Recordly has a community-driven extension system. Anyone can build and publish extensions that add new capabilities to Recordly — cursor click sounds, device frames, browser mockups, wallpapers, render hooks, settings panels, and more.

Browse and install community extensions from the Recordly Marketplace.


All Features

Recording

  • Record an entire display or a single app window
  • Jump directly from recording into the editor
  • Capture microphone audio and system audio
  • Use native capture backends where supported
  • Resume editing from saved .recordly project files
  • Open existing recordings or existing project files from the app

Timeline and Editing

  • Drag-and-drop timeline editing
  • Trim unwanted sections
  • Add manual zoom regions
  • Use automatic zoom suggestions based on cursor activity
  • Add speed-up and slow-down regions
  • Add text, image, and figure annotations
  • Add extra audio regions on the timeline
  • Crop the recorded frame
  • Save and reopen projects with editor state preserved

Cursor Controls

  • Show or hide the rendered cursor overlay
  • Cursor size adjustment
  • Cursor smoothing
  • Cursor motion blur
  • Cursor click bounce
  • Cursor sway
  • Cursor loop mode for cleaner looping exports
  • macOS-style cursor assets for the rendered overlay

Webcam Overlay

  • Enable or disable webcam overlay footage
  • Upload, replace, or remove webcam footage
  • Mirror webcam footage
  • Size control
  • Preset positions and custom X/Y placement
  • Margin control
  • Roundness control
  • Shadow control
  • Optional zoom-reactive webcam scaling

Frame Styling and Backgrounds

  • Built-in wallpapers
  • Runtime wallpaper discovery from the wallpapers directory
  • Custom uploaded backgrounds
  • Solid color backgrounds
  • Gradient backgrounds
  • Frame padding
  • Rounded corners
  • Background blur
  • Drop shadows
  • Aspect ratio presets for the final frame

Export

  • MP4 export
  • GIF export
  • Export quality selection
  • GIF frame-rate selection
  • GIF loop toggle
  • GIF size presets
  • Aspect ratio and output dimension controls
  • Reveal exported files in the system file manager

Workflow and Usability

  • Customizable keyboard shortcuts
  • In-app shortcut reference
  • Feedback and issue links from the editor
  • Project persistence for editor preferences
  • Faster preview recovery after export

Screenshots

Recordly recording interface screenshot

Recordly editor screenshot

Recordly timeline screenshot


Installation

Download a build

Prebuilt releases are available at:

https://github.com/webadderallorg/Recordly/releases


Arch Linux / Manjaro (yay)

Install from the AUR (recordly-bin):

yay -S recordly-bin

PKGBUILD, desktop entry, release sync, and optional local-from-source packaging live in recordly-aur so this repository stays free of Arch release chores. For maintainer contact and how the package is updated, see that repo or the AUR package page.


Build from source

Prerequisites

macOS: Xcode Command Line Tools (xcode-select --install).

Linux (Ubuntu/Debian):

sudo apt install build-essential cmake libx11-dev libxtst-dev libxrandr-dev libxt-dev

Windows: Visual Studio 2022 (or Build Tools) with the C++ workload and CMake.

Steps

git clone https://github.com/webadderallorg/Recordly.git recordly
cd recordly
npm install
npm run dev

For packaged builds:

npm run build

Target-specific build commands are also available:

  • npm run build:mac
  • npm run build:win
  • npm run build:linux

macOS: "App cannot be opened"

Locally built apps may be quarantined by macOS.

Remove the quarantine flag with:

xattr -rd com.apple.quarantine /Applications/Recordly.app

System Requirements

Platform Minimum version Notes
macOS macOS 14.0 (Sonoma) Required for ScreenCaptureKit audio and microphone capture.
Windows Windows 10 20H1 (Build 19041, May 2020) Required for the native Windows Graphics Capture (WGC) helper and best cursor-hiding behavior.
Linux Any modern distro Recording works through Electron capture. System audio generally requires PipeWire.

Important

On Windows builds older than 19041, recording can still work through fallback capture, but the real OS cursor may remain visible in recordings.


Usage

Record

  1. Launch Recordly.
  2. Select a screen or window.
  3. Choose microphone and system-audio options.
  4. Start recording.
  5. Stop recording to open the editor.

Edit

Inside the editor you can:

  • add trims, zooms, speed regions, and annotations
  • tune cursor behavior and preview volume
  • style the frame with wallpapers, colors, gradients, blur, padding, and corners
  • add or adjust webcam overlay footage
  • add extra audio regions
  • crop the frame and choose an aspect ratio

Save your work anytime as a .recordly project.

Export

Export options include:

  • MP4 for standard video output
  • GIF for lightweight sharing and loops

You can adjust format-specific settings such as quality, GIF frame rate, GIF looping, and output size before export.


Limitations

Cursor capture

Recordly renders a polished cursor overlay on top of the recording. Platform cursor-hiding behavior still depends on OS support.

macOS

  • ScreenCaptureKit can exclude the real cursor cleanly.

Windows

  • Best results require Windows 10 Build 19041+ and the native capture helper.
  • Older builds fall back to Electron capture, so the real cursor may remain visible.

Linux

  • Electron desktop capture does not currently support cursor hiding.
  • If you also enable the rendered cursor overlay, exports may show both the real cursor and the styled cursor.

System audio

System audio support varies by platform.

Windows

  • Native WASAPI support

Linux

  • Usually requires PipeWire

macOS

  • Requires macOS 14.0+ and the ScreenCaptureKit-based workflow

How It Works

Recordly combines a platform-specific capture layer with a renderer-driven editor and export pipeline.

Capture

  • Electron coordinates recording and application flow
  • macOS uses native ScreenCaptureKit helpers
  • Windows uses a native Windows Graphics Capture (WGC) helper and native audio helpers where available

Editing

  • Timeline regions define zooms, trims, speed changes, audio overlays, and annotations
  • Cursor and webcam styling are applied in the editor state

Rendering

  • Scene composition is handled by PixiJS

Export

  • The same scene logic used in preview is rendered into exported MP4 or GIF output

Projects

  • .recordly files store the source media path plus editor state so work can be reopened later

Contribution

Contributions are welcome.

Areas where help is especially useful:

  • Linux capture and cursor behavior
  • Export performance and stability
  • UI and UX refinement
  • Localisation work
  • Additional editor tools and workflow polish

Please keep pull requests focused, test recording/edit/export flows, and avoid unrelated refactors.

See CONTRIBUTING.md for guidelines.


Community

Bug reports and feature requests:

https://github.com/webadderallorg/Recordly/issues

Pull requests are welcome.


Hall of Supporters

Ko-Fi

  • Tom Egan @tomegan on X
  • Robin Ebers @robinebers on X
  • Tadees
  • buildwithfur
  • piccinato
  • Tobias
  • Anonymous Supporter
  • Tandava Appadoo
  • Digitalfastmind
  • Roberto Marcelino
  • Tony
  • Rajan RK
  • Francesco
  • Erwan
  • Anonymous supporter

License

Recordly is licensed under the AGPL 3.0.


Credits

Acknowledgements

Recordly originally started as a fork of OpenScreen. Over 80% of code has diverged since. Many features of OpenScreen such as its zoom animations are directly ported from early versions of Recordly.

Created by
@webadderall


의견

판정에 대한 반론, 도입 경험, 정정 제보를 환영합니다. GitHub 계정으로 참여합니다.

이것도 재봤습니다

전체 리포트 →