BeatSaber Overlay with real-time data from HttpSiraStatus. Can also show stats from ScoreSaber and BeatLeader! https://bs-overlay.fascinated.cc/
This repository has been archived on 2023-11-06. You can view files and clone it, but cannot push or open issues or pull requests.
Go to file
2022-10-26 17:24:19 +01:00
.github More fixes 2022-10-26 10:41:15 +01:00
public Maybe finally fix public env vars 2022-10-26 17:13:30 +01:00
src Maybe finally fix public env vars 2022-10-26 17:13:30 +01:00
.drone.yml Add some debug 2022-10-26 13:02:09 +01:00
.env.example Updated example .env 2022-10-26 17:17:17 +01:00
.eslintrc.json Initial commit from Create Next App 2022-02-14 17:43:52 +00:00
.gitignore Add .env to .gitignore 2022-10-26 17:16:41 +01:00
CODE_OF_CONDUCT.md Create CODE_OF_CONDUCT.md 2022-10-19 18:32:50 +01:00
docker-compose.yml stuffs 2022-10-26 15:07:33 +01:00
Dockerfile Maybe fix for docker? 2022-10-26 17:24:19 +01:00
LICENSE Create LICENSE 2022-10-19 18:31:44 +01:00
next-env.d.ts TypeScript woop 2022-10-22 12:28:24 +01:00
next.config.js end me 2022-10-26 13:57:48 +01:00
package.json Maybe finally fix public env vars 2022-10-26 17:13:30 +01:00
README.md Update README.md 2022-10-26 15:19:34 +01:00
tsconfig.json TypeScript woop 2022-10-22 12:28:24 +01:00
yarn.lock Maybe finally fix public env vars 2022-10-26 17:13:30 +01:00

BeatSaber Overlay with real-time data from HttpSiraStatus

Build Status

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

Overlay Builder Menu

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 :)