janis/teamspeak-obs-overlay
1
0
Fork 0
mirror of https://github.com/DerTyp7/teamspeak-obs-overlay.git synced 2025-10-29 21:02:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update readme.md

Browse Source
This commit is contained in:
Janis
2022-10-27 22:36:13 +02:00
committed by GitHub
parent 75c9ef9cee
commit 15744f48db
1 changed files with 0 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
readme.md
View File

@@ -32,20 +32,6 @@ Made with the "Remote App" feature of TeamSpeak5
![image](https://user-images.githubusercontent.com/76851529/197850151-ad057277-fe3d-427e-b21b-1d2b4875c70b.png) ![image](https://user-images.githubusercontent.com/76851529/197850151-ad057277-fe3d-427e-b21b-1d2b4875c70b.png)
**Done** **Done**
10. **optional** If you want to get rid of this manually accepting the remote app (step 9) do as follows:
1. Open the file "overlay.html" in your browser
2. Open the Inspector by pressing `F12` or `right-click -> inspection`
3. Go to the console tab
![image](https://user-images.githubusercontent.com/76851529/198370753-a69996d3-4bd8-4b62-b5b6-ba3ffc69b2e1.png)
4. Copy the displayed API-Key (after you have performed all of the above steps, including accepting the remote app in your TeamSpeak client)
![image](https://user-images.githubusercontent.com/76851529/198370909-4f62e4b2-f2dd-4f2c-8392-e9b2f31a8529.png)
5. Open the file `config.js` from the same directory as the file `overlay.html` with any editor
6. Paste the copied key into the quotation mark of "apiKey"
![image](https://user-images.githubusercontent.com/76851529/198371229-a6165e8d-acac-4a9c-b4c5-341be9d00826.png)
7. Now do [Option 3 of the troubleshooting guide]("#option-3") or maybe restart your OBS
> **Warning** The API-Key changes from time to time. You may need to update the API-Key sometimes (delete the old API-Key & repeat step 10).
> If someone knows how I can prevent this, please tell me
## Configuration ## 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. 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. Since everything is written in simple css and html, you can change the `css/style.css` file to your liking.
@@ -61,6 +47,3 @@ Possible solutions to fix the overlay.
1. Open OBS Studio 1. Open OBS Studio
2. Go open the properties of your browser source 2. Go open the properties of your browser source
3. On the bottom of the properties press the "Refresh cache of current page" button. 3. On the bottom of the properties press the "Refresh cache of current page" button.
### Option 4:
If you use an API-Key in `config.js` ([setup step 10](#setup)), try to remove the key from the file.
If it works now, you probably need to delete the old API-Key and repeat [step 10 of the setup instructions](#setup) because the API-Key has changed.