/osu-bar-overlay

⌨️ Visualize keyboard history for osu! in bar form

Primary LanguageJavaScriptMIT LicenseMIT

osu! bar overlay

Visualize keyboard history for osu! in your stream.

Example

In Stream

example.mp4

Horizontal

light
square

Vertical

light square

Features

  • Two styles available: square and light
  • Customizable: keys, colors, speed, spacing, etc.
  • Receives input from websocket (requires the OBS plugin input-overlay 5.0 or gosumemory)

Usage

  1. Choose one of these input sources below, which provide real-time keyboard input data to the overlay

  • Install input-overlay plugin 5.0, and turn on the websocket checkbox in plugin settings.

  • Install gosumemory, and set a smaller update interval in the gosumemory config file to reduce latency.

  1. Download the built files from release, edit /config.js to set your preferences.

  2. Add a browser source in the OBS, check "Local file" and set the URL to E:/osu-bar-overlay/index.html (your path). Maybe you should set the width and height to proper values to fit the overlay.

  3. Enjoy it!

TODO

  • Receive input from gosumemory
  • Round corners
  • Fix glitches of the keys when the round corners are enabled in the square style
  • More key styles