From 49c405216b5e8ae4159dc3ed262d74d3a40c4c31 Mon Sep 17 00:00:00 2001 From: Julien Maille Date: Sun, 25 Jan 2026 22:56:16 +0100 Subject: [PATCH] WIP: viz --- index.html | 4668 +++++++++++---------------- js/app.js | 13 + js/settings.js | 18 + js/storage.js | 13 + js/visualizer.js | 303 +- js/visualizers/lcd.js | 385 +++ js/visualizers/particles.js | 102 + js/visualizers/unknown_pleasures.js | 135 + 8 files changed, 2748 insertions(+), 2889 deletions(-) create mode 100644 js/visualizers/lcd.js create mode 100644 js/visualizers/particles.js create mode 100644 js/visualizers/unknown_pleasures.js diff --git a/index.html b/index.html index 8f4329a..9cdb096 100644 --- a/index.html +++ b/index.html @@ -1,224 +1,860 @@ - - - - Monochrome Music - - - - - - - - - - - - - - - - - -
- + + + + Monochrome Music + + + + + + + + + + + + + + + + + + +
+
    +
  • + Shuffle play +
    • +
  • Start mix
    • +
  • Play next
    • +
  • Add to queue
    • +
  • + Like +
    • +
  • Add to playlist
    • +
  • Go to artist
    • +
  • Go to album
    • +
  • Copy link
    • +
  • Download
    • +
+
+ + + +
+
+

Panel

+
+ +
- - -
-
-

Panel

-
- + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+ + +
+ -
- Album Cover -
-

-

-
- - - - -
+ +
+ + + +
+ +
+

Search Results

+
+ + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+

My Playlists

+ +
-
-
- 0:00 -
-
-
- 0:00 -
-
-
+ +
+

Favorites

+
+ + + + + +
+
+
+ - - - - -
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - -
- - -
-
-
-
- - -
- - -
- -
- - - -
- -
-

Search Results

-
- - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-

My Playlists

- - -
-
-
-
- -
-

Favorites

-
- - - - - -
-
-
- - +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +

+ Select a folder on your device to play local files.
+ Note: Metadata reading is basic (FLAC/MP3 tags). +

-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - -

- Select a folder on your device to play local files.
- Note: Metadata reading is basic (FLAC/MP3 tags). -

-
-
-

Local Files

- -
-
-
-
-
-
- -
-

Recently played

-
-
- -
-
- -
-

-
-
-
- - - - - -
+
-
-
-
- - - - - - - -
-
- -
-
-
- Playlist Cover - -
-
-

-
-
-
- - - -
-
-
-
- -
+
-
-
- Folder Cover -
-

-
-
- -
-
-
-
-
+
+

Recently played

+
+
-
-
- Mix Cover -
-

-
-
-
- - - -
+
+
+ +
+

+
+
+
+ + + + + +
-
-
-
+
+ +
+
-
-
- Artist -
-

-
-
- - - - - -
-
-
-
-

Popular Tracks

-
+ -
-

Albums

-
+ + - - -
+
-
-
- +
+
+ Track Cover -
-
Song
-

-
- • • - -
-
- - - - - + class="detail-header-image" alt="Playlist Cover" /> + +
+
+

+
+
+
+ + + +
+
+
+
+ + + + +
+
+ Folder Cover +
+

+
+
+ +
+
+
+
+
+ +
+
+ Mix Cover +
+

+
+
+
+ + + +
+
+
+
+
+ +
+
+ Artist +
+

+
+
+ + + + + +
+
+
+
+

Popular Tracks

+
+
+
+

Albums

+
+
+ + + +
+ +
+
+ Track Cover +
+
Song
+

+
+ • • + +
+
+ + + + + +
+
+
+
+

More from Album

+
+
+ +
+ +
+

Settings

+
+
+
+
+ Theme + Choose your preferred color scheme
-
-
-

More from Album

-
-
- -
- -
-

Settings

-
-
-
-
- Theme - Choose your preferred color scheme -
-
-
-
System
-
Light
-
Dark
-
Black
-
Ocean
-
Purple
-
Forest
-
Mocha
-
Machiatto
-
Frappé
-
Latte
-
Custom
-
-
-

Custom Theme

-
-
- - -
-
-
-
- Waveform Seekbar - Show a visual waveform of the track in the progress bar (Experimental) -
- -
-
-
- Smooth Scrolling - Provides a smoother scrolling experience with Lenis (Experimental) -
- -
-
-
- Album Cover Background - Use the album cover as a blurred background on album pages and as primary - color -
- -
-
-
- Full-screen Visualizer - Enable particle visualizer in full-screen mode -
- -
-
-
- Visualizer Mode - Choose how the visualizer is displayed in full-screen -
- -
-
-
- Smart Intensity Switching - Automatically adjust visualizer intensity based on song energy -
- -
-
-
- Visualizer Sensitivity - Adjust the intensity of the visualizer effects. - Warning: High sensitivity may cause flashing lights and rapid motion, which - can trigger seizures in people with photosensitive epilepsy. -
-
- - 60% -
+
+
System
+
Light
+
Dark
+
Black
+
Ocean
+
Purple
+
Forest
+
Mocha
+
Machiatto
+
Frappé
+
Latte
+
Custom
+
+
+

Custom Theme

+
+
+ +
-
-
-
- Last.fm Scrobbling - Connect your Last.fm account to scrobble tracks -
-
- -
-
- - - -