Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Radio Streaming BBCODE HTML5 facilmente

🔧 Solo BBCodes, dudas en este foro no
Cerrado
Avatar de Usuario
enigmaelectronica
Usuario/a
Mensajes: 59
Registrado: 10 Ene 2012, 10:21
Nombre real: Enya Andrea Ribba Hernandez
Ubicación: Colombia
Género:
Edad: 25
Contactar:

Radio Streaming BBCODE HTML5 facilmente

#1

Mensaje por enigmaelectronica » 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:

Código: Seleccionar todo

[radio]{URL}[/radio]
Reemplazo HTML

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>
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:

Código: Seleccionar todo

[radio]{URL}[/radio]
Reemplazo Alterno HTML (con listado de canción)

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>
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:
radio Enigma.png
Vídeo:
Última edición por ThE KuKa el 02 Nov 2014, 13:36, editado 3 veces en total.
Razón: Vídeo añadido.


Mis datos de soporte:
Contenido Oculto
Este foro requiere que este registrado e identificado para ver el contenido oculto.

Búscame en Google como Enigmahernandez


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje

Avatar de Usuario
ThE KuKa
Administrador
Mensajes: 8994
Registrado: 04 Ene 2004, 19:27
Nombre real: Raúl
Ubicación: Terrassa
Género:
Edad: 45
Contactar:

Re: Radio Streaming BBCODE HTML5 facilmente

#2

Mensaje por ThE KuKa » 02 Nov 2014, 14:11

 ! 
Mensaje del Equipo por: ThE KuKa
Cierro el tema para no llenarlo de dudas, ya que como nos comenta enigmaelectronica esta probado y funcionando.

Si tenéis dudas, crear el tema en el foro de Dudas sobre BBCodes por favor.
Raul [ThE KuKa] en phpBB
Jr. Extension Validator - Jr. Styles Validator - Style Customisations - Translator - International Support Team


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje

Cerrado

Volver a “BBCode General”