Turn Markdown into animated programming tutorials using remotion.
🚩 - warning this project is still in alpha, you probably shouldn't use this with unsaved premiere pro projects or anything high risk.
I create some coding tutorials on my youtube channel and it's always annoying to make fireship io inspired coding tutorials. The traditional way that he's done it and I've done it is by putting your entire code block into vs code, "frame by frame" doing a control + z to get them all to instantly appear and be highlighted. This sucks especially if you realize in editing a variable name is spelled wrong.
I've created this to easily convert a markdown file representing this tutorial -> remotion -> premiere pro automations.
python -m pip install -r requirements.txt- Follow pymiere's installation guide for automating premiere pro actions
- Install ffmpeg to render video
- Define a markdown file see examples in examples/basic.md, the basic idea is each code block is a "segment"/frame
python main.py render examples/basic.md- Open up premiere pro with a new project, create a sequence
python main.py export examples/basic.md
Check out the example mp4 here or on youtube
We cut around the frames so you can easily re-size it do whatever your voice over duration ends up being.
Still Typing
Middle cut no "movement"
Post cut, start typing
Still early in code and working on more things
- - allow styling control through a
settings.json - - allow "excluded" blocks for like cli runs of in progress code
- - multi-aspect ratio support
- - clean up the code 😅