Creating OBS plugins in Javascript with NodeCG
I was working on a video where I went through all the Pokémons in Kanto's dex, then talked about all the translations that were made for the French version of the game.
Alas, I am a lazy being. A very lazy one. So I didn't want to spend who-knows how much time on editing ; I wanted to just record it and have the visual stuff happen on OBS.
That's when I found NodeCG ! Using it is very easy, you just follow the docs here, and you're started.
If you want an example of what I did, you can take a look at my project here ; it has a panel displayed inside OBS, a full screen view, and some backend logic. You'll get to see what the doc linked above mentions in practice.
BUT ! If you want a TL;DR of how it works, you basically have to create three pieces :
- The Graphics ; those are what's gonna be displayed as a browser source in OBS.
- The Extension ; this is what handles the backend logic.
- The Dashboard ; this is the panel inside OBS with controls.
They all communicate via messages (or replicant if you need stuff to be permanent), and boom. You've got some clean code to perform some onscreen shenanigans without too much trouble.
Always love me some cool Node tools.