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-22 12:28:24 +01:00
.github Create dependabot.yml 2022-10-19 18:34:44 +01:00
pages Change when data is fetched 2022-10-21 17:37:31 +01:00
public Added favicion and moved meta tags to _document 2022-10-19 19:49:15 +01:00
src many many change 2022-10-21 17:12:32 +01:00
styles Fix textAlign on avg cut 2022-10-21 16:49:43 +01:00
.env.local-example Fixed site SEO 2022-10-21 10:41:03 +01:00
.eslintrc.json Initial commit from Create Next App 2022-02-14 17:43:52 +00:00
.gitignore Update .gitignore 2022-10-21 17:19:03 +01:00
CODE_OF_CONDUCT.md Create CODE_OF_CONDUCT.md 2022-10-19 18:32:50 +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 Updated 2022-04-02 07:01:58 +01:00
package-lock.json Bump eslint-config-next from 12.0.10 to 12.3.1 2022-10-19 17:57:30 +00:00
package.json TypeScript woop 2022-10-22 12:28:24 +01:00
README.md Update readme 2022-10-21 17:18:54 +01:00
tsconfig.json TypeScript woop 2022-10-22 12:28:24 +01:00
yarn.lock TypeScript woop 2022-10-22 12:28:24 +01:00

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

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