Audio Streaming App
To see a working demo of this app, click HERE.
In this section, we connect the user's data to the admin page so that we can visually confirm that the user is logged in (or not). We then connect logout functionality and finally, we upload audio mp3 files to our Turbo backend in order to confirm that storage is successful.
Uploading Images (21:34)Register or Log In to View
In this video, we set up an image upload function for setting profile icons, then we render the image dynamically. We also do a little basic refactoring to clean up the code and separate image uploading logic from the audio uploading logic.
Browsing Stations (24:08)Register or Log In to View
In this video, we set up the basic UI for the homepage where users will be able to browse current stations. We query the Turbo backend for current stations then render their key info (name, number of tracks) on the main page.
Rendering Station Tracks (16:56)Register or Log In to View
In this video, we enable users to select a station from the main UI and then view the tracks on a sidebar which slides out from the right side. This is the final step before actually playing the audio tracks.
Connecting Audio Playback (19:43)Register or Log In to View
In this video, we finally stream audio tracks from individual stations. We use the APlayer Javscript library to load playlists and play back MP3 files when user select a station. We then deploy to the Turbo 360 staging environment to make sure everything works well on a live server.