explaingit

romaniv1437/chromic-haptic

Analysis updated 2026-07-24

0DartAudience · developerComplexity · 3/5Setup · moderate

TLDR

A Flutter music app that shows lyrics glowing letter-by-letter and vibrates your phone on every beat. Paste a SoundCloud URL and a backend processes the audio to align lyrics and detect beats.

Mindmap

mindmap
  root((repo))
    What it does
      Lyrics light up
      Phone vibrates on beats
      Paste SoundCloud URL
    Tech stack
      Flutter
      Dart
      GLSL Shaders
      Whisper
    Backend
      Vocal separation
      Word alignment
      Beat detection
    Use cases
      Music with haptics
      Accessible lyrics
      Visual lyric player
    Audience
      Mobile developers
      Vibe coders

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Build a music player that vibrates on every beat for an immersive haptic experience.

USE CASE 2

Create an accessible lyrics display that lights up letter by letter in sync with the song.

USE CASE 3

Experiment with custom GLSL shaders for visual bloom and per-character glow effects in Flutter.

USE CASE 4

Learn how to align lyrics to audio timestamps using speech recognition and source separation.

What is it built with?

DartFlutterGLSLWhisperModalAndroid SDK

How does it compare?

romaniv1437/chromic-hapticabhishek-kumar09/fluttersampleusingprovideranshikadixit/cheerup
Stars00
LanguageDartDartDart
Last pushed2020-10-29
MaintenanceDormant
Setup difficultymoderatemoderatemoderate
Complexity3/52/53/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires Flutter SDK, Android SDK, and a physical Android phone for vibration testing, backend processing takes about five minutes per track.

No license information is provided, so default copyright restrictions apply and usage rights are unclear.

In plain English

{"i":0,"repo":"romaniv1437/chromic-haptic","stars":0,"lang":"Dart","ok":true,"char_count":1310,"text":"Chromic Haptic Player is a mobile music app built with Flutter. It shows lyrics that light up letter by letter in sync with the song, and it vibrates your phone on every beat. You paste a SoundCloud track URL, and the app fetches aligned lyrics and beat data from a backend service that processes the audio using speech recognition and source separation.\n\nThe workflow has several stages. First you paste a URL into the app. The app sends that URL to a backend service called Modal, which takes about five minutes to process the track. Modal separates the vocals from the music, runs Whisper speech recognition to align each word to its timestamp, and detects beats for vibration timing. The result is a JSON file with all the timing data.\n\nOnce the app has that data, it caches it locally so you do not need to reprocess the same track. It plays the audio and renders the lyrics using custom fragment shaders that fill each character with a green glow, letter by letter, as the song progresses. A separate engine checks the playback position fifty times per second and triggers haptic vibration whenever the current timestamp hits a detected beat.\n\nThe code is organized into an engine for vibration timing, data models for lyrics, services for caching and backend communication, and widgets for painting lyrics and rendering glow effects. There are also custom shader files written in GLSL for the visual bloom and per character fill effects.\n\nTo run the app you need the Flutter SDK and the Android SDK. Vibration testing requires a physical Android phone since emulators cannot vibrate. The README includes commands for installing dependencies, running in debug mode, and building a release APK. No license information is provided.","error":null}

Copy-paste prompts

Prompt 1
How do I set up the Flutter environment to run Chromic Haptic Player and test it on a physical Android phone?
Prompt 2
Explain how the backend service processes a SoundCloud URL to separate vocals, align lyrics with Whisper, and detect beats for vibration timing.
Prompt 3
How do the custom GLSL fragment shaders in Chromic Haptic Player create the per-character green glow effect as lyrics play?
Prompt 4
Help me add a new feature to Chromic Haptic Player that lets users pick tracks from a playlist instead of pasting a single URL.

Frequently asked questions

What is chromic-haptic?

A Flutter music app that shows lyrics glowing letter-by-letter and vibrates your phone on every beat. Paste a SoundCloud URL and a backend processes the audio to align lyrics and detect beats.

What language is chromic-haptic written in?

Mainly Dart. The stack also includes Dart, Flutter, GLSL.

What license does chromic-haptic use?

No license information is provided, so default copyright restrictions apply and usage rights are unclear.

How hard is chromic-haptic to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is chromic-haptic for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.