{"id":469,"date":"2022-12-15T23:45:46","date_gmt":"2022-12-15T23:45:46","guid":{"rendered":"https:\/\/krushton.com\/blog\/?p=469"},"modified":"2022-12-21T00:17:56","modified_gmt":"2022-12-21T00:17:56","slug":"cheap-android-phone-based-rfid-music-player-like-yoto-or-toniebox","status":"publish","type":"post","link":"https:\/\/krushton.com\/blog\/cheap-android-phone-based-rfid-music-player-like-yoto-or-toniebox\/","title":{"rendered":"RFID card music player (Yoto clone)"},"content":{"rendered":"

For the last few years running, the hottest holiday toy for the under 5 year old set has been an RFID-powered music player like the Yoto<\/a> or Toniebox<\/a>. Kids love the freedom to choose what to listen to and parents love that their children get to enjoy media without the overstimulation of screens (or having one of their kids’ first words be “OKGoogle”.)<\/p>\n

I looked into buying one of these for my toddler twins, but at $100+ it’s a tough sell, especially since the underlying tech is pretty simple – just a hardware box with an RFID scanner and a wifi enabled speaker. I’d actually built something similar in a grad school project, except it was a teddy bear and the focus was learning games and not music (Fuzzy Logic<\/a>). Also, the products charge a LOT for the “build your own” cards feature, which uses blank RFID cards that the parent maps to media of their choice – even though blank RFID cards can be purchased for under 50 cents.<\/p>\n

Enter my app, Spotify Cards. This app takes advantage of the fact that most Android phones have built in RFID readers on them. It also uses the Spotify Player API for Android to play songs in the background on Spotify. Using this app, a parent (for now, me :)) can buy packs of blank RFID cards and link them up to Spotify songs, creating a delightful and simple replica of the Yoto player experience. I typically launch the app and then lock the screen using the Android screen lock feature, so the kids can listen to music unattended.<\/p>\n

Admin Interface – Adding Cards<\/h3>\n
\"SpotifyCards
Main view is a list of added cards. Tapping the card will play the selected song on Spotify.<\/figcaption><\/figure>\n
\"Actions\"
Swipe on the list item to take action – edit or delete<\/figcaption><\/figure>\n
\"Add
Add or update card view. To link a song, a user can simply paste in the “Share” URL from Spotify for ease of use<\/figcaption><\/figure>\n
\"List
Empty state\/welcome screen for card list<\/figcaption><\/figure>\n
\"Onboarding
Once launched into player mode, the user is prompted to scan a card.<\/figcaption><\/figure>\n
\"Player
While the song is playing the UI is very simple and adapted for non readers. All that is shown is a track image and two controls for pausing\/playing the music and resetting.<\/figcaption><\/figure>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Demo Video<\/h3>\n

Here it is in action! Note – this is showing the V1 UI before I finished the more polished design.<\/p>\n