A OBS-Overlay for TeamSpeak5

Made with the "Remote App" feature of TeamSpeak5

• A OBS-Overlay for TeamSpeak5
  • Setup
  • Configuration
  • Troubleshooting
    • Option 1:
    • Option 2:
    • Option 3:

WARNING: This overlay works only if you are connected to one server only.
If you were connected to multiple servers and the overlay crashed, try disconnecting from all servers and reconnecting to only one.

Setup

1. Download the latest release of this project & extract the archive to a folder of your choice

2. Open your TeamSpeak5 client and go to settings -> Remote Apps

3. Enable the "Remote Apps" feature

4. Open your OBS Studio & add a new browser source to your scene

5. In the properties of your new browser source, select the Local File check box

6. Click "Browse" next to the newly apperared "Local file" field

7. Now select the in step 1 downloaded overlay.html

8. Set the "Width" to 2000 and the "Height" to 1000 (This is just my own preference. If you have better values, use them)
   

9. Now connect to a TeamSpeak server and check if it works. You need to accept the remote app in your TeamSpeak notifications
   
   Done

Configuration

In the config.js file, which is located in the same folder as the overlay.html file, you can make various settings for the appearance of the overlay.
Since everything is written in simple css and html, you can change the css/style.css file to your liking.

Note

If your change something in the files you have to do Option 3 of the troubleshooting below.

Troubleshooting

Possible solutions to fix the overlay.

Option 1:

Disconnect from all TeamSpeak servers and reconnect to just one

Option 2:

Restart TeamSpeak5

Option 3:

1. Open OBS Studio
2. Go open the properties of your browser source
3. On the bottom of the properties press the "Refresh cache of current page" button.