BeatSaber Overlay with real-time data from HttpSiraStatus. Can also show stats from ScoreSaber and BeatLeader!
https://bs-overlay.fascinated.cc/
.github | ||
public | ||
src | ||
.drone.yml | ||
.env.local-example | ||
.eslintrc.json | ||
.gitignore | ||
CODE_OF_CONDUCT.md | ||
LICENSE | ||
next-env.d.ts | ||
next.config.js | ||
package-lock.json | ||
package.json | ||
README.md | ||
tsconfig.json | ||
yarn.lock |
BeatSaber Overlay with real-time data from HttpSiraStatus
The public url to view/use: https://bs-overlay.fascinated.cc
Need help? Feel free to message me at: Fascinated#4719
Usage
You will need HttpSiraStatus if you wish to use the note cut and/or the song info
To get started go to https://bs-overlay.fascinated.cc and fill the forum in then go to OBS (or your streaming software) and click Open Overlay
Then create a browser window and set the height to 1920 and the width to 1080 then put the URL in the browser window and bam! it should all work
Preview
Todo
- Make BeatLeader pp count check for modifiers
- Add toggle for showing pp
- Change the song time to a circular style in the song art
Getting Started with developent
First, install the node dependencies:
npm i
# or
yarn
Secondly, open the development server
npm run dev
# or
yarn dev
Lastly, open the project with an IDE of your choice :)