Această pagină creează „Playerul exportabil": un player în culorile dvs. pe care îl inserați pe orice site web, îl partajați printr-un link sau pe care ascultătorii dvs. îl deschid în aplicația preferată. Îl găsiți în meniul „Difuzare web" > „Player radio".
De reținut:
Este necesară o radio activă și instalată. În caz contrar, pagina afișează „Radio neconfigurată" și un buton „Configurează radio mea".
Previzualizarea, în dreapta: playerul așa cum îl vor vedea ascultătorii dvs. Clic pentru a mări
„Format player": 4 dispoziții
Primul bloc propune patru formate, nu trei:
„Orizontal" — banderolă clasică, în partea de sus sau de jos a paginii.
„Vertical" — widget pentru coloana laterală.
„Mini" — o bară compactă, pentru un header sau un buton flotant.
„Full page" — formatul pe pagină întreagă, unde toate funcționalitățile sunt afișate direct, fără panouri suplimentare de deschis.
Exemplu
Radio Horizon integrează playerul în trei locuri diferite. Formatul se alege în funcție de amplasament, niciodată după preferință.
Banderoletă sub meniul paginii principale → format „Orizontal".
Coloana laterală a blogului → format „Vertical".
Pagina „Ascultă în direct" → format „Full page".
Header-ul unui site partener → format „Mini".
De ce: în modul „Full page", dedicațiile, istoricul și clasamentul sunt afișate direct, fără panouri de deschis: este singurul format care justifică o pagină dedicată exclusiv lui. În schimb, un „Mini" pe o pagină dedicată nu ar oferi decât un buton de redare.
Cele patru formate: Orizontal, Vertical, Mini și Full page Clic pentru a mări
Fila „Culori"
Porniți de la una dintre „Paletele rapide" (violet implicit, roșu-portocaliu, smarald, roz aprins, auriu, albastru deschis, întunecat minimal, deschis minimal), apoi ajustați fiecare nuanță: „Culoare primară", „Culoare secundară", „Fundal" și „Text". Fiecare culoare se reglează cu pipeta sau introducând codul hexadecimal. Butonul „Resetare" revine la paleta inițială.
Exemplu
Radio Cactus are un logo roșu și un site cu fundal deschis. Își personalizează playerul în două gesturi.
Paleta „Deschis minimal"→Culoare primară = roșul din logo→„Salvează configurația"
Roșul este introdus direct în câmpul hexadecimal, celelalte trei nuanțe rămân cele ale paletei.
De ce: paletele oferă combinații „Fundal" / „Text" deja lizibile. Modificând doar culoarea primară, vă regăsiți identitatea vizuală fără riscul unui text gri deschis pe fond alb.
Paletele rapide, apoi cele patru culori reglabile individual Clic pentru a mări
Fila „Funcționalități": 5 opțiuni de activat
„Vot pentru piesa curentă" — ascultătorii dvs. pot aprecia sau dezaprecia piesa difuzată.
„Dedicații" — aceștia vă pot trimite un mesaj de dedicație direct din player.
„Istoric difuzare" — ultimele 20 de piese difuzate la antenă.
„Clasament piese" — topul pieselor cel mai des difuzate în ultimele 30 de zile, cu aprecierile aferente.
„Piese următoare" — următoarele 2 piese, durata lor și ora de lansare a piesei curente. Rezervat radiourilor cu programare dinamică.
De reținut:
Activarea unei funcționalități mărește înălțimea utilă a playerului: în modul „Orizontal", previzualizarea trece de la 80 la 180 de pixeli de îndată ce o opțiune este bifată. Ajustați înălțimea iframe-ului în consecință.
Exemplu
Ambiance FM lansează playerul orizontal și activează doar două opțiuni din cinci.
„Vot pentru piesa curentă"→„Dedicații"→Înălțime 80 → 180 px→„Salvează configurația"
„Istoric difuzare" și „Clasament piese" rămân debifate câteva săptămâni, până când antena acumulează suficient conținut. „Piese următoare" nu este disponibil: postul nu folosește programare dinamică.
De ce: votul alimentează atât clasamentul ultimelor 30 de zile, cât și Top 10 Săptămânal — fără el, ambele pagini rămân goale. Dedicațiile, la rândul lor, apar în „Instrumente > Dedicații" doar dacă opțiunea este bifată aici.
Cele cinci comutatoare, fiecare cu ce adaugă în player Clic pentru a mări
Fila „Harta ascultătorilor"
O hartă mondială în timp real afișează poziția aproximativă (la nivel de oraș) a ascultătorilor conectați în acel moment, cu insigna „ÎN DIRECT" și numărul de conectați. Harta se actualizează automat la fiecare 25 de secunde, iar un buton permite reîmprospătarea manuală.
De reținut:
Mesajul „Niciun ascultător localizabil conectat în acest moment" este normal atunci când nimeni nu ascultă — sau când ascultătorii prezenți nu pot fi localizați. Dacă radio este offline, harta semnalează și acest lucru.
Harta în timp real: numărul de conectați și poziția aproximativă Clic pentru a mări
„Previzualizare" și salvare
Coloana din dreapta afișează playerul exact așa cum îl vor vedea ascultătorii dvs. și se actualizează la fiecare modificare. Butonul „Deschide în pop-up" îl lansează într-o fereastră dimensionată pentru formatul ales.
Sfat:
Previzualizarea reflectă opțiunile selectate în timp real, însă playerul publicat urmează configurația salvată. Încheiați întotdeauna cu „Salvează configurația", altfel ascultătorii dvs. nu vor vedea modificările.
Butonul „Salvează configurația", sub coloana de setări Clic pentru a mări
Fila „Cod de integrare" și link scurt
Două modalități de a vă difuza playerul:
„Cod iframe (copiați-lipiți pe site-ul dvs.)": un clic pe pictograma de copiere, o lipire în pagina dvs. și playerul este online.
„Link scurt (de partajat)", de forma /play/RadioDvs, completat cu formatul atunci când nu este cel orizontal (/play/RadioDvs/vertical, /mini, /full). Acesta deschide playerul cu culorile dvs. salvate și pornește redarea direct.
De reținut:
Codul iframe nu îngheață funcționalitățile: acestea rămân controlate de configurația salvată a radioului. Puteți activa dedicațiile sau clasamentul ulterior fără a copia din nou codul pe site-ul dvs.
Exemplu
Studio Nova își difuzează playerul în două locuri, cu două instrumente diferite.
Pe site-ul său: copiază codul iframe și îl lipește pe pagina principală. Nimic altceva de făcut.
Pe rețelele sociale: partajează link-ul scurt /play/StudioNova/full, care deschide playerul pe pagină întreagă, în culorile sale, și pornește redarea.
Trei săptămâni mai târziu, bifează „Dedicații" în fila „Funcționalități" și salvează: playerul deja integrat pe site afișează noutatea fără a fi nevoie să modifice o singură linie de cod.
De ce: codul iframe indică spre configurația dvs. salvată, nu o copiază. Link-ul scurt, la rândul său, nu se strică niciodată: este suficient să adăugați /vertical, /mini sau /full pentru a schimba formatul.
Codul iframe de copiat-lipit și link-ul scurt de partajat Clic pentru a mări
Fila „Flux audio & software"
Aceasta este fila de transmis oricui dorește să asculte radio-ul dvs. în altă parte decât pe un site web.
„Link flux audio (Icecast)": URL-ul direct al antenei dvs.
Un buton pentru fiecare utilizare, cu formatul potrivit deja pregătit: „VLC Media Player" (.m3u), „Winamp" (.pls), „foobar2000" (.pls), „iTunes / Apple Music" (.m3u), „Windows Media Player" (.asx), „Sonos · Alexa · Google Home" (URL direct), „Directoare (TuneIn, Radio Garden…)" și „Aplicații mobile" (.pls).
„Link JSON (piesa curentă)": metadatele în timp real — titlu, artist, copertă, ascultători — pentru a alimenta un site terț sau un afișaj personalizat.
De reținut:
Aceste fișiere de playlist sunt generate dinamic: fluxul este injectat în momentul descărcării. Link-urile pe care le partajați rămân astfel valide chiar dacă serverul nostru de difuzare se schimbă.
Exemplu
Radio Horizon primește trei solicitări în aceeași săptămână. Fiecare are butonul său în această filă.
Un ascultător ascultă de pe calculator cu VLC → butonul „VLC Media Player", fișier .m3u.
O ascultătoare vrea să pornească radio-ul vocal de pe boxa sa inteligentă → butonul „Sonos · Alexa · Google Home", care furnizează URL-ul direct.
Un site partener vrea să afișeze piesa curentă → „Link JSON (piesa curentă)", care returnează titlul, artistul, coperta și numărul de ascultători.
De ce: fiecare software așteaptă formatul său. A da URL-ul Icecast brut cuiva care folosește Winamp înseamnă trei schimburi de mesaje inutile.
URL-ul fluxului Icecast și comenzile rapide către software-urile de ascultare Clic pentru a mări
Fila „Dimensiuni recomandate"
Dimensiunile recomandate pentru iframe-ul dvs., format cu format:
„Orizontal" — lățime 400–800 px, înălțime 80–200 px: banderoletă în partea de jos sau de sus a paginii.
„Full page" — lățime 100%, înălțime 700–900 px: pagină dedicată, filă radio pe ecran complet.
Sfat:
Codul propus aplică deja dimensiunea corectă. Dacă o modificați manual, păstrați o marjă suplimentară în înălțime: un player prea scurt taie dedicațiile și istoricul.
Exemplu
Radio Horizon notează valorile efectiv scrise în codul copiat, pentru cele trei integrări ale sale.
Banderoletă pagină principală, „Orizontal" fără opțiuni: width="100%", height="96px". Cu votul și dedicațiile bifate, înălțimea devine 196px.
Coloană laterală, „Vertical": width="360px", height="496px" — în intervalul recomandat de 280–360 px lățime.
„Mini" iese la 320px pe 72px: bara face 56 px, plus 16 px de marjă adăugați de cod.
De ce: acești 16 px de marjă evită apariția unei bare de derulare inestetic în iframe. Dacă forțați înălțimea exactă a playerului, site-ul dvs. va afișa o bară de scroll de câțiva pixeli.
Dimensiunile recomandate pentru fiecare format Clic pentru a mări
