How cyprien63/recordly works
Recordly is an Electron desktop screen recorder and video editor. The main workflow starts with choosing a screen or window, recording media, opening the capture in the editor, editing its timeline and presentation, saving a project, and exporting MP4 or GIF. The graph separates the renderer’s editing/export layers from Electron’s capture and persistence services, and includes documented captioning and extension capabilities. Wiring is based on the README and sampled excerpts; some feature nodes are documented subsystems whose internal connections were not sampled.
Main entry points: VideoEditor.tsx Video editor · handlers.ts IPC handlers · recording Recording pipeline · useEditorExportController.ts Export controller
Components 20
Recording
- Recording controls
src/components/launch/LaunchWindow.tsx - Recording pipeline
electron/ipc/recording - Native capture
electron/native - Recorded media
Editing
- Video editor
src/components/video-editor/VideoEditor.tsx - Timeline editing
src/components/video-editor/timeline - Motion and styling
src/components/video-editor/videoPlayback - Webcam overlay
src/components/video-editor/webcamOverlay.ts - Auto captions
src/components/video-editor/captions/useAutoCaptionController.ts - Project lifecycle
src/components/video-editor/project/useEditorProjectController.ts - Extensions
src/components/video-editor/ExtensionManager.tsx
Export and sharing
- Export controller
src/components/video-editor/export/useEditorExportController.ts - Media renderer
src/lib/exporter - MP4 or GIF
- Cloud sharing
electron/ipc/register/cloudShare.ts
Desktop runtime
- Project files
electron/ipc/project - Export service
electron/ipc/export - IPC handlers
electron/ipc/handlers.ts - Share service
services/recordly-share/worker/src/index.js
Other components
- Creator
Connections 22
- Creator → Recording controls: chooses sources
- Recording controls → IPC handlers: requests recording
- IPC handlers → Recording pipeline: dispatches capture
- Recording pipeline → Native capture: uses platform capture
- Recording pipeline → Recorded media: writes recording
- Recorded media → Video editor: opens media
- Video editor → Timeline editing: edits regions
- Video editor → Motion and styling: configures appearance
- Video editor → Webcam overlay: configures overlay
- Video editor → Auto captions: generates captions
- Auto captions → IPC handlers: requests transcription
- Video editor → Project lifecycle: manages project
- Project lifecycle → IPC handlers: saves or loads
- IPC handlers → Project files: reads and writes
- Video editor → Export controller: starts export
- Export controller → Media renderer: configures render
- Media renderer → Export service: routes native export
- Export controller → MP4 or GIF: produces export
- Video editor → Extensions: manages extensions
- Video editor → Cloud sharing: initiates sharing
- Cloud sharing → IPC handlers: dispatches requests
- IPC handlers → Share service: calls service