From 6524b8514269b310d28ce62f466179527b20baff Mon Sep 17 00:00:00 2001 From: Janis <76851529+DerTyp7@users.noreply.github.com> Date: Sat, 1 Jul 2023 13:31:13 +0200 Subject: [PATCH] Update README.md --- README.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index 153d9bb..6bb8ec0 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ This is a overlay for OBS to show the current talking clients in your Teamspeak 5 Channel. This App uses the new "Remote Apps" feature of Teamspeak 5. -![image](https://github.com/DerTyp876/ts5-obs-overlay/assets/76851529/d0ab06f2-1a36-479d-826f-bd4bd3d405b7) +![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/d0ab06f2-1a36-479d-826f-bd4bd3d405b7) - [Teamspeak5-OBS-Overlay](#teamspeak5-obs-overlay) - [Setup](#setup) @@ -12,22 +12,22 @@ This App uses the new "Remote Apps" feature of Teamspeak 5. ## Setup -1. Download the `index.html` of the latest release from [here](https://github.com/DerTyp876/ts5-obs-overlay/releases/tag/v1.0.0) - ![image](https://github.com/DerTyp876/ts5-obs-overlay/assets/76851529/04dc3a66-c493-429b-b4ae-44bade473ad6) +1. Download the `index.html` of the latest release from [here](https://github.com/DerTyp7/ts5-obs-overlay/releases/tag/v1.0.0) + ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/04dc3a66-c493-429b-b4ae-44bade473ad6) 1.1. (optional) You can rename the file. Just remember using the new file name in the future instead of `index.html` 2. Go into the Teamspeak 5 Settings and enable "Remote Apps" - ![image](https://github.com/DerTyp876/ts5-obs-overlay/assets/76851529/b31bc553-fde2-46ab-b07c-d3c81339cc7d) + ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/b31bc553-fde2-46ab-b07c-d3c81339cc7d) 3. Add a new Browser Source to your OBS Scene - ![image](https://github.com/DerTyp876/ts5-obs-overlay/assets/76851529/0198b468-bb96-4b65-bdd4-3d6bb3ef7d25) - ![image](https://github.com/DerTyp876/ts5-obs-overlay/assets/76851529/58ad399f-5344-456f-b243-6e267b489fd5) + ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/0198b468-bb96-4b65-bdd4-3d6bb3ef7d25) + ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/58ad399f-5344-456f-b243-6e267b489fd5) 4. Tick the checkbox "Local File" and select the downloaded `index.html` 4.1. Set the width and height to your desired size (e.g. 1920x1080 OR 1280x720) - ![image](https://github.com/DerTyp876/ts5-obs-overlay/assets/76851529/5ad8ce69-645b-45e7-acc3-ce7ba8d7f8ab) + ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/5ad8ce69-645b-45e7-acc3-ce7ba8d7f8ab) 5. You should now receive a notification in Teamspeak 5 that the app is allowed to connect to your Teamspeak 5 client. Allow it. (If you don't get a notification, restart Teamspeak 5 and OBS -> try again) - ![image](https://github.com/DerTyp876/ts5-obs-overlay/assets/76851529/40faa435-e128-415f-98eb-a9e8809e8f65) + ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/40faa435-e128-415f-98eb-a9e8809e8f65) ### Customization (Parameters) @@ -36,7 +36,7 @@ You can customize the overlay by adding parameters to the URL of the Browser Sou 1. Open your Browser Source settings 2. **Untick** the checkbox "Local File" 3. Add `file://` to the beginning of the URL - ![image](https://github.com/DerTyp876/ts5-obs-overlay/assets/76851529/87985b4c-4397-4681-9635-239d1e382c24) + ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/87985b4c-4397-4681-9635-239d1e382c24) 4. Start adding parameters like discribed below Start by adding a `?` to the end of the URL and then add the parameters.