Adding wheel output to OBS Studio

Adding the wheel spinner to your OBS Studio scenes

• Make sure you have ran the program (MojoWheel) at least once before
• Verify you are running the latest version of OBS Studio
• Under sources press the + button
• Select "BrowserSource"
• Name it as you would like, then hit enter
• Now add as a local file or as a url

Adding as a local file

• Check the box labeled local file
• Click Browse
• WINDOWS: Type into the navigation bar %appdata%/MojoWheel/
• Select result.html and open
• Continue with steps here

Adding as a url

• Make sure the program (MojoWheel) is running currently
• Open localhost:8000 on your preferred web browser. NOTE: This may already be opened as it launches when the program (MojoWheel) started
• Copy the text found after OBS, for windows users it should look something similar to (if not already): file:///C:\AppData\Roaming\MojoWheel\result.html
• Paste it into the URL box
• Continue with steps here

Final steps & configuration

• Width, height, and fps can be customized in their respective fields below Url/Local File
• Recommended settings:

1. Width: 800
2. Height: 200
3. FPS: 30

• CSS can be modified here, but it is not recommended to change anything from what OBS has placed in there by default
• Check the box labeled refresh browser when scene becomes active
• Check the box labeled shutdown source when not visible
• Press OK and you are finished!

To add to multiple scenes

• Under sources press the + button
• Select "BrowserSource"
• Add existing
• Name you called it in earlier steps