En esta guía te mostramos los Códigos HTML y la API JSON de SonicPanel, para mostrar en tu sitio web o en tu aplicación la canción que suena, la portada, los oyentes y el DJ en vivo.
Paso 1: Entra a tu SonicPanel
Entra a tu SonicPanel en streaming.fastglobalserver.com/cp con el usuario y la contraseña que te enviamos al contratar tu radio.
Paso 2: Integraciones › Códigos HTML (Widgets)
En el menú, en Integraciones de Sitio Web y API, entra a Códigos HTML, Widgets.
Paso 3: Pega este script en tu sitio
Primero copia este script y pégalo en tu sitio web, dentro de la etiqueta head. Es el que trae los datos de tu radio.
Paso 4: Pega cada código donde quieras
Luego pega cada código donde quieras que aparezca el dato: la canción que suena, la portada, los oyentes, el nombre del DJ en vivo, o las últimas canciones. Se actualizan solos cada diez segundos, y puedes darles el estilo de tu sitio.
Paso 5: API JSON: la dirección de tu API
Si eres desarrollador, entra a API JSON. Esta dirección entrega los mismos datos en formato JSON, para usarlos en tu aplicación o en tu propio código.
Paso 6: Ejemplo en PHP · consulta cada 5 a 10 s
Aquí tienes un ejemplo en PHP. Si la consultas desde el navegador, hazlo cada cinco o diez segundos, no más seguido.
Paso 7: Así responde la API
Así responde la API: el historial, el título actual, la portada, los oyentes, la calidad, y el DJ conectado.
Consejo: Si consultas la API desde el navegador, hazlo cada 5 a 10 segundos: más seguido no muestra nada nuevo y carga tu sitio.
Más guías de SonicPanel
- conoce el panel de tu radio online
- cómo crear una lista de reproducción y subir tu música
- cómo organizar tus listas de reproducción
- cómo subir tu música por FTP con FileZilla
- cómo configurar y encender el AutoDJ de tu radio
- cómo controlar tu radio al aire
- interrupción del AutoDJ, ¿esperar o cortar la canción?
- cómo programar listas de reproducción por horario
- cómo poner jingles y publicidad automática en tu radio
- cómo crear cuentas DJ para tus locutores
- el panel DJ de tus locutores y el mensaje personalizado
- cómo transmitir en vivo con BUTT
- cómo grabar y descargar los shows en vivo de tus DJ
- cómo poner el reproductor de tu radio en tu sitio web o WordPress
- reproductores y enlaces para compartir tu radio
- cómo poner una imagen de portada personalizada en el reproductor
- cómo transmitir tu radio en vivo a YouTube y Facebook
- cómo retransmitir otra radio con Relay (Reenvío)
- cómo ver las estadísticas de oyentes de tu radio
- contraseñas, correo de contacto, paquete y mount points
¿Aún no tienes tu radio? Conoce los planes de Radio Streaming de CimaServer. ¿Dudas? Escríbenos a [email protected].
Música de los ejemplos: Kevin MacLeod (incompetech.com), licencia CC BY 4.0.
¿Te sirvió esta guía?