Raspberry Pi Pico Web Based MP3 Player using DFPlayer Mini

I've previously explained how I created a MicroPython library for DFPlayer mini MP3 player for a Raspberry Pi Pico. I've also created a web based version which uses a Raspberry Pi Pico 2W and allows you to control the MP3 Player with your phone or computer.

DFRobot DFPlayerMini MP3 player with Micro SD Card connected to a Raspberry Pi Pico 2W

I've now expanded on this by programming a web server to run on the Raspberry Pi Pico 2W, which allows this to be used as a web based MP3 Player.

I've created web interfaces for the Raspberry Pi Pico before, but for this I tried something different. Could I have an SVG file and change the text dynamically. That sounded more interesting than manually creating a bunch of image files and avoids some of the pitfalls of trying to do that using CSS. It turns out that I could and I included that in the video.

Web interface for a Raspberry Pi Pico 2W with DFRobot DFPlayer Mini MP3 Player

The SVG file has a token used in place of the title, and the web page code replaces that with the appropriate title.

Source code

You can download the source code from github.

DFPlayerMini Raspberry Pi Pico MP3 Player source code

Related projects

I eventually intend to use this as part of a model railway layout providing sounds for the station building. See the link below for more details of model railway projects.