SSL SHOUTcast V2 demo HTML player

Is jouw internetstream klaar voor alle mobiele devices, tablets, alle desktop besturings systemen en alle verschillende browsers? Heb jij al een SSL beveiligde website en SHOUTcast stream? Met een SHOUTcast V2 stream van Digiplay Technical Support dek je meer dan 98% van de meest gebruikte apparaten, besturingssystemen en browsers. En dat met een paar simpele regels HTML5 code op jouw webpagina!

Zien hoe makkelijk? Lees dan even verder.

Heb je nog geen SHOUTcast V2 stream? Bestel hem hier.
Heb je elders een SHOUTcast V1 stream, neem dan ook contact met ons op, dan doen wij je een scherpe aanbieding voor een nieuwe SHOUTcast V2 stream.

Volgens de HTML5 specificatie is het simpel om een player in je webpagina te embedden, zonder flash of javascript of iets anders extern nodig te hebben. Deze manier van embedden is ondersteund door vrijwel alle browsers, in ieder geval door Chrome, Internet Explorer en Firefox en op de meest gebruikte besturingssystemen waaronder: Windows, Windows Mobile, Android, Apple IOS. Maar b.v. ook op OS-X: Safari, Firefox en Chrome. Zie hier voor een overzicht van de exacte ondersteuning.

Probeer het zelf en open deze pagina op alle apparaten die je weet te vinden! De player op deze pagina bekijk (en beluister) je via je tablet, je Android of IOS telefoon, je PC of laptop met elke hier genoemde browser.

Player:

* (SSL beveiligd met geldig certificaat, SHOUTcast V2)

Code

Dit is de HTML5 code welke je kunt gebruiken om eenzelfde player op je website te zetten:

De tekst "No HTML5 audio support by your browser." wordt alleen getoond als de bezoeker van je website een verouderde browser heeft. Deze bezoeker kan je stream dan niet afspelen. Als je daar toch voor wilt zorgen, kun je terugvallen op een externe player zoals Windows Media Player of Winamp, of je gebruikt een web flashplayer. Maar dat zou vandaag de dag niet meer nodig moeten zijn.

Vanzelfsprekend moet je de source 'src' parameter nog even aanpassen naar de URL van je eigen radio station en de type parameter wijzigen indien nodig. Let op dat 'src' een URL bevat van een SHOUTcast V2 server, anders is de kans groot dat onder andere Internet Explorer en andere browsers je stream niet kan afspelen! Je ontvangt de URL van ons. Heb je geen SHOUTcast V2 server, maar een SHOUTcast V1 server, upgrade deze dan eerst naar V2.

Je kunt optioneel ook kiezen voor 'autoplay'. Maar voordat je dat doet, hou er dan rekening mee dat de meeste gebruikers het automatisch starten van een audio player heel erg vervelend vinden.  Daarnaast wordt de autoplay feature op mobiele apparaten en tablets doorgaans genegeerd en start de player alsnog niet automatisch.  Het beste wat je kunt doen is autoplay niet gebruiken.

Formaten

MP3 wordt het meest ondersteund, o.a door Chrome, Internet Explorer en Firefox. AAC+ wordt ook goed ondersteund. Als je AAC+ wilt streamen, bijvoorbeeld voor mobile devices, zorg er dan wel voor dat je de 'type' parameter goed instelt. Deze moet dan in worden gesteld op 'audio/aac'

Extra info

Voor meer informatie zie:

• https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats
• https://caniuse.com/#search=audio%20element
• http://www.w3schools.com/html/html5_audio.asp

* Music: Happiness - Bensound.com