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.example | ||
.eslintrc.json | ||
.gitignore | ||
CODE_OF_CONDUCT.md | ||
docker-compose.yml | ||
Dockerfile | ||
LICENSE | ||
next-env.d.ts | ||
next.config.js | ||
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
- Clone repo
- Move into the cloned directory
- Run
npm install
- Rename the
.env-example
to.env
- Create a redis server with a password
- Setup the
.env
- Run
npm run dev
- Open http://localhost:3000
If you want your changes to be in the main branch, feel free to open a pull request :)