Fascinated/beatsaber-overlay
Fascinated/beatsaber-overlay
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Wiki Activity

Added support for multiple pcs

Browse Source
This commit is contained in:
Liam 2022-10-10 09:26:30 +01:00
parent 1638acac7d
commit 6d8eb7342f
2 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
pages/index.js
View File

@ -121,8 +121,9 @@ export default class Home extends Component {
shouldConnectSocket = true; shouldConnectSocket = true;
} }
console.log(`shouldConnectSocket = ${shouldConnectSocket}`);
if (shouldConnectSocket) { if (shouldConnectSocket) {
this.connectSocket(); this.connectSocket(params.socketaddress);
} }
} }
@ -147,8 +148,10 @@ export default class Home extends Component {
/** /**
* Setup the HTTP Status connection * Setup the HTTP Status connection
*/ */
connectSocket() { connectSocket(socketAddress) {
const socket = new WebSocket('ws://localhost:6557/socket'); socketAddress = socketAddress === undefined ? 'ws://localhost' : `ws://${socketAddress}:6557/socket`;
console.log(`Connecting to ${socketAddress}`);
const socket = new WebSocket(socketAddress);
socket.addEventListener('close', () => { socket.addEventListener('close', () => {
console.log("Attempting to re-connect to the HTTP Status socket in 30 seconds."); console.log("Attempting to re-connect to the HTTP Status socket in 30 seconds.");
setTimeout(() => this.connectSocket(), 30_000); setTimeout(() => this.connectSocket(), 30_000);
@ -318,13 +321,16 @@ export default class Home extends Component {
<p>Provide a valid steam id for scoresaber or beatleader</p> <p>Provide a valid steam id for scoresaber or beatleader</p>
<p>Example: {document.location.origin}?id=76561198449412074</p> <p>Example: {document.location.origin}?id=76561198449412074</p>
<p>Example with Score Info: {document.location.origin}?id=76561198449412074&scoreinfo=true</p> <p>Example with Score Info: {document.location.origin}?id=76561198449412074&scoreinfo=true</p>
<p>Example with Multiple PCs: {document.location.origin}?id=76561198449412074&scoreinfo=true&socketaddress=192.168.1.15</p>
<div className={'info'}> <div className={'info'}>
<div> <div>
<h3>Options</h3> <h3>Options</h3>
<p>beatleader - Can be &quot;true&quot; if you wish to get player data from BeatLeader rather than scoresaber</p> <p><b>beatleader</b> - Can be &quot;true&quot; if you wish to get player data from BeatLeader rather than scoresaber</p>
<p>scoreinfo - Can be &quot;true&quot; if you want to show your current score (needs HTTP Status)</p> <p><b>scoreinfo</b> - Can be &quot;true&quot; if you want to show your current score (needs HTTP Status)</p>
<p>playerstats - Can be &quot;false&quot; if you disable showing your stats (pp, global pos, etc)</p> <p><b>playerstats</b> - Can be &quot;false&quot; if you disable showing your stats (pp, global pos, etc)</p>
<p>songinfo - Can be &quot;true&quot; if want to see information about the song (song name, bsr, song art, etc)</p> <p><b>songinfo</b> - Can be &quot;true&quot; if want to see information about the song (song name, bsr, song art, etc)</p>
<p><b>socketaddress</b> - If you use multiple computers to stream (main pc, streaming pc) then this is for you.</p>
<p>You can set it to the local address of the pc (eg: 192.168.1.15)</p>
<br /> <br />
<p>To use a option just add &key=value (eg: &songinfo=true)</p> <p>To use a option just add &key=value (eg: &songinfo=true)</p>
</div> </div>

5
styles/globals.css
View File

@ -41,6 +41,11 @@ body, html {
color: white; color: white;
} }
.invalid-player b {
font-size: large !important;
color: white;
}
.player-stats-container { .player-stats-container {
display: flex; display: flex;
margin-left: -5px; margin-left: -5px;