# siddharthvaddem/openscreen

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/siddharthvaddem-openscreen).**

7,282 stars · 441 forks · TypeScript · mit

## Links

- GitHub: https://github.com/siddharthvaddem/openscreen
- Homepage: https://openscreen.vercel.app
- awesome-repositories: https://awesome-repositories.com/repository/siddharthvaddem-openscreen.md

## Topics

`electron` `open-source` `pixijs` `screen-capture` `screen-recorder`

## Description

OpenScreen is screen recording and editing software used to capture screen video and audio with an integrated timeline for trimming, cropping, and playback adjustments. It functions as a comprehensive system for recording, annotating, and exporting audio-visual content.

The project includes a dynamic zoom editor for applying manual or cursor-following zooms with adjustable depth and easing. It features a local caption generator that uses on-device transcription to create voiceover captions without uploading data to external servers. Additional specialized tools allow for the integration of webcam feeds as picture-in-picture overlays and the addition of animated arrows, text, and custom cursor effects.

The software covers a wide range of media capabilities, including screen and audio capture, timeline-based editing with audio waveforms, and visual enhancement tools for custom backgrounds. It supports various media export options for different resolutions and aspect ratios.

The project is implemented using TypeScript.

## Tags

### Graphics & Multimedia

- [Screen and Audio Capture](https://awesome-repositories.com/f/graphics-multimedia/audio-music/audio-recording/screen-and-audio-capture.md) — Captures simultaneous screen video and system/microphone audio for recording. ([source](https://cdn.jsdelivr.net/gh/siddharthvaddem/openscreen@main/README.md))
- [Screen Recording and GIF Editors](https://awesome-repositories.com/f/graphics-multimedia/screen-recording-and-gif-editors.md) — Combines screen capture with a timeline editor for trimming and cropping video recordings.
- [Canvas Rendering](https://awesome-repositories.com/f/graphics-multimedia/canvas-rendering.md) — Uses a canvas-based rendering system to draw video frames and overlays for real-time visual manipulation.
- [Instructional Video Production](https://awesome-repositories.com/f/graphics-multimedia/instructional-video-production.md) — Provides tools for trimming recordings and adding highlights to create clear instructional content.
- [Video Post-Production Effects](https://awesome-repositories.com/f/graphics-multimedia/video-post-production-effects.md) — Produces polished promotional demos using webcam overlays, cursor smoothing, and custom backgrounds.
- [Video Timeline Visualizers](https://awesome-repositories.com/f/graphics-multimedia/video-timeline-visualizers.md) — Provides a video timeline with audio waveforms and snapping guides for precise trimming and cropping. ([source](https://cdn.jsdelivr.net/gh/siddharthvaddem/openscreen@main/README.md))
- [Visual Layer Composition](https://awesome-repositories.com/f/graphics-multimedia/visual-layer-composition.md) — Utilizes a layered composition pipeline to stack backgrounds, screen captures, and overlays before rendering.
- [Animated Recording Exporters](https://awesome-repositories.com/f/graphics-multimedia/animation-motion/animated-image-rendering/animated-recording-exporters.md) — Exports recorded screen activity into video files with customizable resolutions and aspect ratios. ([source](https://cdn.jsdelivr.net/gh/siddharthvaddem/openscreen@main/README.md))
- [Automatic On-Device Captioning](https://awesome-repositories.com/f/graphics-multimedia/automatic-on-device-captioning.md) — Provides on-device voiceover transcription to create captions without uploading data to external servers.
- [Cursor Animations](https://awesome-repositories.com/f/graphics-multimedia/cursor-animations.md) — Enhances cursor visibility with custom sizes, smoothing, and click effects during playback. ([source](https://cdn.jsdelivr.net/gh/siddharthvaddem/openscreen@main/README.md))
- [On-Device Generation](https://awesome-repositories.com/f/graphics-multimedia/media-production-suites/graphics-media-assets/media-assets/video-content/automatic-captioning/on-device-generation.md) — Generates voiceover captions directly on the user's device to ensure data privacy and offline access. ([source](https://cdn.jsdelivr.net/gh/siddharthvaddem/openscreen@main/README.md))
- [Customizable Webcam Bubbles](https://awesome-repositories.com/f/graphics-multimedia/screen-overlays/customizable-webcam-bubbles.md) — Integrates webcam feeds as picture-in-picture overlays with adjustable shapes and positions. ([source](https://cdn.jsdelivr.net/gh/siddharthvaddem/openscreen@main/README.md))
- [Automated Zoom Effects](https://awesome-repositories.com/f/graphics-multimedia/video-rendering-effects/automated-zoom-effects.md) — Implements dynamic zooming that follows the cursor or manual focal points with adjustable easing. ([source](https://cdn.jsdelivr.net/gh/siddharthvaddem/openscreen@main/README.md))
- [Screen Space Coordinate Mappings](https://awesome-repositories.com/f/graphics-multimedia/visualization-mapping/visualization-frameworks/coordinate-systems/page-coordinate-mapping/screen-space-coordinate-mappings.md) — Calculates focal points by mapping cursor coordinates to the screen space for dynamic zooming.

### Education & Learning Resources

- [Visual Tutorial Creation](https://awesome-repositories.com/f/education-learning-resources/visual-tutorial-creation.md) — Supports creating step-by-step software tutorials through screen recording and visual annotations.

### Software Engineering & Architecture

- [Timeline State Managers](https://awesome-repositories.com/f/software-engineering-architecture/timeline-state-managers.md) — Employs a centralized time-index to manage playback markers, audio cuts, and visual changes.

### User Interface & Experience

- [Visual Annotation Tools](https://awesome-repositories.com/f/user-interface-experience/cursor-visualizations/video-element-customization/visual-annotation-tools.md) — Implements a system for adding animated arrows, text, and custom cursor effects to emphasize screen elements.

### Artificial Intelligence & ML

- [Visual Annotation Tools](https://awesome-repositories.com/f/artificial-intelligence-ml/machine-learning/frameworks/computer-vision/computer-vision-tools/visual-annotation-tools.md) — Allows adding animated arrows, text, and images to highlight specific elements in recordings. ([source](https://cdn.jsdelivr.net/gh/siddharthvaddem/openscreen@main/README.md))
- [Automatic Speech Recognition](https://awesome-repositories.com/f/artificial-intelligence-ml/machine-learning/speech-processing/automatic-speech-recognition.md) — Provides on-device speech-to-text transcription to generate captions locally for privacy.

### Content Management & Publishing

- [Technical Media Capture](https://awesome-repositories.com/f/content-management-publishing/technical-media-capture.md) — Captures high-resolution window and audio streams specifically for technical documentation guides.