2022-10-25 20:37:52 +02:00
2022-10-25 19:58:17 +02:00
2022-10-25 18:27:02 +02:00
2022-10-25 18:27:02 +02:00
2022-10-25 18:45:15 +02:00
2022-10-25 20:37:52 +02:00

A OBS-Overlay for TeamSpeak5

Unbenannt

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 this project optionally as archive image

  2. Extract the archive and move the folder to where you want it to be

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

  4. Enable the "Remote Apps" feature image

  5. Open your OBS Studio

  6. Add a new browser source to your scene image

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

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

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

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

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

Troubleshooting

Restart the overlay

  • Option 1:
    • Disconnect from all TeamSpeak servers and reconnect to just one
  • Option 2:
    • Restart TeamSpeak5
  • Option3:
    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.
Languages
TypeScript 67.7%
SCSS 30.1%
HTML 2.2%