BeatSaber Overlay with real-time data from HttpSiraStatus. Can also show stats from ScoreSaber and BeatLeader!
https://bs-overlay.fascinated.cc/
| .github | ||
| pages | ||
| public | ||
| src | ||
| styles | ||
| utils | ||
| .env.local-example | ||
| .eslintrc.json | ||
| .gitignore | ||
| CODE_OF_CONDUCT.md | ||
| LICENSE | ||
| next.config.js | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| 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
- Cache BeatSaver data
- 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 :)