Voor Jazz Radio by Maestro ontwikkelden we een mobiele radio-app waarin luisteren, actuele trackinformatie, jazznieuws, een agenda en een premium account samenkomen. De app voelt als een radiobeleving, maar is technisch gekoppeld aan een eigen account- en abonnementsplatform.

Het uitgangspunt was helder: open de app, kies een zender en luister. Tegelijk moest er ruimte zijn voor de verdieping die bij een jazzradiostation past, zoals actueel nieuws, evenementen en verschillende luisterervaringen voor freemium- en premiumleden. Daarom is de app niet afhankelijk van vaste hardcoded zenders of content, maar haalt hij de actuele catalogus en accountstatus veilig op uit de gekoppelde backend.

De technische basis achter accounts, abonnementen en streamtoegang is uitgewerkt in de aparte case over het Jazz Radio by Maestro accountplatform.

Muziekscherm van de Jazz Radio by Maestro luisterapp met huidige track en streamkeuze
Het luisterscherm brengt de huidige track, de volgende track en de beschikbare streamcategorieen bij elkaar.

Een luisterapp die direct bij de muziek begint

De muziekpagina is de kern van de app. Luisteraars zien welk nummer speelt, welke track hierna volgt en de bijbehorende albumafbeelding. Met een duidelijke afspeelknop kunnen ze direct starten of pauzeren. De speler blijft bereikbaar wanneer iemand verderkijkt naar nieuws, agenda of account, zodat luisteren niet wordt onderbroken door navigatie.

De beschikbare zenders worden dynamisch opgebouwd vanuit de streamcatalogus. Een freemiumluisteraar krijgt de openbare streams te zien; een actief premiumaccount kan ook de premiumvariant gebruiken. Zo kan de programmering of naamgeving van streams in het beheersysteem veranderen zonder dat er voor iedere wijziging een nieuwe appversie nodig is.

Actuele radio-informatie zonder rechtstreeks afhankelijk te zijn van een provider

De app vraagt de actuele trackinformatie op via de eigen Jazz Radio API. Die levert een genormaliseerd antwoord met onder meer artiest, titel, artwork en de volgende track. Dat houdt de mobiele app los van de vorm van een externe metadata-provider en geeft een stabiel punt voor de luisterervaring.

Bij het wisselen van een categorie kiest de speler de best beschikbare stream. Ook wanneer een apparaat tijdelijk geen verbinding heeft of een stream niet reageert, blijft de app gericht op een begrijpelijke, rustige luisterervaring in plaats van een technisch foutscherm.

Meer dan alleen een playknop

Naast muziek heeft de app een nieuws- en agendagedeelte. Jazznieuws wordt in een overzicht getoond, met een detailweergave en een link naar de oorspronkelijke bron. De agenda presenteert optredens en andere relevante momenten met datum, locatie en een directe link voor meer informatie. Daarmee kan Jazz Radio by Maestro niet alleen laten horen wat er speelt, maar ook laten zien wat er in de jazzwereld gebeurt.

Nieuwsoverzicht in de Jazz Radio by Maestro mobiele app
Het nieuwsoverzicht houdt luisteraars dicht bij de muziek en verwijst door naar de oorspronkelijke verhalen.
Jazzagenda in de Jazz Radio by Maestro mobiele app
In de agenda krijgen jazzliefhebbers snel zicht op komende evenementen en de bijbehorende informatie.

Freemium en premium in een app

De accounttab maakt het verschil tussen freemium en premium duidelijk. Premiumleden kunnen zonder advertenties en met streams van hogere kwaliteit luisteren. Wie nog geen account heeft, kan vanuit de app registreren; bestaande leden loggen in met hun eigen gegevens. Beheer van een abonnement opent vervolgens in de beveiligde accountomgeving, zodat betaling en accountbeheer niet in de app hoeven te worden nagebouwd.

Een sessie wordt lokaal veilig bewaard. De app herstelt een bestaande sessie bij het openen en ververst de inloggegevens op tijd. Als een sessie niet meer geldig is, valt de app netjes terug op de openbare luisterervaring. Daarmee blijft de basisfunctie toegankelijk en blijft premiumtoegang beschermd.

Techniek achter de app

  • React Native en Expo voor een gedeelde mobiele basis op iOS en Android.
  • React Native Track Player voor audioweergave die ook buiten het actieve scherm kan doorlopen.
  • Expo SecureStore voor het lokaal en veilig bewaren van de inlogsessie.
  • Een REST API voor streams, actuele trackinformatie, accountgegevens en abonnementstatus.
  • Een opzet met losse schermen voor muziek, nieuws, agenda en account, zodat de app gericht verder kan groeien.

Het resultaat: een radiostation in iemands broekzak

Jazz Radio by Maestro heeft nu een eigen plek op de telefoon van de luisteraar. De app brengt radio, actuele context en premiumlidmaatschap samen in een compacte ervaring. Achter die rustige voorkant zorgt het gekoppelde platform ervoor dat streams, accountstatus en abonnementen op de juiste manier worden afgehandeld.

Open de Jazz Radio by Maestro accountomgeving of lees meer over het gekoppelde accountplatform.

Ook een app met een eigen klantomgeving nodig?

Bekijk hoe we een app laten maken, of vertel ons welke ervaring je voor je gebruikers wilt bouwen. Dan kijken we naar de app, de benodigde koppelingen en het beheer erachter als een geheel.

Over TwoScript

Bij twoScript geloven we dat de toekomst van webontwikkeling draait om creativiteit en gebruiksgemak. Ons doel is om oplossingen te maken die vernieuwend en praktisch zijn, maar ook makkelijk te gebruiken. We willen websites maken die niet alleen goed werken, maar er ook goed uitzien. Bij twoScript streven we ernaar om de perfecte balans te vinden tussen techniek en design.

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *