Overlay Not Showing in OBS
The Browser Source is added but nothing appears
Solution 1: Verify URL
- Right-click the Browser Source in OBS → Properties
- Verify the URL is correct (should start with https://)
- Make sure you copied the full URL from your dashboard
- Click OK to save
Solution 2: Check Dimensions
Ensure these exact settings:
- Width: 1920
- Height: 1080
- FPS: 30
Solution 3: Refresh Source
- Right-click the Browser Source
- Select "Refresh"
- Wait 5 seconds
Solution 4: Hardware Acceleration
- OBS Settings → Advanced
- Find "Browser Hardware Acceleration"
- Enable it
- Restart OBS
Black Screen / Nothing Loads
Browser Source shows but remains black
Solution 1: Internet Connection
- Verify your internet connection is stable
- Try opening the overlay URL in a browser
- Check if you can access other websites
Solution 2: Clear Browser Cache
- Close OBS completely
- Navigate to:
%AppData%\obs-studio\plugin_config\obs-browser(Windows) - Delete everything in that folder
- Restart OBS
Solution 3: Firewall/Antivirus
- Check if firewall is blocking OBS browser sources
- Temporarily disable antivirus to test
- Add OBS to firewall exceptions
Chat Commands Not Working
Overlay shows but doesn't respond to commands
Solution 1: Check Twitch Connection
- Go to your dashboard
- Check if Twitch account is connected
- Look for "Connected" status
- If disconnected, reconnect your Twitch account
Solution 2: Verify Permissions
Only these users can use commands:
- The broadcaster (you)
- Channel moderators
- Viewers cannot use commands
Solution 3: Check Command Syntax
Common mistakes:
!add LEDX!firadd LEDX! firadd LEDX!firadd LEDXSolution 4: Refresh Overlay
- Right-click Browser Source in OBS
- Click "Refresh"
- Try the command again
Overlay Looks Blurry or Pixelated
Text and images appear low quality
Solution 1: Correct Dimensions
Set Browser Source to:
- Width: 1920 (exactly)
- Height: 1080 (exactly)
- Do NOT scale the source after adding it
Solution 2: Canvas Resolution
- OBS Settings → Video
- Check "Base (Canvas) Resolution"
- Should be 1920x1080 for best quality
Solution 3: Avoid Scaling
- Don't resize the overlay after adding it
- Right-click source → Transform → Reset Transform
- Position it without changing size
Overlay is Laggy or Slow
Updates are delayed or animations stutter
Solution 1: Lower FPS
- Right-click Browser Source → Properties
- Change FPS from 30 to 20 or 15
- Click OK
Solution 2: Close Unused Sources
- Hide or remove unused Browser Sources
- Each Browser Source uses CPU/GPU
- Keep only what you need active
Solution 3: Disable Animations
- Go to your dashboard
- Edit overlay settings
- Disable animations
- Reduces CPU usage
Twitch Connection Issues
Can't connect Twitch account
Solution 1: Allow Popups
- Enable popups for the site
- Try signing in again
- Check browser popup blocker
Solution 2: Clear Cookies
- Clear browser cookies for the site
- Log out of Twitch
- Log back into Twitch
- Try connecting again
Solution 3: Different Browser
- Try a different browser (Chrome, Firefox, Edge)
- Disable browser extensions temporarily
- Use incognito/private mode to test
Still Having Issues?
If none of these solutions worked, try these steps:
- Delete the Browser Source completely and re-add it
- Restart OBS
- Restart your computer
- Update OBS to the latest version
- Check the setup guide to ensure you followed all steps