Web-based viewer for Beat Saber replays, built with A-Frame and JavaScript.
The Beat Saber Web Replays is an unofficial community project and not officially affiliated with Beat Saber.
Go to the BeatLeader and click on dancing pepe icon in the leaderboard.
Or if you have a site, you can I-Frame the viewer and pass a query parameter containing the BeatLeader's score ID:
https://replay.beatleader.xyz/?scoreId=9280912
To directly link to a sought time, use the ?time
parameter in the URL (milliseconds, int, 0 to song duration):
https://replay.beatleader.xyz/?scoreId=9280912&time=15000
- 15 sec
To specify replay speed use the ?speed
parameter in the URL (percent, int, 0 to 200):
https://replay.beatleader.xyz/?scoreId=9280912&speed=50
- 50% speed
To specify notes jump distance use the ?jd
parameter in the URL (meters, float, 5 to 50):
https://replay.beatleader.xyz/?scoreId=9280912&jd=18.6
- 18.6 JD
To specify replay download link use the ?link
parameter in the URL. Make sure the link(name of the file) contains playerID:
https://replay.beatleader.xyz/?link=https://cdn.replays.beatleader.xyz/9280912-76561198059961776-ExpertPlus-Standard-13400F5FB2FD19F52E8C7AC48815D12E72FA3B4A.bsor
Download repository. The best way to download it is to use the "Clone" button in SourceTree app
Go to the project directory in the terminal and type.
npm install
If you don't have NodeJS - download it here first: https://nodejs.org/en/
Version 16 or greater (LTS) is recommended; some developers have experienced issues with older Node versions.
Install netlify-cli(one time setup):
npm install netlify-cli -g
Start Netlify dev environment(every time):
netlify dev
Navigate to localhost:9999. You should see the app running. Website will reload automatically after you save your changes.
This project uses a custom A-Frame fork: https://github.com/nsgolova/ngoframe It's prebuilt and can be found in the \vendor folder.
To build it
npm install
npm run dist
Copy files from \dist folder of A-Frame to \vendor folder here.
Uses Open Replay Format
By default, Netlify builds the app after every change to this branch in the repository, so all you need is push to git.