https://github.com/contrastio/recorder
📹 Recorder | Open-source web app to record screen and camera directly in your browser | No installation required | No tracking | Fully local | 🚀
https://github.com/contrastio/recorder
insertable-streams picture-in-picture privacy recorder
Last synced: 8 months ago
JSON representation
📹 Recorder | Open-source web app to record screen and camera directly in your browser | No installation required | No tracking | Fully local | 🚀
- Host: GitHub
- URL: https://github.com/contrastio/recorder
- Owner: contrastio
- License: mit
- Created: 2023-06-20T08:33:51.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-21T09:46:49.000Z (about 2 years ago)
- Last Synced: 2023-08-05T03:10:44.711Z (about 2 years ago)
- Topics: insertable-streams, picture-in-picture, privacy, recorder
- Language: TypeScript
- Homepage: https://recorder.getcontrast.io
- Size: 1.94 MB
- Stars: 23
- Watchers: 6
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎥 Recorder
Welcome to Recorder, the coolest open-source web application that lets you capture your screen and camera right in your browser! No downloads or installations needed – just head over to [recorder.getcontrast.io](https://recorder.getcontrast.io), and start your recording! 🚀
**Want to learn more about us?** We are passionate about creating innovative video tools. Visit our website: [getcontrast.io](https://getcontrast.io)
## Features
- ✨ **Simple and Intuitive:** Recorder offers a user-friendly interface, making recording a breeze for everyone.
- 🎥 **Screen and Camera Recording:** Capture your browser tab or window while simultaneously adding a personal touch with your webcam.
- 🖼️ **Picture-in-Picture View:** Experience the magic of picture-in-picture, see yourself while you're recording your screen.
- 🔒 **Local and Secure:** Privacy should always be a top priority! All recordings take place directly in your browser so whatever you record, only you’ll have access to it.
- 🎬 **Real-time Preview:** Preview your camera and screen recording in real-time before diving into the action.
## How to Use
1. **Access the Web Application:** Fire up your Google Chrome browser and head to [recorder.getcontrast.io](https://recorder.getcontrast.io).
2. **Choose Your Mode:** Select your desired recording mode:
- 🖥️ **Screen only:** Capture your browser tab or window without the camera.
- 🎥 **Screen and camera:** Record your browser tab or window along with your awesome camera.
- 📷 **Camera only:** Focus solely on your camera for a personal touch.
3. **Start Recording:** Click the big red "Record" button to kickstart your screen and camera recording adventure.
4. **Picture-in-Picture View:** Your camera will appear in a nifty picture-in-picture view while recording the screen.
5. **Save and Share:** Ready to wrap it up? Click the "Stop" button and save your masterpiece as a video file to share with the world! 🌎
## Browser Compatibility
Recorder only works with **Google Chrome**! It leverages certain browser capabilities that may not be available in other browsers at the moment.
## Support
If you encounter any issues, have questions, or need assistance, please feel free to [open an issue](https://github.com/contrastio/recorder/issues) on GitHub. We welcome your feedback and are happy to assist with any questions or concerns you may have.
## Development & Contributions
Excited to dive into the code and make this app even cooler? To get started, follow these steps:
1. **Clone the Repository:** Fork the Recorder repository and clone it to your local machine using Git.
```bash
git clone https://github.com/contrastio/recorder.git
```
2. **Navigate to the Directory:** Move into the Recorder project directory.
```bash
cd recorder
```
3. **Install Dependencies:** Install the necessary dependencies using Yarn.
```bash
yarn
```
4. **Run the Development Server:** Start the development server with Yarn.
```bash
yarn dev
```
5. **Make Your Changes:** Work your magic! Make the desired improvements, add features, or fix issues.
6. **Create a Pull Request:** Once you're happy with your changes, create a pull request on the main Recorder repository. We'll review your contribution and merge it if everything looks good!
## License
Recorder is released under the [MIT License](LICENSE), allowing you to freely use, modify, and distribute the application.
---
Time to unleash your creativity and capture those moments with Recorder! 🎬🌟 Lights, camera, action!