Jak wstawić player radiowy na stronę i WordPress?
Potrzebujesz adresu radia, bezpiecznego odsłuchu i miejsca na widżet. Oto droga od konfiguracji stacji do kodu, który wklejasz na własną stronę.
Dodaj adres serwera radia
W ustawieniach stacji wpisz publiczny adres streamu albo host i port podany przez dostawcę. Panel próbuje wykryć statystyki SHOUTcast, Icecast lub AzuraCast. Nie podawaj loginu, hasła do nadawania ani klucza administratora. Dla Icecast z kilkoma strumieniami może być potrzebna pełna ścieżka mountu. Dla AzuraCast można wskazać publiczne API konkretnej stacji.
Rozdziel metadane i dźwięk
Tytuł utworu i liczba słuchaczy pochodzą z publicznych statystyk. Dźwięk przeglądarka odbiera bezpośrednio z adresu odsłuchu. Dlatego tytuł może być widoczny, mimo że odtwarzanie nie działa. Na stronie HTTPS potrzebujesz streamu HTTPS. Jeśli dostawca podał tylko adres HTTP, poproś go o adres SSL i wpisz go w polu bezpiecznego odsłuchu.
Ustaw profil DJ-a i autopilota
Player używa jednego awatara z panelu. Podczas wpisanej audycji wyświetla prowadzącego z ramówki, a poza nią autopilota. Nie pobiera okładek ani fotografii prezenterów z zewnętrznych statystyk. DJ wgrywa swój obraz w profilu; właściciel ustawia osobny obraz autopilota dla stacji. To pozwala utrzymać spójny wygląd radia.
Wygeneruj kod iframe
Otwórz Widżety, wybierz player, wariant rozmiaru, motyw, akcent i narożniki. Szerokość 100% pomaga dopasować ramkę do kolumny strony. Wysokość ustaw tak, aby wszystkie informacje były czytelne. Skopiuj kod z generatora. Zmiany programu i pozdrowień będą pochodziły z panelu, nie trzeba przy każdej audycji wklejać nowego iframe.
Wstaw widżet w WordPressie lub HTML
W edytorze WordPress użyj bloku HTML niestandardowy, wklej kod i sprawdź podgląd. Uprawnienia konta lub reguły danej instalacji mogą usuwać iframe przy zapisie; w takiej sytuacji poproś administratora strony o pomoc. W zwykłym HTML umieść kod w wybranej sekcji. Nie wklejaj go do pola, które traktuje całość jako zwykły tekst.
Przetestuj jako słuchacz
Otwórz opublikowaną stronę na komputerze i telefonie. Kliknij play — dźwięk nie uruchamia się sam. Sprawdź głośność, zmianę dni ramówki oraz czy formularz mieści się w swoim okienku. Jeśli odsłuch nie działa, najpierw otwórz bezpośredni adres HTTPS radia. W demonstracji możesz odsłuchać radio testowe Castpol. Ramówka i prowadzący pozostają przykładowi.
Sprawdź to w praktyce
Obejrzyj gotowy przykład, a następnie dopasuj narzędzia do własnej stacji.
Otwórz demo → Poznaj funkcje →