Radio Streaming BBCODE HTML5 facilmente
Publicado: 02 Nov 2014, 13:36
Estuve practicando un poco y no encontré ningun post al respecto para poder hacer un reproductor de música para nuestro foro o tema en cuestión. Entonces me di a la tarea de practicar un poco y todo se reduce fácilmente a código HTML5 con la opcion <AUDIO> y les diré como se hace fácilmente.
USO DE BBCODE:
Reemplazo HTML
En este caso, para mi radio que tiene listado de canción actual, es necesario agregar un IFRAME con la información de la reproducción que el servidor de Shoutcast nos da. No pongo el código porque on lo veo relevante, ya que cada servidor de Streaming tiene su propio codigo de envío de "Reproduciendo canción XXX - Artista XXX" "Cantidad de usuarios conectados"
El siguiente apartado, NO les va a funcionar, pero se los dejo de todas formas
Si necesitan ver el cuadro de canciones que están sonando en ese momento, tal como lo tengo en el ejemplo, entonces modifiquen los datos del campo {Puerto1} {Puerto2} {Puerto3} {RADIO_ID} aunque como les digo, es distinto para cada Radio Online, el siguiente código seguramente no les va a funcionar, pero al menos entenderán por qué.
USO DE BBCODE:
Reemplazo Alterno HTML (con listado de canción)
Con eso es suficiente para que sea similar a la imagen de ejemplo que les pongo.
Saludos chicos.
Nota: Probado en 4 Servidores de Música Streaming con Shoutcast ajenos al mío.
Vista previa: Vídeo:
USO DE BBCODE:
Código: Seleccionar todo
[radio]{URL}[/radio]
Código: Seleccionar todo
<audio controls="controls" autoplay="autoplay">
<source src="{URL}/;stream.mp3" type="audio/mpeg" />
Tu navegador no es compatible con esta característica.
</audio>
El siguiente apartado, NO les va a funcionar, pero se los dejo de todas formas
Si necesitan ver el cuadro de canciones que están sonando en ese momento, tal como lo tengo en el ejemplo, entonces modifiquen los datos del campo {Puerto1} {Puerto2} {Puerto3} {RADIO_ID} aunque como les digo, es distinto para cada Radio Online, el siguiente código seguramente no les va a funcionar, pero al menos entenderán por qué.
USO DE BBCODE:
Código: Seleccionar todo
[radio]{URL}[/radio]
Código: Seleccionar todo
<audio controls="controls" autoplay="autoplay">
<source src="{URL}/;stream.mp3" type="audio/mpeg" />
Tu navegador no es compatible con esta característica.
</audio>
<p>
<IFRAME SRC='{Puerto1}/chat/fr2.php?ip={Puerto2}&port=4797&ip1={Puerto3}&ip2=&ip3=&show=&b=0&radioid={RADIO_ID}'
WIDTH=600
HEIGHT=20 FRAMEBORDER=0 SCROLLING=no ALIGN=left></IFRAME>
<a href='#' onClick='doBlink()' > -->
<font color='black' size='4'>Actualizar titulo</font>
</font>
</a>
</p>
Saludos chicos.
Nota: Probado en 4 Servidores de Música Streaming con Shoutcast ajenos al mío.
Vista previa: Vídeo: