You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
alex
bc87a57de2
git subtree --prefix=lib/lvgl --squash pull \ https://github.com/lvgl/lvgl v8.3.11 v8.3 release notes: https://docs.lvgl.io/8.3/CHANGELOG.html |
10 months ago | |
---|---|---|
.. | ||
assets | 2 years ago | |
README.md | 2 years ago | |
lv_demo_music.c | 10 months ago | |
lv_demo_music.h | 10 months ago | |
lv_demo_music_list.c | 10 months ago | |
lv_demo_music_list.h | 10 months ago | |
lv_demo_music_main.c | 10 months ago | |
lv_demo_music_main.h | 10 months ago | |
screenshot1.gif | 2 years ago |
README.md
Music player demo
Overview
The music player demo shows what kind of modern, smartphone-like user interfaces can be created on LVGL. It works the best with display with 480x272 or 272x480 resolution.
Run the demo
- In
lv_conf.h
or equivalent places setLV_USE_DEMO_MUSIC 1
- With
LV_DEMO_MUSIC_AUTO_PLAY
enabled a ~60 sec demo will be played. - After
lv_init()
and initializing the drivers calllv_demo_music()
How the spectrum animation works
assets/spectrum.py
creates an array of spectrum values from a music. 4 band are created with 33 samples/sec: bass, bass-mid, mid, mid-treble.- The spectrum meter UI does the followings:
- Zoom the album cover proportionality to the current bass value
- Display the 4 bands on the left side of a circle by default at 0°, 45°, 90°, 135°
- Add extra bars next to the "main bars" with a cosine shape. Add more bars for the lower bands.
- If there is a large enough bass, add a random offset to the position of the bars. E.g. start from 63° instead of 0°. (bars greater than 180° start again from 0°)
- If there is no bass, add 1 to the offset of the bars (it creates a "walking" effect)
- Mirror the bars to the right side of the circle
Using spectrum.py
- install
librosa
withpip3 install librosa
- run
python sectrum.py my_file.mp3
- see the result in
spectrum.h