From be8c4237ca8923eec4d86aa1ed8cb5660c433ce6 Mon Sep 17 00:00:00 2001 From: Janis Date: Tue, 25 Oct 2022 19:58:17 +0200 Subject: [PATCH] add readme --- css/style.css | 2 +- readme.md | 19 +++++++++++++++++++ 2 files changed, 20 insertions(+), 1 deletion(-) create mode 100644 readme.md diff --git a/css/style.css b/css/style.css index 5569acd..52da40f 100644 --- a/css/style.css +++ b/css/style.css @@ -6,7 +6,7 @@ padding: 0; margin: 0; -webkit-text-stroke: 3px black; - background-color: black; + background-color: transparent; } #content div { margin-top: 5px; diff --git a/readme.md b/readme.md new file mode 100644 index 0000000..3fd1593 --- /dev/null +++ b/readme.md @@ -0,0 +1,19 @@ +# A OBS-Overlay for TeamSpeak5 + +>**_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 +2. Open your TeamSpeak5 client and go to +`settings -> Remote Apps` +3. Enable the "Remote Apps" feature +4. Open your OBS Studio +5. Add a new **browser source** to your scene +6. When your in the properties of your new browser source, enable the checkbox "Local file" +7. Click "Browse" next to the newly apperared "Local file" field +8. Now select the in step 1 downloaded `overlay.html` +9. Set the "Width" to `2000` and the "Height" to `1000` (This is just my own preference. If you have better values use them) +10. Now connect to a TeamSpeak server and see if it works. You may have to accept the remote app in your TeamSpeak notifications. + +## Troubleshooting \ No newline at end of file