osu! Web Beatmap Viewer

An osu! beatmap viewer on the web.

Special Thanks

Beatmap Mirror from Nerinyan by Zeee2
Slider Implementation inspired by Marvin from osu-cad
Slider Shader from webosu by 111116
node-osr-parser by minhducsun2002
phaze by olvb

Features

Play a beatmap (custom hitsounds supported, keysounding are also supported)
Change beatmap clockrate to match DT and HT (Audio might has some artifacts while playing)
Change beatmap visual to match HR and EZ
Switching between Argon slider style and Legacy slider style
Background dim, background blur, etc. You know it
Watch replay (experimental, unstable af)
Import skins

osu! mapping features

Snap scrolling to the current beatsnap divisor similar to the osu! beatmap editor
Change beatsnap divisor
1ms scrolling by hold Shift key while scrolling
Select hitobject(s) and copy their timestamp to the clipboard by pressing Ctrl + C similar to the osu! beatmap editor

Usage

Beatmap Preview

Grab an osu!standard beatmap ID (not beatmapset ID) from osu! beatmap listing and paste it in the input box on the website.

Alternatively, you can directly load the map by using the b query on the URL. Which will look like this: https://preview.tryz.id.vn/?b=3574847. Replace the 3574847 with your desired beatmap ID.
You can also drag and drop / load a local .osz file to load the map.
The loading time of the map really depends on your machine, your internet speed and the map itself. The website might take a long time to load maps with many files bundled inside of the .osz (for example: keysounding) or with a poor internet connection. Please be patient. In case it takes forever to load, just create an issue on this repo and I'll have a look at it.

Replay View (Beta)

Drag and drop the .osr file. Make sure the map of the replay is up to date and not a local map.

Screenshots

Issue

Should there be any issue happening on the site, please create a new issue on this repository.
Also, since I haven't tested this site on many different kinds of browsers (such as Firefox, Safari, Opera, etc), inconsistencies are expected to happen between each one of them.