/sunshot

Electron / Next.js - Screen recorder that follows your mouse

Primary LanguageCSSOtherNOASSERTION

SunShot - Beautiful Screen Recordings

  • Electron / Next.js
  • Windows Only (for now)
  • Uses sunshot-recorder and sunshot-creator C++ Native Node Modules

Getting Started

Clone Repos

Clone this repo.

Install Dependencies

May need to install GTK 2: https://github.com/Automattic/node-canvas/wiki/Installation:-Windows

`choco install ffmpeg`
`volta install node@16.16.0`
`npm install`
`./node_modules/.bin/electron-rebuild`

Try App

# development mode
`npm run dev`

# production build
`npm run build`

Generate Code

  • npx plop

Notes

If you need any assistance with setup, feel free to add an Issue or email: alexthegoodman@gmail.com

Building canvas

Concatenating video ffmpeg -f concat -i input.txt output2.webm

input.txt format

file 'file.webm'
file 'file2.webm'

Transforming getUserMedia video to workable mp4 ffmpeg -i input.webm -vf "fps=60" output.mp4

Compressing video ffmpeg -i input.mp4 -c:v libx264 -crf 23 output_compressed.mp4

When working with @spectrum-css, copy needed files installed in node_modules to public/lib