Volumio in raspberry pi zero w with ili9341 display and PCM5102

Пришла мне идея добавить к моему Volumio дисплей.
И при этом попутно собрать все в маленький бокс что бы выглядело как готовое устройство.
Уж очень мне понравилось использование Volumio.

Купил я новый rasperry pi zero w еще один ЦАП pcm5102 и дисплей ili9341 с SPI интерфейсом.
Хотелось вывести на него лишь полезную информацию, весь рабочий стол мне не нужен.
Скрипт сейчас выглядит сыро, накопирован из разных источников и частично допилен мною.
Желающим присоединится к его доработке, всегда пожалуйста пишите доработаем.
В общем процесс сборки всей этой кухни читаем ниже.

Качаем образ Volumio для Raspberry Pi https://volumio.org/get-started/

Качаем Win32 Disk Imager https://sourceforge.net/projects/win32diskimager/

Пины подключения дисплея к raspberry:

GPIO 08 - CS
GPIO 09 - MISO
GPIO 10 - MOSI
GPIO 11 - CLK
GPIO 12 - LED
GPIO 24 - DC/RS
GPIO 23 - RST
PIN 17 - VCC
PIN 20 - GND
 
1
GPIO 08 - CS
2
GPIO 09 - MISO
3
GPIO 10 - MOSI
4
GPIO 11 - CLK
5
GPIO 12 - LED
6
GPIO 24 - DC/RS
7
GPIO 23 - RST
8
PIN 17 - VCC
9
PIN 20 - GND

Пины подключения PCM5102 к raspberry:

Not connected - SCK (В этом режиме у PCM5102 перемычка под SCK должна быть запаяна.)
GPIO 18 - BCK
GPIO 21 - DIN
GPIO 19 - LCK
PIN 39 - GND
PIN 01(02) - VIN
xxxxxxxxxx
6
 
1
Not connected - SCK (В этом режиме у PCM5102 перемычка под SCK должна быть запаяна.)
2
GPIO 18 - BCK
3
GPIO 21 - DIN
4
GPIO 19 - LCK
5
PIN 39 - GND
6
PIN 01(02) - VIN

Записываем образ Volumio на MicroSD карту.
Включаем ждем загрузки.
Берем свой мобильный телефон и находим WiFi сеть Volumio подключаемся, пароль: volumio2
При удачном подключении должен открытся визард установки.
Выбираем язык.
Название устройства.
Наличие ЦАП, для PCM5102 — Generic I2S DAC
Подключаемся к своей WiFi сети
Если нужно добавляем USB диск с музыкой.
Если есть желание и возможность донатим на развитие плеера.
Перезагружаемся.

После загрузки находим на своем роутере или используя https://www.advanced-ip-scanner.com/ru/ сканер сети новое устройство с именем как вы указали при настройке в визарде.
Нашли заходим: у вас это может выглядеть примерно вот так http://192.168.0.15 нам нужно зайти в режим включения опций разработки заходим сюда http://192.168.0.15/dev
Тапаем на SSH ENABLE
Заходим по SSH login: volumio pass: volumio

Выставляем временную зону:

dpkg-reconfigure tzdata
xxxxxxxxxx
1
 
1
dpkg-reconfigure tzdata

Выставляем локаль:

echo "export LC_ALL=en_US.UTF-8" >> ~/.bashrc
echo "export LANG=en_US.UTF-8" >> ~/.bashrc
echo "export LANGUAGE=en_US.UTF-8" >> ~/.bashrc
xxxxxxxxxx
3
 
1
echo "export LC_ALL=en_US.UTF-8" >> ~/.bashrc
2
echo "export LANG=en_US.UTF-8" >> ~/.bashrc
3
echo "export LANGUAGE=en_US.UTF-8" >> ~/.bashrc

Качаем шрифты:
https://www.1001freefonts.com/d/2596/unispace.zip
Ложим их в /home/volumio/fonts

Устанавливаем зависимости и софт:

sudo apt-get update
sudo apt-get install build-essential python-dev python-smbus python-pip python-imaging python-numpy git raspi-config mc
sudo pip install RPi.GPIO python-mpd2
xxxxxxxxxx
3
 
1
sudo apt-get update
2
sudo apt-get install build-essential python-dev python-smbus python-pip python-imaging python-numpy git raspi-config mc
3
sudo pip install RPi.GPIO python-mpd2

В raspi-config включаем SPI:
Заходим в Interfacing Options и включаем SPI

Качаем устанавливаем модули дисплея:

cd /home/volumio
git clone https://github.com/adafruit/Adafruit_Python_ILI9341.git
cd Adafruit_Python_ILI9341
sudo python setup.py install
xxxxxxxxxx
4
 
1
cd /home/volumio
2
git clone https://github.com/adafruit/Adafruit_Python_ILI9341.git
3
cd Adafruit_Python_ILI9341
4
sudo python setup.py install

Создаем скрипт запуска run_display.sh

#!/bin/bash

sleep 60
nohup python /home/volumio/display.py > /dev/null 2>&1 &

exit 0
x
 
1
#!/bin/bash
2
3
sleep 60
4
nohup python /home/volumio/display.py > /dev/null 2>&1 &
5
6
exit 0

В файл /etc/rc.local добавляем в автозагрузку скрипт:

/home/volumio/run_display.sh

exit 0
xxxxxxxxxx
3
 
1
/home/volumio/run_display.sh
2
3
exit 0

Создаем скрипт работы дисплея display.py

import Image
import ImageDraw
import ImageFont
import time
import subprocess
import os
import glob
import socket
import Adafruit_ILI9341 as TFT
import Adafruit_GPIO as GPIO
import Adafruit_GPIO.SPI as SPI
import gc
import mpd
client = mpd.MPDClient(use_unicode=True)
client.timeout = 10
client.connect("localhost", 6600)
#setup to monitor pin for shutdown on power stich off
gpio = GPIO.get_platform_gpio()

#gpio.setup(20, GPIO.IN, pull_up_down=GPIO.PUD_DOWN) # monitor power switch

#gpio.setup(21, GPIO.OUT) # Take control of Keep Alive signal to relay board
gpio.setup(16, GPIO.OUT) # Takecontrol of Power LED
gpio.setup(12, GPIO.OUT) # Take control of LCD Backlight

#gpio.output(21, True) # Turn on Keep Alive
gpio.output(16, True) # Turn on Power LED
gpio.output(12, True) # Turn on LCD backlight

# Raspberry Pi pin configuration for screen
DC = 24
RST = 23
SPI_PORT = 0
SPI_DEVICE = 0

# Create TFT LCD display class.
disp = TFT.ILI9341(DC, rst=RST, spi=SPI.SpiDev(SPI_PORT, SPI_DEVICE, max_speed_hz=64000000))

# Initialize display.
disp.begin()

# Clear the Display
disp.clear((0, 0, 0)) #DON'T DO THIS OFTEN, IT LEAKS MEMORY IF REPEATED FREQUENTLY

# Get a PIL Draw object to start drawing on the display buffer.
draw = disp.draw()

# load a TTF font
# I chose fixed width for now, to make it easier to center things

font = ImageFont.truetype('/home/volumio/fonts/unispace.ttf', 14)
smallfont = ImageFont.truetype('/home/volumio/fonts/unispace.ttf', 12)
bigfont = ImageFont.truetype('/home/volumio/fonts/unispace.ttf', 50)

orig_time = time.time() # Initialise timer for track timer

# Try to connect to gmail, then note which IP address resolves to the internet to identify the correct
# network interface to print on the screen in idle mode
s = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
s.connect(("gmail.com",80))
ipaddress=(s.getsockname()[0])
s.close()

# Return CPU temperature as a character string
def getCPUtemperature():
res = os.popen('vcgencmd measure_temp').readline()
return(res.replace("temp=","").replace("'C\n",""))

#The screen is usually setup portrait, so ghere i used some adafruit code to draw text at 90 degrees:

def draw_rotated_text(image, text, position, angle, font, fill=(255,255,255)):
# Get rendered font width and height.
draw = ImageDraw.Draw(image)
width, height = draw.textsize(text, font=font)
# Create a new image with transparent background to store the text.
textimage = Image.new('RGBA', (width, height), (0,0,0,0))
# Render the text.
textdraw = ImageDraw.Draw(textimage)
textdraw.text((0,0), text, font=font, fill=fill)
# Rotate the text image.
rotated = textimage.rotate(angle, expand=1)
# Paste the text into the image, using it as a mask for transparency.
image.paste(rotated, position)

#Initial MPC queries. !!!"Always use try/except !!!!! otherwise the program crashes out when one is blank!

try:
artist = client.currentsong()['artist']
except:
artist = "No Artist"

try:
title = client.currentsong()['title']
except:
title = "No Title"

try:
album = client.currentsong()['album']
except:
album = "No Album"

start_time = time.time()

# initial setup of variables and lines
oldtitle = title
artist2 = artist[28:56].center(27)
artist = artist[0:28].center(27)
title2 = title[28:56].center(27)
title = title[0:28].center(27)
album2 = album[28:56].center(34)
album = album[0:28].center(34)

#inital draw of screen

disp.clear((0, 0, 0))
draw_rotated_text(disp.buffer, artist, (20, 0), 90, font, fill=(255,255,255))
draw_rotated_text(disp.buffer, artist2, (40, 0), 90, font, fill=(255,255,255))
draw_rotated_text(disp.buffer, title, (70, 0), 90, font, fill=(255,255,255))
draw_rotated_text(disp.buffer, title2, (90, 0), 90, font, fill=(255,255,255))
draw_rotated_text(disp.buffer, album, (150, 0), 90, smallfont, fill=(255,255,255))
draw_rotated_text(disp.buffer, album2, (180, 0), 90,smallfont, fill=(255,255,255))

oldstate="Random nonzero"

while(True):

#if ( gpio.input(20) == False ): ##I have this pin wired to the power switch on the front of the case. If the input goes low, the pi shuts down! Remove this if you don't want it to happen
# print "shutdown"
# disp.clear((0, 0, 0))
# draw_rotated_text(disp.buffer, "Shutdown", (70, 10), 90, bigfont, fill=(255,255,255))
# disp.display()
# time.sleep(5)
# os.system('sudo shutdown -h now')

try:
oldstate=state
state = client.status()['state']
except:
state = "fail"

if (state != oldstate): disp.clear((0, 0, 0))
## only clear when we have to, disp.clear has a memory leak!!!

if (state != "play") and (state != "pause"): # If device idle, show current time/date, IP and CPU temp

draw_rotated_text(disp.buffer, ipaddress, (20, 10), 90, smallfont, fill=(255,255,255))
draw_rotated_text(disp.buffer, getCPUtemperature(), (20, 280), 90, smallfont, fill=(255,255,255))

localtime = time.asctime( time.localtime(time.time()) )
draw_rotated_text(disp.buffer, localtime[0:10], (70, 10), 90, font, fill=(255,255,255))
draw_rotated_text(disp.buffer, localtime[11:19], (90, 10), 90, bigfont, fill=(255,255,255))

disp.display()
time.sleep(0.1) # YOu can remove this to make display update quicker, but it becomes even more of a CPU hog
oldtitle = "Random Nonsense placeholder"
print state # just for debugging

else: # If Playing or Paused

print state ## just for debugging
draw_time = time.time() ## also debug

try:
newtitle = client.currentsong()['title']
except:
newtitle = "failed to get title"

if (newtitle == oldtitle): # Mark time on track change

seconds = time.time() - start_time
m, s = divmod(seconds, 60)
h, m = divmod(m, 60)

draw_rotated_text(disp.buffer,"%d:%02d:%02d" % (h, m, s) , (195, 5), 90, font, fill=(255,255,255))
else:
start_time = time.time()

try: # ALWAYS TRY /EXCEPT ON MPC CALLS
artist = client.currentsong()['artist']
except:
artist = "No Artist"

try:
title = client.currentsong()['title']
except:
title = "No Title"

try:
album = client.currentsong()['album']
except:
album = "No Album"

#Format display strings
oldtitle = title
artist2 = artist[28:56].center(27)
artist = artist[0:28].center(27)
title2 = title[28:56].center(27)
title = title[0:28].center(27)
album2 = album[28:56].center(34)
album = album[0:28].center(34)

disp.clear((0, 0, 0))
draw_rotated_text(disp.buffer, artist, (20, 0), 90, font, fill=(255,255,255))
draw_rotated_text(disp.buffer, artist2, (40, 0), 90, font, fill=(255,255,255))
draw_rotated_text(disp.buffer, title, (70, 0), 90, font, fill=(255,255,255))
draw_rotated_text(disp.buffer, title2, (90, 0), 90, font, fill=(255,255,255))
draw_rotated_text(disp.buffer, album, (150, 0), 90, smallfont, fill=(255,255,255))
draw_rotated_text(disp.buffer, album2, (180, 0), 90,smallfont, fill=(255,255,255))

disp.display()
time.sleep(0.1) # Can reduce this delay for snappyer display, but it will hog much more CPU for little benefit.
xxxxxxxxxx
211
 
1
import Image
2
import ImageDraw
3
import ImageFont
4
import time
5
import subprocess
6
import os
7
import glob
8
import socket
9
import Adafruit_ILI9341 as TFT
10
import Adafruit_GPIO as GPIO
11
import Adafruit_GPIO.SPI as SPI
12
import gc
13
import mpd
14
client = mpd.MPDClient(use_unicode=True)
15
client.timeout = 10
16
client.connect("localhost", 6600)
17
#setup to monitor pin for shutdown on power stich off
18
gpio = GPIO.get_platform_gpio()
19
20
#gpio.setup(20, GPIO.IN, pull_up_down=GPIO.PUD_DOWN) # monitor power switch
21
22
#gpio.setup(21, GPIO.OUT) # Take control of Keep Alive signal to relay board
23
gpio.setup(16, GPIO.OUT) # Takecontrol of Power LED
24
gpio.setup(12, GPIO.OUT) # Take control of LCD Backlight
25
26
#gpio.output(21, True) # Turn on Keep Alive
27
gpio.output(16, True) # Turn on Power LED
28
gpio.output(12, True) # Turn on LCD backlight
29
30
# Raspberry Pi pin configuration for screen
31
DC = 24
32
RST = 23
33
SPI_PORT = 0
34
SPI_DEVICE = 0
35
36
# Create TFT LCD display class.
37
disp = TFT.ILI9341(DC, rst=RST, spi=SPI.SpiDev(SPI_PORT, SPI_DEVICE, max_speed_hz=64000000))
38
39
# Initialize display.
40
disp.begin()
41
42
# Clear the Display
43
disp.clear((0, 0, 0)) #DON'T DO THIS OFTEN, IT LEAKS MEMORY IF REPEATED FREQUENTLY
44
45
# Get a PIL Draw object to start drawing on the display buffer.
46
draw = disp.draw()
47
48
# load a TTF font
49
# I chose fixed width for now, to make it easier to center things
50
51
font = ImageFont.truetype('/home/volumio/fonts/unispace.ttf', 14)
52
smallfont = ImageFont.truetype('/home/volumio/fonts/unispace.ttf', 12)
53
bigfont = ImageFont.truetype('/home/volumio/fonts/unispace.ttf', 50)
54
55
orig_time = time.time() # Initialise timer for track timer
56
57
# Try to connect to gmail, then note which IP address resolves to the internet to identify the correct
58
# network interface to print on the screen in idle mode
59
s = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
60
s.connect(("gmail.com",80))
61
ipaddress=(s.getsockname()[0])
62
s.close()
63
64
# Return CPU temperature as a character string
65
def getCPUtemperature():
66
res = os.popen('vcgencmd measure_temp').readline()
67
return(res.replace("temp=","").replace("'C\n",""))
68
69
#The screen is usually setup portrait, so ghere i used some adafruit code to draw text at 90 degrees:
70
71
def draw_rotated_text(image, text, position, angle, font, fill=(255,255,255)):
72
# Get rendered font width and height.
73
draw = ImageDraw.Draw(image)
74
width, height = draw.textsize(text, font=font)
75
# Create a new image with transparent background to store the text.
76
textimage = Image.new('RGBA', (width, height), (0,0,0,0))
77
# Render the text.
78
textdraw = ImageDraw.Draw(textimage)
79
textdraw.text((0,0), text, font=font, fill=fill)
80
# Rotate the text image.
81
rotated = textimage.rotate(angle, expand=1)
82
# Paste the text into the image, using it as a mask for transparency.
83
image.paste(rotated, position)
84
85
#Initial MPC queries. !!!"Always use try/except !!!!! otherwise the program crashes out when one is blank!
86
87
try:
88
artist = client.currentsong()['artist']
89
except:
90
artist = "No Artist"
91
92
try:
93
title = client.currentsong()['title']
94
except:
95
title = "No Title"
96
97
try:
98
album = client.currentsong()['album']
99
except:
100
album = "No Album"
101
102
start_time = time.time()
103
104
# initial setup of variables and lines
105
oldtitle = title
106
artist2 = artist[28:56].center(27)
107
artist = artist[0:28].center(27)
108
title2 = title[28:56].center(27)
109
title = title[0:28].center(27)
110
album2 = album[28:56].center(34)
111
album = album[0:28].center(34)
112
113
#inital draw of screen
114
115
disp.clear((0, 0, 0))
116
draw_rotated_text(disp.buffer, artist, (20, 0), 90, font, fill=(255,255,255))
117
draw_rotated_text(disp.buffer, artist2, (40, 0), 90, font, fill=(255,255,255))
118
draw_rotated_text(disp.buffer, title, (70, 0), 90, font, fill=(255,255,255))
119
draw_rotated_text(disp.buffer, title2, (90, 0), 90, font, fill=(255,255,255))
120
draw_rotated_text(disp.buffer, album, (150, 0), 90, smallfont, fill=(255,255,255))
121
draw_rotated_text(disp.buffer, album2, (180, 0), 90,smallfont, fill=(255,255,255))
122
123
oldstate="Random nonzero"
124
125
while(True):
126
127
#if ( gpio.input(20) == False ): ##I have this pin wired to the power switch on the front of the case. If the input goes low, the pi shuts down! Remove this if you don't want it to happen
128
# print "shutdown"
129
# disp.clear((0, 0, 0))
130
# draw_rotated_text(disp.buffer, "Shutdown", (70, 10), 90, bigfont, fill=(255,255,255))
131
# disp.display()
132
# time.sleep(5)
133
# os.system('sudo shutdown -h now')
134
135
try:
136
oldstate=state
137
state = client.status()['state']
138
except:
139
state = "fail"
140
141
if (state != oldstate): disp.clear((0, 0, 0))
142
## only clear when we have to, disp.clear has a memory leak!!!
143
144
if (state != "play") and (state != "pause"): # If device idle, show current time/date, IP and CPU temp
145
146
draw_rotated_text(disp.buffer, ipaddress, (20, 10), 90, smallfont, fill=(255,255,255))
147
draw_rotated_text(disp.buffer, getCPUtemperature(), (20, 280), 90, smallfont, fill=(255,255,255))
148
149
localtime = time.asctime( time.localtime(time.time()) )
150
draw_rotated_text(disp.buffer, localtime[0:10], (70, 10), 90, font, fill=(255,255,255))
151
draw_rotated_text(disp.buffer, localtime[11:19], (90, 10), 90, bigfont, fill=(255,255,255))
152
153
disp.display()
154
time.sleep(0.1) # YOu can remove this to make display update quicker, but it becomes even more of a CPU hog
155
oldtitle = "Random Nonsense placeholder"
156
print state # just for debugging
157
158
else: # If Playing or Paused
159
160
print state ## just for debugging
161
draw_time = time.time() ## also debug
162
163
try:
164
newtitle = client.currentsong()['title']
165
except:
166
newtitle = "failed to get title"
167
168
if (newtitle == oldtitle): # Mark time on track change
169
170
seconds = time.time() - start_time
171
m, s = divmod(seconds, 60)
172
h, m = divmod(m, 60)
173
174
draw_rotated_text(disp.buffer,"%d:%02d:%02d" % (h, m, s) , (195, 5), 90, font, fill=(255,255,255))
175
else:
176
start_time = time.time()
177
178
try: # ALWAYS TRY /EXCEPT ON MPC CALLS
179
artist = client.currentsong()['artist']
180
except:
181
artist = "No Artist"
182
183
try:
184
title = client.currentsong()['title']
185
except:
186
title = "No Title"
187
188
try:
189
album = client.currentsong()['album']
190
except:
191
album = "No Album"
192
193
#Format display strings
194
oldtitle = title
195
artist2 = artist[28:56].center(27)
196
artist = artist[0:28].center(27)
197
title2 = title[28:56].center(27)
198
title = title[0:28].center(27)
199
album2 = album[28:56].center(34)
200
album = album[0:28].center(34)
201
202
disp.clear((0, 0, 0))
203
draw_rotated_text(disp.buffer, artist, (20, 0), 90, font, fill=(255,255,255))
204
draw_rotated_text(disp.buffer, artist2, (40, 0), 90, font, fill=(255,255,255))
205
draw_rotated_text(disp.buffer, title, (70, 0), 90, font, fill=(255,255,255))
206
draw_rotated_text(disp.buffer, title2, (90, 0), 90, font, fill=(255,255,255))
207
draw_rotated_text(disp.buffer, album, (150, 0), 90, smallfont, fill=(255,255,255))
208
draw_rotated_text(disp.buffer, album2, (180, 0), 90,smallfont, fill=(255,255,255))
209
210
disp.display()
211
time.sleep(0.1) # Can reduce this delay for snappyer display, but it will hog much more CPU for little benefit.

Перезагружаемся, если на дисплее появилось время, значить все вы сделали верно.
Далее настраиваем Volumio по вкусу.
Скрипт можно расширить и выводить различную дополнительную информацию.

2 комментария

Юрий Ответить
02.09.2019 at 21:06

Здравствуйте. Скажите, а у вас получилось выводить кириллицу на экран?
- onx Ответить
  17.11.2019 at 05:25
  
  Добрый день.
  У меня не стояла такая задача, поскольку я очень редко слушаю русскую музыку.
  Но в целом сложности быть не должно.
  Нужно заменить шрифты на кириллические font и smallfont (а так же выровнять их в размере и в позиции)
  Сама кодировка в клиенте вроде бы поддерживается, детальнее тут: https://python-mpd2.readthedocs.io/en/latest/topics/advanced.html

Volumio in raspberry pi zero w with ili9341 display and PCM5102

2 комментария

Юрий Ответить

onx Ответить

Оставить комментарий Отменить ответ