{"id":26872302,"url":"https://github.com/dertyp7/teamspeak-obs-overlay","last_synced_at":"2025-08-04T10:33:03.647Z","repository":{"id":62173751,"uuid":"557408907","full_name":"DerTyp7/teamspeak-obs-overlay","owner":"DerTyp7","description":"An OBS overlay for TeamSpeak, so your audience can see who is talking","archived":false,"fork":false,"pushed_at":"2025-04-01T01:46:49.000Z","size":2975,"stargazers_count":22,"open_issues_count":6,"forks_count":4,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-27T04:58:07.233Z","etag":null,"topics":["obs","obs-overlay","obs-streaming","obs-studio","open-broadcaster-software","overlay","remote-app","teamspeak","teamspeak-remote-app","teamspeak5","teamspeak6"],"latest_commit_sha":null,"homepage":"https://teamspeak-overlay.tealfire.de/#/generate","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DerTyp7.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-10-25T16:26:59.000Z","updated_at":"2025-04-29T08:48:17.000Z","dependencies_parsed_at":"2023-11-12T16:31:59.681Z","dependency_job_id":"2e3961eb-4864-492d-b382-d78d08793f57","html_url":"https://github.com/DerTyp7/teamspeak-obs-overlay","commit_stats":null,"previous_names":["dertyp7/ts5-obs-overlay","dertyp7/teamspeak-obs-overlay"],"tags_count":43,"template":false,"template_full_name":null,"purl":"pkg:github/DerTyp7/teamspeak-obs-overlay","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DerTyp7%2Fteamspeak-obs-overlay","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DerTyp7%2Fteamspeak-obs-overlay/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DerTyp7%2Fteamspeak-obs-overlay/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DerTyp7%2Fteamspeak-obs-overlay/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DerTyp7","download_url":"https://codeload.github.com/DerTyp7/teamspeak-obs-overlay/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DerTyp7%2Fteamspeak-obs-overlay/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268682653,"owners_count":24289677,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-04T02:00:09.867Z","response_time":79,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["obs","obs-overlay","obs-streaming","obs-studio","open-broadcaster-software","overlay","remote-app","teamspeak","teamspeak-remote-app","teamspeak5","teamspeak6"],"created_at":"2025-03-31T08:30:32.807Z","updated_at":"2025-08-04T10:33:03.599Z","avatar_url":"https://github.com/DerTyp7.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TeamSpeak-OBS-Overlay\n\nThis is an overlay for OBS to show the current talking clients in your TeamSpeak5/6 Channel.  \nThis App uses the new \"Remote Apps\" feature of TeamSpeak5/6.\n\nThis overlay uses the [TeamSpeak Remote App API](https://github.com/DerTyp7/react-teamspeak-remote-app-api).\n\n![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/d0ab06f2-1a36-479d-826f-bd4bd3d405b7)\n\n- [TeamSpeak-OBS-Overlay](#teamspeak-obs-overlay)\n  - [Usage](#usage)\n    - [Quick instructions](#quick-instructions)\n    - [Detailed instructions](#detailed-instructions)\n  - [Common Issues](#common-issues)\n    - [The overlay is empty, but i'm connected to a TeamSpeak5 server](#the-overlay-is-empty-but-im-connected-to-a-teamspeak5-server)\n    - [OBS doesn't show the latest version of the overlay](#obs-doesnt-show-the-latest-version-of-the-overlay)\n  - [Setup (Developer)](#setup-developer)\n\n## Usage\n\n### Quick instructions\n\n1. Open this link in your Browser: [https://teamspeak-overlay.tealfire.de/#/generate](https://teamspeak-overlay.tealfire.de/#/generate)\n2. Follow the instructions on the website\n3. Accept overlay inside TeamSpeak5/6 \n   ![image](https://github.com/DerTyp7/teamspeak-overlay.tealfire.de/assets/76851529/aa83b07d-3dea-461f-9487-f9e6a299f2f3)\n\n### Detailed instructions\n\nTry this instruction if you have problems with the quick instructions above.\n\n1. Open this link in your Browser: [https://teamspeak-overlay.tealfire.de/#/generate](https://teamspeak-overlay.tealfire.de/#/generate)\n\n2. Follow the instructions on the website\n\n3. Go into the TeamSpeak5 Settings and enable \"Remote Apps\"  \n   ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/b31bc553-fde2-46ab-b07c-d3c81339cc7d)\n\n4. Add a new Browser Source to your OBS Scene  \n   ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/0198b468-bb96-4b65-bdd4-3d6bb3ef7d25)  \n   ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/58ad399f-5344-456f-b243-6e267b489fd5)\n\n5. Enter the in step 1 generated URL into the URL field of the Browser Source\n   ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/e8fd4a1b-be70-4123-8d28-4dc7ebc8c2bd)\n\n6. Set the width and height to your desired size. Recommended is a width of 1000px and the height is determined of how many clients are expected (play around with these values)\n\n7. You should now receive a notification in TeamSpeak5 that the app is allowed to connect to your TeamSpeak5 client. Allow it. (If you don't get a notification, restart TeamSpeak5 and OBS -\u003e try again)  \n   ![image](https://github.com/DerTyp7/ts5-obs-overlay/assets/76851529/40faa435-e128-415f-98eb-a9e8809e8f65)\n\n## Common Issues\n\n### The overlay is empty, but i'm connected to a TeamSpeak5 server\n\n**Fix 1**  \nMake sure you accepted the notification in your TeamSpeak Client.\n\n**Fix 2**  \nSadly TeamSpeak5/6 does not give us any information about the current active server tab.  \nSo we try currently use a workaround, where the active server tab is determined by looking on which server the your hardware input was unmuted the latest, since the non-active server tabs in TS5 usually mute the client’s microphone.\n\nHowever this workaround is not 100% accurate and can fail in some cases.\n\nPossible fixes:\n\n- Unmute and mute yourself in the active server tab (Just a normal unmute and mute, not the hardware mute)\n- Reconnect to the TS5/6 server while the overlay is open\n\n### OBS doesn't show the latest version of the overlay\n\nThis can happen if the OBS Browser Source is caching the overlay.  \nTo fix this, open the Browser Source settings and click on \"Refresh cache of current page\".\n\n## Setup (Developer)\n\n1. Clone this repository\n2. Run `npm install`\n3. To start the development server run `npm run dev`\n\n\u003e **Note:** Pull requests are welcome, but please be consistent with the code style.  \n\u003e This project uses [Prettier](https://prettier.io/) to format the code.  \n\u003e Pull requests always in the `dev` branch.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdertyp7%2Fteamspeak-obs-overlay","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdertyp7%2Fteamspeak-obs-overlay","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdertyp7%2Fteamspeak-obs-overlay/lists"}