Develop Custom Twitch Scenes and Setup in OBS
Offered By: egghead.io
Course Description
Overview
Learn how to make flexible customized Twitch Scenes using the static site generator Eleventy (11ty), CSS, and ComfyJS.
Throughout this course, you'll create scenes for preshow, host, and main desktop display streaming purposes. Using ComfyJS, we'll add embedded chat and be able to create responses to chat commands. Finally, we'll see how to actually setup the scenes in OBS to prepare to use them for your stream.
Bonus: you'll learn a bit more about CSS grid layout, and also the "cicada principle" to be able to show the commands randomly across the scene!
Throughout this course, you'll create scenes for preshow, host, and main desktop display streaming purposes. Using ComfyJS, we'll add embedded chat and be able to create responses to chat commands. Finally, we'll see how to actually setup the scenes in OBS to prepare to use them for your stream.
Bonus: you'll learn a bit more about CSS grid layout, and also the "cicada principle" to be able to show the commands randomly across the scene!
Syllabus
- Setup Eleventy Project for Creating Twitch Scenes
- Create Twitch Scene Templates and Style
- Embed Twitch Chat in Scenes Using ComfyJS
- Respond to Twitch Chat Commands With Scene Elements and ComfyJS
- Setup Custom Twitch Scenes in OBS
Taught by
Stephanie Eckles
Related Courses
Building Serverless Apps with JAMStack and EleventyLinkedIn Learning Turn Static HTML-CSS into a Blog with CMS Using the JAMStack
Kevin Powell via YouTube Accessible Cross-Browser CSS Form Styling
egghead.io Learn About Islands Architecture With Slinkity
Learn With Jason via YouTube Let's Learn Passwordless Auth!
Learn With Jason via YouTube