close
BERJAYA
BERJAYA

Radio Player Page

Beschrijving

Met Radio Player Page maak je speciale luisterpagina’s voor je radiostations op WordPress. Elk station heeft zijn eigen zelfstandige pagina met betrouwbare weergave, geïntegreerde wekelijkse planning, informatie over radioshows en aangepaste branding, volledig onafhankelijk van je WordPress thema.

Ontworpen voor online radiostations, community-omroepen en streamingdiensten, combineert het stationbeheer, planning en weergave in één oplossing, terwijl de luisterervaring snel, betrouwbaar en zonder afleiding blijft.

Speciale luisterpagina’s

  • Zelfstandige luisterpagina’s – Elk station heeft zijn eigen onafhankelijke HTML-pagina, volledig los van je WordPress thema. Dit garandeert betrouwbare weergave, uitstekende prestaties en een eigen URL voor elk station.
  • Betrouwbare weergave – Luisteraars komen altijd op dezelfde geoptimaliseerde afspeelpagina terecht, zonder conflicten met thema’s, problemen met de paginabouwer of onnodige front-end overhead.
  • Universele streamcompatibiliteit – Ondersteunt Icecast, Shoutcast, HLS (.m3u8), DASH (.mpd) en MP3 streams met automatische protocoldetectie en native HLS-ondersteuning in iOS Safari.

Programmaplanning

  • Wekelijkse planning – Stel een volledige wekelijkse planning samen met benoemde radioshows, optionele logo’s, tijdzonebewuste berekeningen en overlapdetectie.
  • Nu & volgende informatie – De speler toont automatisch de huidige radioshow en de eerstvolgende geplande show.
  • Bibliotheek radioshows – Maak herbruikbare radioshows met uitgelichte afbeeldingen, beschrijvingen en uitzendtijden.
  • Herhalingsmarkering – Markeer een tijdslot in het schema als herhaling, zichtbaar voor luisteraars in het schema en de speelt-nu weergave.

Stationbeheer

  • Ondersteuning voor meerdere stations – Beheer meerdere onafhankelijke radiostations vanuit één WordPress installatie.
  • Stationbranding – Pas elk station aan met een eigen logo, achtergrondafbeelding en kleurthema.
  • Welkomstaudio – Upload optioneel een MP3 die één keer wordt afgespeeld voordat de livestream begint, de eerste keer dat een luisteraar op afspelen drukt.
  • Uitzending tijdzone klok – Toon de lokale tijd van je station wanneer deze afwijkt van de tijdzone van de luisteraar.

Luisterervaring

  • Visuele thema’s – Kies uit acht kleurthema’s.
  • Audiovisualisators – Vier realtime visualisators op basis van de Web Audio API.
  • Media sessie API – Integratie met vergrendelschermen en hardware mediabediening, inclusief hoesafbeelding en metadata.
  • Handige functies – Slaaptimer, responsive lay-out en Open Graph metadata om dingen op sociale media te delen.

Blokken

  • RPP: wekelijks programma-blok – Toon het volledige wekelijkse programma voor elk station, waar dan ook op je site, met behulp van de blok-editor.
  • RPP: lijst met radioprogramma’s blok – Toon een lijst met radioprogramma’s, inclusief afbeeldingen, beschrijvingen en uitzendschema’s.
  • RPP: speelt nu blok – Toon de radio weergeven die momenteel live is voor een station, met zijn schema, en de volgende weergeven als deze binnen 10 minuten start.

Moderne architectuur

Radio Player Page is gebouwd als een standalone React-applicatie met React 19, TypeScript en Vite. Bestanden worden geladen via een op manifest gebaseerd systeem voor efficiënte caching, snelle updates en onderhoud op lange termijn.

Schermafbeeldingen

Blokken

Deze plugin heeft 3 blokken.

  • RPP: Weekly Schedule Display the weekly radio schedule for a selected radio station.
  • RPP: Radio Shows List Display all radio shows for a selected radio station with name, image, extended description, and broadcast schedule.
  • RPP: Now Playing Display the radio show currently on air for a station, with its schedule, and the next show if it starts within 10 minutes.

Installatie

  1. Upload de map radio-player-page naar de folder /wp-content/plugins/ of installeer de plugin rechtstreeks via het WordPress plugins scherm.
  2. Activeer de plugin.
  3. Open RPP Stations en maak je eerste station aan.
  4. Configureer:
    • Streaming-URL (Icecast, Shoutcast, HLS, DASH of MP3)
    • WordPress pagina
    • Titel station
    • Merkopties (logo, achtergrond, kleurthema)
    • Audiovisualisator
  5. Publiceer het station.
  6. Maak eventueel radioshows aan via RPP Radioshows en stel de wekelijkse planning van het station samen.

Belangrijke opmerkingen

  • Elk radiostation vereist zowel een geldige streaming URL als een toegewezen WordPress pagina.
  • Stations en radioshows worden opgeslagen als aangepaste WordPress berichttypen.
  • Het deactiveren van de plugin behoudt je gegevens.
  • Het verwijderen van de plugin verwijdert permanent stations, radioshows en planningen.

FAQ

Moet ik iets configureren op de WordPress pagina?

Nee. Zodra je een pagina toewijst aan een station op het bewerkingsscherm RPP Stations, is er geen extra configuratie op de pagina zelf nodig. De plugin onderschept pagina-aanvragen via WordPress template omleiding hooks en levert een zelfstandige HTML-pagina met de speler. De normale pagina-uitvoer (content, template, blokken) wordt voor die URL overgeslagen, zodat de speler altijd betrouwbaar wordt geladen zonder setup op paginaniveau.

Waar kan ik ondersteuning krijgen of problemen rapporteren?

Bezoek het WordPress ondersteuningsforum voor hulp, functieverzoeken en het rapporteren van bugs.

Kan ik dit gebruiken voor commerciële radiostations?

Ja. De plugin is gratis en open-source (GPLv2 of hoger), geschikt voor zowel commerciële als niet-commerciële radiostations.

Waar kan ik de volledige broncode bekijken?

De broncode is te vinden op GitHub.

Wat is welkomstaudio?

Welkomstaudio is een optionele MP3 clip die je voor een station kunt uploaden. Wanneer een luisteraar voor het eerst op afspelen drukt, wordt deze clip één keer afgespeeld voordat de livestream begint, en kan niet worden gepauzeerd of overgeslagen totdat deze is afgelopen. Dit is handig voor een korte stations-ID, een welkomstbericht of een juridisch bericht. Het is volledig optioneel, wordt maximaal één keer per paginabezoek afgespeeld, en als het om welke reden dan ook niet kan worden afgespeeld, start de livestream gewoon normaal.

Beoordelingen

BERJAYA
16 september 2025
This plugin gave me a dedicated player for my shoutcast stream under 5 mins. No fluff at all. Just paste the link, pick a page, and you’re good to go
BERJAYA
13 september 2025
The setup is super straightforward and easy to understand. I like that it keeps things simple without adding a bunch of unnecessary settings.
BERJAYA
10 september 2025 2 reacties
works great for keeping the radio player running without stopping when clicking around the site could you add an option to upload an image or logo to display with the player? regards
Lees alle 4 beoordelingen

Bijdragers & ontwikkelaars

“Radio Player Page” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“Radio Player Page” is vertaald in 12 localen. Dank voor de vertalers voor hun bijdragen.

Vertaal “Radio Player Page” in je eigen taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

3.4.2

  • Added Croatian translation.
  • Added Czech translation.
  • Fixed wording in the Swedish translation of the playback error message.
  • Fixed alignment of the active radio show logo, name, and rerun marker on the player page so they stay centered and grouped together. (thanks marcelgremme)

3.4.1

  • Positie van de herhalingsmarkering in de dialoog Wekelijkse planning gerepareerd, zodat deze onder de uitzendtijd verschijnt in plaats van naast de naam van de radioshow.
  • Lay-out van de live/actief badge en radioshownaam in de dialogen Wekelijkse planning en Radioshows opgelost, zodat deze correct worden gestapeld in plaats van elkaar te overlappen op smalle schermen.
  • Bijsnijden van het logo van de actieve radioshow op de spelerspagina opgelost, zodat het zijn kader vult in plaats van lege ruimte over te laten.

3.4.0

  • Speelt nu blok toegevoegd.
  • Optionele welkomstaudio toegevoegd: een MP3 die één keer wordt afgespeeld voordat de livestream begint, de eerste keer dat een luisteraar op afspelen drukt.
  • Herhalingsmarkering toegevoegd voor tijdsloten in het schema.
  • Fouten in de Nederlandse vertaling van de speler opgelost (met dank aan marcelgremme).
  • Fouten in de Zweedse vertaling van de speler opgelost.

3.3.1

  • Minimumvereisten verhoogd naar WordPress 6.6 en PHP 7.4. Vereist voor blokken (Block API v3 en moderne JSX-runtime). Sites onder deze versies kunnen de geïnstalleerde plugin behouden, maar kunnen niet updaten totdat ze upgraden.
  • Getest tot en met WordPress 7.0.
  • PHP-codebase gemoderniseerd voor PHP 7.4+ (getypeerde klassen, verkorte array-syntax, null coalescing).
  • Terminologie afgestemd tussen het beheergebied, de speler en de blokken rond consistente begrippen zoals Radiostation, Radioshow, Wekelijkse planning, Uitzendtijd en In de uitzending.
  • Vertalingen van de speler geüpdatet voor alle ondersteunde talen.
  • Lege statussen en labels voor blok-editor instellingen verbeterd voor de blokken Wekelijkse planning en Radioshows lijst.
  • Lay-out van uitgelichte afbeelding radioshow verbeterd in de wekelijkse planning en radioshows dialogen van de speler.

3.3.0

  • Blok wekelijkse planning toegevoegd.
  • Blok radioshows lijst toegevoegd.
  • Radiostations en radioshows gebruiken nu CPT’s.