OBS: CCS Production
Production documentation and setup instructions for the Classic Championship Series (CCS) League of Legends broadcast package.
Introduction
This stream package was created to run the tournament broadcasts of the Classic Championship Series. It automates much of the overlay controls using Google Sheets integration, ensuring that graphics update instantly on-air when modified inside the production spreadsheet.
Package Credits: Assembled and wired by MisterBantastic (Matthew Boyle), with original visual designs and graphics created by Goldyn.
Download Options
Producers and observers have two methods for deploying this package. Option 1 installs the assets, scene collections, and tools on an existing OBS environment. Option 2 uses a pre-bundled portable OBS instance containing all plugins preset.
Option 1: Download & Install Manually
For custom OBS instances, download the required plugins, fonts, and scripts to initialize the layout:
Required OBS Plugins
- xObsAsyncImageSource (v1.0): Enables asynchronous loading of broadcast images, eliminating lag spikes during asset swaps.
- Advanced Scene Switcher (v1.33.1): Runs automatic triggers and transition logic. Important: Make sure to update to the latest version to prevent JSON parsing errors.
- Move Transition (v3.2.1): Creates layout translations and slides on-screen.
- Transition Table (v0.3.1): Manages specialized transitions between scene pathways.
- Source Switcher / Slide Show: Facilitates carousel graphics and looping media assets.
Required Fonts
Download and install these system fonts before opening OBS Studio. If installed while OBS is open, restart the application to link them:
GoBold- Primary typography.Edo- Secondary accent typography.
Option 2: Portable OBS (WIP)
This option downloads a self-contained, standalone OBS directory configured with pre-installed plugins, scene profile assets, and structural scripts. Perfect for quick deployment on new production PCs.
Portable Package Includes: Portable OBS binaries, Sheet Importer client folders (CCS1 & CCS2 configurations), the Apollo overlay JSON template, system fonts (Edo, GoBold), and broadcast background music.
Google Sheets Importer Tool
To establish a data connection between your Google Sheets dashboard and the OBS overlay elements, we use a custom Node.js bridge. Both the Observer and Producer PCs must run this tool simultaneously to trigger updates.
Installation Requirements
- Download and install Node.js on your machine.
- Extract the Google Sheets Importer folder.
- Open your terminal, navigate to the folder, and run
npm install(or launch the providedinstall.batscript) to install configuration dependencies.
Troubleshooting: If the connection fails, verify that your Google Sheet has
share permissions set to "Anyone with the link can view" and that the websocket
credentials in your config.json match your OBS WebSocket settings.
Producer Checklist
Ensure these final steps are completed before heading live:
- Double check that the Sheets Importer tool displays a green
"Connected to OBS"confirmation in the terminal console. - Verify the Apollo JSON overlays align properly in your OBS workspace.
- Confirm broadcast background music paths match the relative file paths in your OBS media sources.
- Integrate the custom Interview Mask overlay to frame live talent cams cleanly.