Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/goshops-com/clipshare
An incredibly simple, open-source alternative to Loom that only requires S3-compatible storage—no servers needed
https://github.com/goshops-com/clipshare
Last synced: 3 months ago
JSON representation
An incredibly simple, open-source alternative to Loom that only requires S3-compatible storage—no servers needed
- Host: GitHub
- URL: https://github.com/goshops-com/clipshare
- Owner: goshops-com
- License: mit
- Created: 2024-08-21T00:35:03.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-30T12:01:11.000Z (3 months ago)
- Last Synced: 2024-08-30T16:59:28.290Z (3 months ago)
- Language: JavaScript
- Homepage: https://github.com/goshops-com/clipshare
- Size: 771 KB
- Stars: 240
- Watchers: 1
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ClipShare
**ClipShare** is a serverless screen recording application built as an open-source alternative to Loom. It empowers users to effortlessly record their screens, optionally capture camera footage, and seamlessly upload the recordings to an S3-compatible storage service. Powered by Electron, ClipShare offers a cross-platform solution that's both powerful and easy to deploy.
## 🎥 Video Demo
Check out [ClipShare in action](https://clipshare.gopersonal.com/01J64TT8C7BJD6G37SB7AP203B.webm).
## 🚀 Features
- **📹 Screen Recording**: Capture your entire screen or specific windows with crystal-clear audio.
- **🎥 Camera Integration**: Add a personal touch by including your camera feed in recordings.
- **🚀 Auto-Launch**: Start ClipShare automatically when your system boots up.
- **🖥️ Tray Icon**: Quick access to ClipShare from your system tray for seamless workflow integration.
- **☁️ Serverless Architecture**: Upload recordings directly to an S3 bucket without the need for a backend server.
- **🛠️ Customizable**: Easily configure recording settings, storage options, and more.
## 🏁 Getting Started
### Prerequisites
Before you begin, ensure you have the following installed:
- [Node.js](https://nodejs.org/) (v14 or higher)
- [npm](https://www.npmjs.com/) (v6 or higher)
- An S3-compatible storage service (e.g., AWS S3, MinIO, DigitalOcean Spaces)
### Installation
1. Clone the repository:
2. Install the dependencies:
```bash
npm install
```
3. Create a `.env` file in the root directory:
```plaintext
ACCESS_KEY=your_access_key
ACCESS_SECRET=your_secret_key
ENDPOINT=https://s3.yourservice.com
REGION=us-east-1
BUCKET_NAME=your-bucket-name
URL_PREFIX=https://your-custom-domain.com/
ACL=public-read
PRESIGN_URL=false
PRESIGN_URL_EXPIRY=3600
```
Notes:
* `URL_PREFIX` is optional. If provided, it will be used as a prefix for the uploaded file URLs.
* `ACL` is optional; default is `public-read`. Other values, such as `private` or `authenticated-read`, may be configured, depending on your object storage provider. This value will be used as the canned ACL when saving recordings.
* `PRESIGN_URL` is optional; default is `false`. If set to `true`, recording URL will be signed, allowing use of a private bucket.
* `PRESIGN_URL_EXPIRY` is optional; default is 86400 (1 day). This value is the expiry for the signed URL, in seconds.
### Building the Application
To build ClipShare for your platform:
```bash
npm run build
```
This command packages the application and places it in the `dist/` directory.
### Running the Application
For development:
```bash
npm start
```
For production, run the packaged application from the `dist/` directory.
## 📘 Usage
1. **Launch**: Start ClipShare from your applications menu or use auto-launch.
2. **Access**: Click the tray icon to open the main interface.
3. **Record**: Choose your recording options and click "Start Recording".
4. **Stop**: Click "Stop Recording" when finished.
5. **Share**: After automatic upload, use the provided URL to share your recording.
## 🏠 Self-Hosted Setup
If you don't intend to use an external S3 service, you can set up a MinIO docker container for local storage. Here's an example `docker-compose.yml` file:
```yaml
version: '3'
services:
minio:
image: minio/minio
ports:
- "9000:9000"
- "9001:9001"
volumes:
- ./data:/data
environment:
MINIO_ROOT_USER: your_access_key
MINIO_ROOT_PASSWORD: your_secret_key
command: server /data --console-address ":9001"
```
To use this setup:
1. Save the above content in a `docker-compose.yml` file.
2. Run `docker-compose up -d` to start the MinIO server.
3. Access the MinIO console at `http://localhost:9001` and create a bucket.
4. Update your `.env` file with the following:
```plaintext
ACCESS_KEY=your_access_key
ACCESS_SECRET=your_secret_key
ENDPOINT=http://localhost:9000
REGION=us-east-1
BUCKET_NAME=your-bucket-name
```
This configuration allows you to use ClipShare with a self-hosted S3-compatible storage solution.
## 🛠️ Troubleshooting
- **Environment Variables**: Ensure your `.env` file is correctly formatted and in the root directory.
- **Auto-Launch Issues**: Check your system's startup application settings.
- **Recording Quality**: Adjust bitrate and resolution in the app settings for optimal performance.
## 🤝 Contributing
We welcome contributions! Please follow these steps:
1. Fork the repository
2. Create a new branch: `git checkout -b feature/your-feature-name`
3. Make your changes and commit them: `git commit -m 'Add some feature'`
4. Push to the branch: `git push origin feature/your-feature-name`
5. Submit a pull request
Please read our [Contributing Guidelines](CONTRIBUTING.md) for more details.
## 📜 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🙏 Acknowledgments
- [Electron](https://www.electronjs.org/) for making cross-platform desktop apps easy
- [AWS SDK](https://aws.amazon.com/sdk-for-javascript/) for S3 integration
- All our amazing contributors and users!
---
Built with ❤️ by the ClipShare team. Happy recording!