mirror of
https://github.com/DerTyp7/teamspeak-obs-overlay.git
synced 2026-07-31 16:49:04 +02:00
Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
34ffedc294 | ||
|
|
6d7ee8905b |
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "ts5-obs-overlay",
|
"name": "ts5-obs-overlay",
|
||||||
"private": false,
|
"private": false,
|
||||||
"version": "2.0.9",
|
"version": "2.1.0",
|
||||||
"description": "Overlay for OBS to show the current talking clients in your TeamSpeak 5 Channel",
|
"description": "Overlay for OBS to show the current talking clients in your TeamSpeak 5 Channel",
|
||||||
"author": "DerTyp7",
|
"author": "DerTyp7",
|
||||||
"homepage": "https://dertyp7.github.io/ts5-obs-overlay/#",
|
"homepage": "https://dertyp7.github.io/ts5-obs-overlay/#",
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ export default function Viewer({
|
|||||||
remoteAppPort: remoteAppPort,
|
remoteAppPort: remoteAppPort,
|
||||||
auth: {
|
auth: {
|
||||||
identifier: "de.tealfire.obs",
|
identifier: "de.tealfire.obs",
|
||||||
version: "2.0.9",
|
version: "2.1.0",
|
||||||
name: "TS5 OBS Overlay",
|
name: "TS5 OBS Overlay",
|
||||||
description: "A OBS overlay for TS5 by DerTyp7",
|
description: "A OBS overlay for TS5 by DerTyp7",
|
||||||
},
|
},
|
||||||
@@ -146,6 +146,24 @@ export default function Viewer({
|
|||||||
return <div key={Math.random()}></div>;
|
return <div key={Math.random()}></div>;
|
||||||
}
|
}
|
||||||
})}
|
})}
|
||||||
|
{currentChannel == null ? (
|
||||||
|
<>
|
||||||
|
<h4>Overlay couldn't connect to the client:</h4>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<h5>1. Make sure to accept the overlay in your TS5-Client via the notifications</h5>
|
||||||
|
<br />
|
||||||
|
<h5>2. Enable remote apps inside the the TS5-Settings</h5>
|
||||||
|
<br />
|
||||||
|
<h5>3. Make sure to match the configuration port with the port in the TS5 remote app settings</h5>
|
||||||
|
<br />
|
||||||
|
<h5>4. Refresh this page/BrowserSource (Select BrowserSource & click "Refresh" in OBS)</h5>
|
||||||
|
<br />
|
||||||
|
<h6>If non of this worked refer to the GitHub and write an issue with your problem</h6>
|
||||||
|
</>
|
||||||
|
) : (
|
||||||
|
""
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ import React from "react";
|
|||||||
import ReactDOM from "react-dom/client";
|
import ReactDOM from "react-dom/client";
|
||||||
import App from "./App.tsx";
|
import App from "./App.tsx";
|
||||||
import "@styles/index.scss";
|
import "@styles/index.scss";
|
||||||
import { BrowserRouter, HashRouter } from "react-router-dom";
|
import { HashRouter } from "react-router-dom";
|
||||||
|
|
||||||
ReactDOM.createRoot(document.getElementById("root")!).render(
|
ReactDOM.createRoot(document.getElementById("root")!).render(
|
||||||
<HashRouter>
|
<HashRouter>
|
||||||
|
|||||||
@@ -41,6 +41,14 @@ h4 {
|
|||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
// Common styles for heading elements
|
// Common styles for heading elements
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
|
|||||||
Reference in New Issue
Block a user