Player radia internetowego HTML – gotowy kod do strony
Jeśli prowadzisz radio internetowe, warto dodać player radia na swojej stronie WWW, dzięki któremu słuchacze mogą łatwo uruchomić transmisję bez instalowania dodatkowych aplikacji.
W tym artykule pokażemy prosty kod HTML playera radia internetowego, który możesz umieścić na swojej stronie.
Czym jest player radia internetowego?
Player radia internetowego to odtwarzacz audio umieszczony na stronie WWW, który umożliwia słuchanie transmisji radia online bezpośrednio w przeglądarce.
Najczęściej player łączy się z serwerem streamingowym opartym o technologię SHOUTcast lub Icecast.
Dzięki temu słuchacze mogą uruchomić radio jednym kliknięciem.
Najprostszy player radia w HTML
Najłatwiejszym sposobem jest użycie elementu HTML5 audio.
Przykładowy kod:
<audio controls autoplay>
<source src="https://twoj-serwer:port/stream" type="audio/mpeg">
Twoja przeglądarka nie obsługuje odtwarzacza audio.
</audio>
Wystarczy zmienić adres streamu na adres swojego radia.
Przykład playera radia internetowego
<h2>Słuchaj naszego radia</h2><audio controls>
<source src="https://stream.castpol.pl:port/stream" type="audio/mpeg">
</audio>
Po wstawieniu tego kodu na stronie pojawi się player umożliwiający odtwarzanie radia.
Player radia z przyciskiem Play
Możesz również stworzyć prosty przycisk uruchamiający radio.
<button onclick="document.getElementById('radio').play()">
▶ Włącz radio
</button><audio id="radio">
<source src="https://twoj-serwer:port/stream" type="audio/mpeg">
</audio>
To rozwiązanie często stosowane jest na stronach stacji radiowych.
Skąd wziąć adres streamu radia?
Adres streamu otrzymasz od dostawcy hostingu radiowego.
Jeśli korzystasz z serwerów Shoutcast, adres będzie wyglądał np.:
https://adres-serwera:port/stream
Profesjonalne serwery radiowe z obsługą Shoutcast dostępne są np. na:
Hosting radiowy Castpol oferuje stabilne serwery streamingowe oraz panel zarządzania radiem, dzięki któremu łatwo skonfigurujesz swój stream.
Player radia na stronie WordPress
Jeśli korzystasz z WordPressa, możesz wkleić kod HTML playera bezpośrednio w blok HTML niestandardowy.
Dzięki temu radio będzie dostępne dla słuchaczy bezpośrednio na stronie.
Podsumowanie
Dodanie playera radia internetowego na stronę jest bardzo proste i wymaga jedynie kilku linijek kodu HTML.
Wystarczy:
1️⃣ mieć serwer radiowy
2️⃣ znać adres streamu
3️⃣ wkleić kod playera na stronę
Jeśli dopiero planujesz uruchomić radio internetowe, warto skorzystać z hostingu radiowego dostępnego na https://castpol.pl, który oferuje serwery Shoutcast oraz łatwą konfigurację streamu.
