Hero player

De Hero player is een grote player voor een opvallende plek in de inhoud van een webpagina, bijvoorbeeld bovenaan de homepage.

De huidige Hero-playerpreview in het demoaccount. Open voorbeeld toont de player apart.

Waar vind je de Hero player?

Open de gewenste stream in DJ portal. Klik links op Players instellen en kies bovenaan Hero player. Bij Mount boven het voorbeeld zie je voor welke stream je werkt. Vanuit het dashboard kun je ook bij Hero player op Instellen klikken.

Voorbeeld bekijken

In het voorbeeld zie je hoe de grote player op een pagina kan staan. Met Open voorbeeld open je de voorbeeldweergave apart. Zo kun je de player bekijken voordat je de code op een website plaatst.

De standaardmaat die bij de code wordt getoond is 720 × 300 pixels. Op een website kan de uiteindelijke breedte afhangen van de ruimte waarin de player wordt geplaatst.

Code voor je website

Kopieer je eigen websitecode uit het DJ portal. De code in deze afbeelding hoort bij het demoaccount.

Onder Website code staat iFrame snippet. Met Kopieer kopieer je de volledige code. Plaats deze in een HTML- of embedblok van je website. Gebruik altijd de code uit je eigen portal, niet de code uit de screenshot.

Er staat ook een geavanceerde loader. Deze is bedoeld voor websites waarop de player met een script wordt geladen in plaats van met de gewone iFrame-code.

Instellingen en luisteropties

De instellingen staan naast de playerpreview. Op een smaller scherm kunnen de onderdelen onder elkaar staan.

Met Zendernaam tonen bepaal je of de stationsnaam zichtbaar is. Bij Kleur playerknop kies je de kleur van de afspeelknop.

Bij de instellingen kies je welke extra luisteropties worden aangeboden, zoals Winamp / M3U, PLS, Directe URL, VLC, QuickTime, RealPlayer, Android en iPhone. Deze keuzes geven de luisteraar naast de gewone afspeelknop een andere manier om de stream te openen.

• Winamp / M3U opent of downloadt een M3U-afspeellijst. Deze kan door verschillende muziekprogramma's worden geopend.
• PLS biedt dezelfde stream aan als PLS-afspeellijst. Sommige spelers gebruiken dit bestandsformaat in plaats van M3U.
• Directe URL geeft de rechtstreekse luisterlink van de stream. Dit is handig voor een browser, eigen player of ander programma dat een stream-URL accepteert.
• VLC is bedoeld om de stream in VLC Media Player te openen.
• QuickTime biedt een koppeling voor apparaten of software die de stream via QuickTime openen.
• RealPlayer biedt een koppeling voor software die RealPlayer gebruikt.
• Android geeft een luistermogelijkheid die is bedoeld voor een Android-telefoon of -tablet.
• iPhone geeft een luistermogelijkheid die is bedoeld voor een iPhone of ander geschikt Apple-apparaat.

Een aangevinkte optie blijft zichtbaar in de Hero player. Zet alleen de keuzes aan die je luisteraars nodig hebben; zo blijft de player overzichtelijk. Klik na het kiezen op Opslaan om de selectie te bewaren.

Lettertype

Bij Lettertype kies je uit Poppins + Roboto, Roboto, Montserrat + Roboto en Open Sans. Klik op Lettertype opslaan om je keuze te bewaren. Deze keuze geldt voor alle players.

Streamlogo en playerfoto

Het streamlogo en de player- en fallbackfoto hebben elk een eigen uploadveld en knop.

Bij Streamlogo kies je een PNG- of JPG-bestand. Klik op Logo opslaan om het logo voor deze stream te bewaren. Dit logo wordt ook als fallback-cover gebruikt.

Bij Player- en fallbackfoto kies je via Nieuwe foto een afbeelding en klik je op Upload. Deze afbeelding wordt ook gebruikt wanneer de metadata geen artiestfoto aanlevert. Het portal adviseert 1600 × 900 pixels en schaalt grotere bestanden automatisch.

Hero player plaatsen

1. Kies de juiste stream of mount.
2. Controleer het voorbeeld en de gewenste luisteropties.
3. Kopieer de volledige iFrame-code bij Website code.
4. Plaats de code in het gewenste HTML- of embedblok van je website.
5. Open de webpagina en controleer of de player goed binnen de beschikbare ruimte past.