11ty Twitch Scenes

Overview

Twitch Scenes is a setup created using Eleventy and Sass, allowing users to create and customize scenes for their streaming setup. Each scene is accessible through a local server and is optimized for a resolution of 1280x720. The scenes include features such as pre and post-show messages, a main scene with a large capture area and host webcam capture, a guest scene with two large webcam capture areas, a guest-host scene with two webcams and a large display, and a bonus slideshow layout. The scenes also include stream "header" details and embedded chat.

Features

• Customizable stream meta data and allowed chat commands
• Optimized scenes for pre and post-show messages, main scene, guest scene, and guest-host scene
• Stream header details and embedded chat in all scenes
• Optional slideshow template for stream presentations
• Gradients used in styles to create transparent areas for additional stream elements
• Capture areas specified for different scenes
• Included scripts and styles for handling chat, commands, and subscriptions

Summary

Twitch Scenes is a setup built using Eleventy and Sass, allowing users to create and customize scenes for their streaming setup. It provides an easy way to set up pre and post-show messages, custom capture areas, and embedded chat functionality. The scenes are optimized for a resolution of 1280x720 and can be easily customized to match the user's branding. With the included scripts and styles, users can also handle chat commands and new subscriptions.