PatchRus Record

Forked from https://github.com/alyssaxuu/screenity

Used for The Patchboys of South Milwaukee and Brookfield as a proposal recording tool.

Table of contents

• Features
• Self-hosting PatchRus Record
• Creating a development version
  • Enabling Save to Google Drive
• Acknowledgements

Features

🎥 Make unlimited recordings of your tab, a specific area, desktop, any application, or camera
🎙️ Record your microphone or internal audio, and use features like push to talk
✏️ Annotate by drawing anywhere on the screen, adding text, arrows, shapes, and more
✨ Use AI-powered camera backgrounds or blur to enhance your recordings
🤖 AI transriptions and job proposal writing powered by AWS Transcribe and OpenAI API
🔼 Uploads to AWS S3 for later cliet viewing
🔎 Zoom in smoothly in your recordings to focus on specific areas
🪄 Blur out any sensitive content of any page to keep it private
✂️ Remove or add audio, cut, trim, or crop your recordings with a comprehensive editor
👀 Highlight your clicks and cursor, and go in spotlight mode
⏱️ Set up alarms to automatically stop your recording
💾 Export as mp4, gif, and webm, or save the video directly to Google Drive to share a link
⚙️ Set a countdown, hide parts of the UI, or move it anywhere
🔒 Only you can see your videos, we don’t collect any of your data. You can even go offline!
💙 No limits, make as many videos as you want, for as long as you want
…and much more - all for free & no sign in needed!

Self-hosting PatchRus Record

You can run PatchRus Record locally without having to install it from the Chrome Store. All you need is a build directory. Due to this being for internal use the build directory is provided directly.

Creating a development version

❗️ Note that the license has changed to GPLv3 for the current MV3 version (Screenity version 3.0.0 and higher). Make sure to read the license and the Terms of Service regarding intellectual property.

1. Check if your Node.js version is >= 14.
2. Clone this repository.
3. Run npm install to install the dependencies.
4. Run npm start.
5. Load the extension by going to chrome://extensions/ , and enabling developer mode.
6. Click on Load unpacked extension.
7. Select the build folder.

Enabling Save to Google Drive

To enable the Google Drive Upload (authorization consent screen) you must change the client_id in the manifest.json file with your linked extension key.

You can create it accessing Google Cloud Console and selecting Create Credential > OAuth Client ID > Chrome App. To create a persistent extension key, you can follow the steps detailed here.

Libraries used

• FFmpeg WASM for editing and encoding videos
• Tensorflow with the Selfie Segmentation model
• Fabric.js for drawing and annotating
• Radix Primitives for the UI components
• react-color for the color wheel
• localForage to help store videos offline with IndexedDB
• Wavesurfer.js to create audio waveforms in the popup and the editor
• React Advanced Cropper for the cropping UI in the editor
• fix-webm-duration to add missing metadata to WEBM files

Acknowledgements

• Thanks to screenity.io for providing their recording software tool, it is amazing!

If you need any help contact me@matejam.com