https://github.com/padraigfl/miniled-experiments
A collection of things to make use of the miniLED screen's full darkness potential while half way to sleep. First SolidJS project (I like it!)
https://github.com/padraigfl/miniled-experiments
milkdrop miniled oled solidjs visualizer-audio-reactive
Last synced: 6 months ago
JSON representation
A collection of things to make use of the miniLED screen's full darkness potential while half way to sleep. First SolidJS project (I like it!)
- Host: GitHub
- URL: https://github.com/padraigfl/miniled-experiments
- Owner: padraigfl
- Created: 2023-08-06T17:46:53.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-29T02:17:19.000Z (over 1 year ago)
- Last Synced: 2025-02-14T08:34:29.481Z (8 months ago)
- Topics: milkdrop, miniled, oled, solidjs, visualizer-audio-reactive
- Language: TypeScript
- Homepage:
- Size: 145 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Experiments in MiniLED (and some in OLED)
This repo is basically a dumping ground for things I want to do to fiddle with MiniLED and visualisers in general. I feel like there's a lack of fun screensaver type stuff these days and it makes no sense to me given how much better suited OLED screens are to this kind of stuff in terms of power consumption and just general ambiance.
While most people will only have either a very small OLED screen (phone, Switch, tablet), there's quite a lot of people with MiniLED screens on their macbooks. As that's what I have that will probably be my main focus.
## HTML Visualiser
Uses the browser AudioContext API to visualise a grid of audio based data on screen.
HTML based approach was taken for the following reasons:
- MiniLED technology is not operating in the same instantaneous way OLED does, meaning basically everything leaves loads of dimly lit artifacts briefly, by sticking to a grid I'm hoping this can both reduce the impact of these and potentially be refined to a process where there could be a very close to 1:1 relationship between cells and the MiniLEDs on a screen. As they use some level of diffusion this will never be perfect but it doesn't really matter once it's dim and somewhat consistent
- Restricts me from going crazy like I probably would do with a canvas output
- Basically every solution I saw for this used canvas and I've a feeling this might be a bit more accessible to a totally different audience than the people who made them.
### TODO
#### MiniLED Visualizer
- ONLY SEEMS TO WORK ON FIREFOX??
- UI for settings
- Ability to stream audio rather than relying on input
- Control of gain settings
- Full screen
- approximate miniLED positions on basis of screen resolution and miniLED count
- `getByteFrequencyData` mode
#### Milkdrop Visualiser filters
- Save settings via local storage
- Ability to disable some filters from list
- Finish off UI to usable state
- Assess performance optimisations
#### HTML filter tool
- gradual darkness filter to let screen dim to blackness
- utilise similar UI to milkdrop screen (menu fade)
- offer easy variety of filter examples
## Youtube filter tool
Basically a thing to put on a youtube video and have it playing at your desk while you fall asleep without it lighting up the whole room.
### TODO
- clean up like the other one, maybe standardise the controls UI across things
-