You can use My Simple Tutorial Creator for FREE here.
🔖 This application is a "mini video tutorial recording studio" with a built-in code editor (html/css/js)... but not only, you can capture the screen, window or browser tab you want, so you can use your usual editor without any worries*!
✔️ This is Progressive Web App (PWA)
You can easily install this application on a Windows, Mac or Linux computer.
The built-in Cam only works on the application's native code editor - to record a screen or window with Cam option other than the one in the application, use the "My Simple Cam"* widget designed for this purpose.
*This widget installs directly on MacOs/Linux/Windows computers, there is no web version, it is a desktop version only.
❗ Select the screen you want to record!
❗ Select the window you want to record!
❗ Select the browser tab you want to record!
❗ You can work directly in the editor, any changes are taken into account instantly.
❗ You can record your video directly, and then once it is finished, you can download it in .mp4 format.
The link for download the widget for your operating system here
❗ How to record my usual code editor with My Simple Tutorial Creator & the My simple Cam widget?
❗ Start the application installed on the computer (or the web version)
❗ Put the application window on the screen you want...
❗ Now start the My Simple Cam widget
❗ Place the widget where you want
Place the widget where you want it,
then start the widget cam.
And the button to start recording.
❗ Start recording movie with sound
On the app there is a green button, this button allows you to choose to capture the screen you want. click it!
❗ Choose the screen
Click on the thumbnail of the screen you wish to capture.
❗ When recording is in progress...
A message appears at the bottom of the relevant window.
Click on the red button to stop the audio/video recording.
❗ Download the video!
When the recording is complete, a button to download the video appears.
❗ Your video is ready now!...
If you want to uninstall the application from your computer, nothing could be easier!
Just start the application.
Fork or clone directly this repository.
yarn
or
npm i
yarn start
or
npm start
yarn build
or
npm build
Use github, netlify, vercel, etc... for the deployment!
❌ this application is not responsive on mobile 📴 (as it is an application for people working in front of a computer - developer like me for example - I did not find useful to do media queries for that).
- Thought, designed and developed with 💜 by Rodolphe Augusto
Enjoy the World 😏
I put almost everything open-source I can, and try to accommodate anyone who needs help using these projects. Obviously, this takes time. You can use this service for free.
However, if you are using this project and are happy with it or just want to encourage me to keep creating: -
- Put a star and share the project 🚀
Thank you! ❤️
MIT
https://github.com/rodolphe37/halloween2021-bat-tuto-youtube-video
https://github.com/rodolphe37/cra-template-github-my-profile
https://github.com/rodolphe37/react-native_geolocation-tracker
https://github.com/rodolphe37/cra-pwa-react-ultimate-messenger