mirror of
https://gitee.com/Vancouver2017/luban-lite-t3e-pro.git
synced 2025-12-14 10:28:54 +00:00
58 lines
2.3 KiB
Markdown
58 lines
2.3 KiB
Markdown
|
# Music Player Demo for RT-Thread
|
|||
|
|
|
|||
|
|
# LVGL音乐播放器演示示例（RT-Thread定制版）
|
|||
|
|
|
|||
|
|
## 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.
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
## 如何使用这个Demo
|
|||
|
|
|
|||
|
|
- 在`lv_conf.h`中增加宏定义`#define LV_USE_DEMO_RTT_MUSIC 1 `
|
|||
|
|
|
|||
|
|
- 如果想要自动播放的话，可以增加宏定义`#define LV_DEMO_RTT_MUSIC_AUTO_PLAY 1`
|
|||
|
|
|
|||
|
|
- 如果想要一直自动播放下去（默认是自动播放40秒，显示平均FPS结果），需要增加宏定义`#define LV_DEMO_RTT_MUSIC_AUTO_PLAY_FOREVER 1`
|
|||
|
|
|
|||
|
|
- `lv_conf.h`文件涉及到本demo的宏定义配置示例：
|
|||
|
|
|
|||
|
|
```c
|
|||
|
|
/* music player demo */
|
|||
|
|
#include <rtconfig.h>
|
|||
|
|
|
|||
|
|
#define LV_HOR_RES_MAX LCD_WIDTH
|
|||
|
|
#define LV_VER_RES_MAX LCD_HEIGHT
|
|||
|
|
#define LV_USE_DEMO_RTT_MUSIC 1
|
|||
|
|
#define LV_DEMO_RTT_MUSIC_AUTO_PLAY 1
|
|||
|
|
#define LV_FONT_MONTSERRAT_12 1
|
|||
|
|
#define LV_FONT_MONTSERRAT_16 1
|
|||
|
|
#define LV_COLOR_SCREEN_TRANSP 1
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
- 调用`lv_demo_music()`函数：[例程](https://github.com/RT-Thread/rt-thread/blob/master/bsp/stm32/stm32f469-st-disco/applications/lvgl/demo/lv_demo.c)
|
|||
|
|
|
|||
|
|
```c
|
|||
|
|
void lv_user_gui_init(void)
|
|||
|
|
{
|
|||
|
|
extern void lv_demo_music(void);
|
|||
|
|
lv_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` with `pip3 install librosa`
|
|||
|
|
- run `python sectrum.py my_file.mp3`
|
|||
|
|
- see the result in `spectrum.h`
|