DEV Community

Using HTML, CSS, and JavaScript to Create OBS Plugins for Your Live Streaming Sessions

Horus Lugo on April 11, 2020

A few days ago, I decided to give a try to live coding on Twitch. I developed a bot for one of the forums I visit regularly and it was a great expe...
Collapse
 
hazz3r profile image
Harrison • Edited

Anything you can do in Chrome you can do in OBS using the Browser Source. It's ridiculously powerful.

The guys who help run Games Done Quick put together a really powerful framework for creating OBS Graphics called NodeCG. It's essentially a way for you to create pages and manage them, and even having a control centre from which you can press buttons and such to control the information on the graphics themselves. What's great is that the framework is completely separate from the Page Content, meaning you can use whatever technology you want to create the Graphics. It requires a build step if you're writing ES6, but it's not difficult to put together. github.com/nodecg/nodecg

Collapse
 
horusgoul profile image
Horus Lugo

Wow! I'm going to take a look to that framework, it definitely sounds like something I may end up using for my streamings.

Thanks!!

Collapse
 
hrn4n profile image
Hernán

This is super interesting, I didn't know you could use HTML for these kind of things

Some comments have been hidden by the post's author - find out more