Magnemite is a screen recorder for websites, built with Electron.
Magnemite is useful for getting 🐞 repro steps from an end user in the form of a video recording 📹.
Did your end user report a bug in your web app? Whether you are a Support team, a Development team, or anyone who deals with “bugs”, you can benefit from Magnemite! Simply tell the end user to install Magnemite and use it as they normally use your web app. They can click a button if they run into a bug and now you have a video of their issue!
Other screen recorders are usually general purpose and designed for tech-savy users. For example, kap or QuickTime’s New Screen Recording work well when you are recording your screen for a demo.
But these tools are difficult for a Support Team to explain to a user because you need to answer the following questions:
Magnemite solves this specific use case by answering these questions in the following way:
Clone this repository
git clone https://github.com/styfle/magnemite.git
Update the config file
WEBVIEW_START_PAGE- your website which is used when the user launchs Magnemite for the first time
SERVER_HOST- the hostname of the server where you deployed
SERVER_PORT- the port of the server where you deployed
Build the code
npm run build
Deploy the server file
Navigate to different pages, the screen is capture the whole time
Click the “Report Bug” button to end the recording and auto-upload to the server
.tgz file on the server, extract the tarball, and open
playall.html with your browser
See Issues for work that is still in progress.
Magnemite is named after the pokemon. You can see more code/projects named after pokemon at repokemon.
Want to help? Start by cloning this repo, and then install, build, and run!
git clone https://github.com/styfle/magnemite.git npm install npm run build npm start
For more info on working with streams, buffers, byte arrays, and files, see the following:
Developed by ceriousy.com