Het eerste deel van deze procedure is voor elke streamingprovider hetzelfde. Na deze eerste installatie is er een specifiek gedeelte gewijd aan het weergeven van de songtitels, wat verschilt afhankelijk van je streamingdienst.

ZEER BELANGRIJKE INFORMATIE

Het is onmogelijk om een ​​"HTTP"-stream af te spelen via een "HTTPS" website. Als je website HTTPS gebruikt, moet ook je streaming-URL in HTTPS staan. Dit is geen themabeperking, is een nieuwe beveiligingsmaatregel die nu wordt toegepast door elke moderne browser en elk modern apparaat.

Leer meer

Een radiokanaal maken

Stap 1: Ontdek uw radiostreaming-URL. Als je het nog niet weet, kijk dan op de pagina die aan jouw specifieke type streaming is gewijd voor meer informatie

Stap 2: ga in uw WordPress-beheerder naar Radiokanalen > Nieuw kanaal toevoegen

Stap 3: voer de naam van het radiokanaal in en optioneel de muziekgenres (zijn als tags)

radiokanaal toevoegen

Optioneel voeg een inhoudsbeschrijving toe voor het radiokanaal, die zichtbaar zal zijn bij het openen van de enkele pagina van het radiokanaal.

Als je deze pagina wilt bewerken met Elementor, moet je het berichttype "Radiokanalen" inschakelen in de Elementor-instellingen

 

Stap 4: voeg optioneel het kenmerk Order toe. Deze parameter wijzigt de volgorde in de afspeellijst binnen de radiokanalen van uw afspeellijst.

Radiokanaaldetails

Stap 1: stel uw servertype in. Dit is informatie die u al zou moeten weten. Als je dat niet doet, vraag het dan aan je streamingprovider.

Als je provider je toestaat te kiezen tussen de Icecast- en de Shoutcast-formaten, raden we je aan Icecast te gebruiken vanwege de native HTTPS-compatibiliteit.

 

Stap 2: MP3/OGG/AAC-stream-URL: de URL van uw stream (zie de speciale secties voor elke provider voor meer informatie).
Houd er rekening mee dat als uw website is in HTTPS, uw streaming-URL moet ook in HTTPS zijn.

Stap 3: MP3/OGG/AAC Stream URL mobiel. Deze URL wordt automatisch gebruikt als de speler een mobiel apparaat detecteert. Sommige streamingproviders staan ​​het toe om 2 verschillende mitrates in te stellen, die toegankelijk zijn vanaf 2 aparte URL's.

Voor mobiel wil je misschien 64 of 96 kbps gebruiken, terwijl voor desktop ook 128 - 320 kbps goed is.

Stap 3: Radio-ondertiteling. Wordt gebruikt in plaats van de naam van de artiest, als deze ontbreekt.

Stap 4: Radio-logo. Je moet een logo uploaden in PNG met een transparante achtergrond die zal worden gebruikt als paginatitel voor de enkele radiopagina. Het zal ook worden gebruikt in de Radio Cards: een Elementor-widget om een ​​kleine speelbare kaart af te drukken met het radiologo en de Play-knop, op een aangepaste achtergrond.

 

 

Stap 5: Spelerpictogram - een vierkante afbeelding, voorgestelde grootte 600x600px, die in de speler zal worden gebruikt tijdens het afspelen van dit kanaal.

 

Mobiele weergave:

Bureaubladweergave:

ZEER BELANGRIJKE INFORMATIE

Het is onmogelijk om een ​​"HTTP"-stream af te spelen via een "HTTPS" website. Als je website HTTPS gebruikt, moet ook je streaming-URL in HTTPS staan. Dit is geen themabeperking, is een nieuwe beveiligingsmaatregel die nu wordt toegepast door elke moderne browser en elk modern apparaat.

Leer meer

Een radiokanaal maken

Stap 1: Ontdek uw radiostreaming-URL. Als je het nog niet weet, kijk dan op de pagina die aan jouw specifieke type streaming is gewijd voor meer informatie

Stap 2: ga in uw WordPress-beheerder naar Radiokanalen > Nieuw kanaal toevoegen

Stap 3: voer de naam van het radiokanaal in en optioneel de muziekgenres (zijn als tags)

radiokanaal toevoegen

Optioneel voeg een inhoudsbeschrijving toe voor het radiokanaal, die zichtbaar zal zijn bij het openen van de enkele pagina van het radiokanaal.

Als je deze pagina wilt bewerken met Elementor, moet je het berichttype "Radiokanalen" inschakelen in de Elementor-instellingen

 

Stap 4: voeg optioneel het kenmerk Order toe. Deze parameter wijzigt de volgorde in de afspeellijst binnen de radiokanalen van uw afspeellijst.

Radiokanaaldetails

Stap 1: stel uw servertype in. Dit is informatie die u al zou moeten weten. Als je dat niet doet, vraag het dan aan je streamingprovider.

Als je provider je toestaat te kiezen tussen de Icecast- en de Shoutcast-formaten, raden we je aan Icecast te gebruiken vanwege de native HTTPS-compatibiliteit.

 

Stap 2: MP3/OGG/AAC-stream-URL: de URL van uw stream (zie de speciale secties voor elke provider voor meer informatie).
Houd er rekening mee dat als uw website is in HTTPS, uw streaming-URL moet ook in HTTPS zijn.

Stap 3: MP3/OGG/AAC Stream URL mobiel. Deze URL wordt automatisch gebruikt als de speler een mobiel apparaat detecteert. Sommige streamingproviders staan ​​het toe om 2 verschillende mitrates in te stellen, die toegankelijk zijn vanaf 2 aparte URL's.

Voor mobiel wil je misschien 64 of 96 kbps gebruiken, terwijl voor desktop ook 128 - 320 kbps goed is.

Stap 3: Radio-ondertiteling. Wordt gebruikt in plaats van de naam van de artiest, als deze ontbreekt.

Stap 4: Radio-logo. Je moet een logo uploaden in PNG met een transparante achtergrond die zal worden gebruikt als paginatitel voor de enkele radiopagina. Het zal ook worden gebruikt in de Radio Cards: een Elementor-widget om een ​​kleine speelbare kaart af te drukken met het radiologo en de Play-knop, op een aangepaste achtergrond.

 

 

Stap 5: Spelerpictogram - een vierkante afbeelding, voorgestelde grootte 600x600px, die in de speler zal worden gebruikt tijdens het afspelen van dit kanaal.

 

Mobiele weergave:

Bureaubladweergave:

ZEER BELANGRIJKE INFORMATIE

Het is onmogelijk om een ​​"HTTP"-stream af te spelen via een "HTTPS" website. Als je website HTTPS gebruikt, moet ook je streaming-URL in HTTPS staan. Dit is geen themabeperking, is een nieuwe beveiligingsmaatregel die nu wordt toegepast door elke moderne browser en elk modern apparaat.

Leer meer

Een radiokanaal maken

Stap 1: Ontdek uw radiostreaming-URL. Als je het nog niet weet, kijk dan op de pagina die aan jouw specifieke type streaming is gewijd voor meer informatie

Stap 2: ga in uw WordPress-beheerder naar Radiokanalen > Nieuw kanaal toevoegen

Stap 3: voer de naam van het radiokanaal in en optioneel de muziekgenres (zijn als tags)

radiokanaal toevoegen

Optioneel voeg een inhoudsbeschrijving toe voor het radiokanaal, die zichtbaar zal zijn bij het openen van de enkele pagina van het radiokanaal.

Als je deze pagina wilt bewerken met Elementor, moet je het berichttype "Radiokanalen" inschakelen in de Elementor-instellingen

 

Stap 4: voeg optioneel het kenmerk Order toe. Deze parameter wijzigt de volgorde in de afspeellijst binnen de radiokanalen van uw afspeellijst.

Radiokanaaldetails

Stap 1: stel uw servertype in. Dit is informatie die u al zou moeten weten. Als je dat niet doet, vraag het dan aan je streamingprovider.

Als je provider je toestaat te kiezen tussen de Icecast- en de Shoutcast-formaten, raden we je aan Icecast te gebruiken vanwege de native HTTPS-compatibiliteit.

 

Stap 2: MP3/OGG/AAC-stream-URL: de URL van uw stream (zie de speciale secties voor elke provider voor meer informatie).
Houd er rekening mee dat als uw website is in HTTPS, uw streaming-URL moet ook in HTTPS zijn.

Stap 3: MP3/OGG/AAC Stream URL mobiel. Deze URL wordt automatisch gebruikt als de speler een mobiel apparaat detecteert. Sommige streamingproviders staan ​​het toe om 2 verschillende mitrates in te stellen, die toegankelijk zijn vanaf 2 aparte URL's.

Voor mobiel wil je misschien 64 of 96 kbps gebruiken, terwijl voor desktop ook 128 - 320 kbps goed is.

Stap 3: Radio-ondertiteling. Wordt gebruikt in plaats van de naam van de artiest, als deze ontbreekt.

Stap 4: Radio-logo. Je moet een logo uploaden in PNG met een transparante achtergrond die zal worden gebruikt als paginatitel voor de enkele radiopagina. Het zal ook worden gebruikt in de Radio Cards: een Elementor-widget om een ​​kleine speelbare kaart af te drukken met het radiologo en de Play-knop, op een aangepaste achtergrond.

 

 

Stap 5: Spelerpictogram - een vierkante afbeelding, voorgestelde grootte 600x600px, die in de speler zal worden gebruikt tijdens het afspelen van dit kanaal.

 

Mobiele weergave:

Bureaubladweergave:

 

Stap 6: Uitsluiten van afspeellijst - met deze optie kunt u een radiozender verbergen voor de speler zonder deze te verwijderen. Als je dit selectievakje aanvinkt, is het kanaal nog steeds beschikbaar via shortcode of enkele pagina, maar wordt het niet vooraf geladen in de afspeellijst van de spelerbalk.

 

 

 

Gebruik proxy: tzijn optie betreft alleen de toegang tot de songtitels, en verandert de Ajax-oproep in een server-side-verbinding om de titels van de nummers van uw streamingprovider te lezen. Dit is nodig wanneer uw streamingprovider SLECHTE CORS-instellingen (cross origin resource sharing) heeft, wat betekent dat uw streamingprovider u blokkeert om de titels te lezen.

Wanneer de proxy gebruiken:

Als je zeker weet dat je de streaminginstellingen correct hebt ingesteld en de titels verschijnen nog steeds niet (zie de volgende hoofdstukken voor het instellen van de titels), moet je de console van de browser controleren

Om open de ontwikkelaar console in Google Chromeopen de Chrome Menu in de rechterbovenhoek van het browser venster en selecteer Meer tools > Ontwikkelaarstools. U kunt ook de sneltoets Option + ⌘ + J (op macOS) of Shift + CTRL + J (op Windows/Linux) gebruiken.

Als je een fout ziet met de tekst

"XMLHttpRequest kan http://.........../ niet laden. Origin [UW SITE-URL] is niet toegestaan ​​door Access-Control-Allow-Origin."

Het betekent dat uw radioprovider externe websites blokkeert om de titels te lezen. Dit is geen themafout, het is een probleem van je radioprovider, die verkeerde serverinstellingen heeft.

Onze interne proxy probeert het probleem te omzeilen, hoewel dit niet erg wordt aanbevolen en mogelijk nog steeds wordt geblokkeerd door uw eigen serverinstellingen.

De proxy zet de verbinding die via javascript is gemaakt om naar een verbinding die via PHP is gemaakt met je streamingprovider.

Dus als je streamingprovider een URL heeft zoals

http://someurl.com:9374

BELANGRIJK: als uw radiostream op alternatieve poorten staat, zoals 8000, of een andere poort zoals 1234 (u ziet uw URL met bijvoorbeeld ":5274"), dan kan de proxy alleen werken als uw server de verbindingen.

Als u de proxy wilt gebruiken, moet u uw website-hostingprovider vragen om de verbinding met de URL http://someurl.com en naar poort 9374 (of welke poort u ook gebruikt) in te schakelen.

Dit is GEEN audioproxy, werkt alleen bij de aanroep van de json-nummertitels.

Als de proxy niet voor u werkt, of als u een consolefout 'onverwacht teken op regel...<' ziet, betekent dit dat uw server het blokkeren van de proxy-oproepen.

Er zijn maar 2 oplossingen:

  1. Vraag je streaming provider om de CORS in te schakelen < /a> (en schakel de proxy uit) OF
  2. Vraag uw websitehostingprovider om toe te staan de verbinding op uw specifieke streamingpoortnummer.

Het gebruik van de proxy is niet altijd een goed idee: het is een tijdelijke oplossing om een ​​probleem veroorzaakt door je streamingprovider te omzeilen en het naar je hostingprovider te verplaatsen. De proxy kan uw verbruikte bandbreedte en CPU-servergebruik aanzienlijk verhogen.

Is een beetje alsof je huisdeur vastzit en je probeert binnen te komen via de cheminy. Is een achterdeur, geen oplossing.

Ook als een provider de CORS-machtigingen heeft uitgeschakeld, is deze over het algemeen geen professionele provider en wilt u misschien een betere vinden.

Serverspecifieke instructies

In de volgende hoofdstukken vindt u de exacte instructies voor het weergeven van de titel van het nummer en de naam van de artiest op de speler en andere delen van de website, voor elk ondersteund type streamingprovider.

Was dit antwoord nuttig? 2 gebruikers vonden dit artikel nuttig (5 Stemmen)