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-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
- Install HttpSiraStatus
- Go to https://bs-overlay.fascinated.cc
- Set the values in the configuratator
- Click on Open Overlay
- Create a browser window in your streaming software of choice
- Set the height to 1920 and width to 1080
- Set the URL to the newly opened window in your browser
Preview
Todo
- Add toggle for showing pp
- Change the song time to a circular style in the song art
Getting started with developent
- Clone the 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 :)