forum

osu! bar overlay - visualize keyboard history in your stream

posted
Total Posts
1
Topic Starter
solstice23

Introduction

osu! bar overlay is a tool that visualizes the keyboard history in bar form. It integrates with the Input Overlay OBS plugin or gosumemory, and receives input data from them. You can easily configure it and add it to your stream.

Compared to KeyOverlay, this is made with Javascript and can be added in OBS as a browser source. So you don't need to open an extra application (if you choose the Input Overlay OBS plugin as the input source) before starting osu!. There are two layouts: horizontal and vertical. You can also customize the style, color and more.

Examples





▲ light, round, horizontal



▲ square, horizontal



▲ light, round, vertical ️ ️ ️ ️ ️ ️ ️ ️ ️ ️ ️ ️▲ square, vertical ️ ️ ️


Features


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

Github Link


>> Go to the repo << (https://github.com/solstice23/osu-bar-overlay)

Usage


  1. Choose one of these input sources below
    1. Install input-overlay plugin 5.0, and turn on the websocket checkbox in plugin settings.
    2. Install gosumemory, and set a smaller update interval in the gosumemory config file to reduce latency.
  2. Clone or download the repository, edit /dist/config.js to set your preferences.
  3. Add a browser source in the OBS, check "Local file" and set the URL to E:/osu-bar-overlay/dist/index.html (your path). Maybe you should set the width and height to proper values to fit the overlay.
  4. Enjoy it!
Please sign in to reply.

New reply