Muses Radio Player

Preguntas frecuentes

¿Cómo puedo mostrar metadatos (nombre de pista y artista) con Muses?

Muses posee dos formas de mostrar metadatos:
1) Dentro del reproductor
2) Pasando la información de metadatos a tu sitio mediante eventos javascript (infórmate como habilitar los eventos javascript aquí)

En ambos casos, deberás primero habilitar la carga de metadatos agregando la opción 'metadataMode' a tu código. Esta opción puede tener uno de dos valores dependiendo de tu servidor de streaming: 'icecast' o 'shoutcast'.

Aquí tienes un ejemplo de cómo agregar esta opción para un servidor shoutcast:

MRP.insert({
'url':'http://192.241.214.243:9020/;',
'codec':'mp3',
'volume':65,
'autoplay':true,
'buffering':5,
'metadataMode':'shoutcast', // <-- Agrega esta línea
'title':'Radio Vermont',
'welcome':'WELCOME TO...',
'bgcolor':'#FFFFFF',
'skin':'mcclean',
'width':166,
'height':83
});

Una vez agregado esto, muses comenzará a buscar metadatos cada 20 segundos. Si deseas cambiar este valor, puedes agregar la opción 'metadataInterval' de esta forma:

'buffering':5,
'metadataMode':'shoutcast',
'metadataInterval': 15, // <-- Agrega esta línea para 15 segundos
'title':'Radio Vermont',

Importante: Recomendamos fuertemente que nunca configures esta opción con un valor mejor a 10 segundos (usar un valor bajo en esta opción puede saturar tu servidor de streaming si tienes muchos usuarios concurrentes).

Finalmente, si estás usando un servidor de streaming viejo, existe la posibilidad de que las restricciones de dominios cruzados impidan a muses obtener los metadatos desde tu servidor. En este caso (deberías ser capaz de ver errores de cross-domain en la consola de errores de tu navegador), deberás habilitar la opción 'metadataProxy'. Esta opción te permite configurar la URL de algún script de tu servidor (hecho con PHP, NodeJS, Python o cualquier lenguaje que te convenga) donde muses solicitará la información de la metadata.

Aquí tienes un ejemplo básico de cómo implementar este proxy con PHP: ejemplo de proxy.php en GitHub

Importante: No utilice este ejemplo tal y como está. Debes agregar alguna validación al parámetro GET 'URL' (o acabarás teniendo un proxy libre para usuarios maliciosos).


Más preguntas