React-Native application – Raspberry Pi Radio

Recently I have got my Raspberry Pi Radio up and running again. In the past I created simple internet radio player by installing Music Player Daemon on my Raspberry Pi device. The radio looks like this:
IMG_20200324_172631
In order to play/stop playing the hardcoded radio stream on need to press the yellow button on the top of the cover. This solution has a serious drawback: to change the radio one need to connect by ssh to the device and modify by hand the perl script which controls the button. This solution is far from being handy.
So I have decided to play around with Android application and I have created the mobile application – the remote controller. The prototype was created in pure Kotlin however I have decided to build the final version in React-Native. The application has the following screens:
radio-pi
It allows to play different streams which the user can add and remove. The application lets user to control the volume of the sound and restart or even shutdown the device as well.
The communication between the Music Player Daemon and mobile application is handled by the REST service I have created on Raspberry Pi with Express web application framework and mpc-js client library.
The entire code can be found on this repo.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s