Cómo agregar un reproductor HTML a mi sitio web

  • Autor Autor Nikkygeek
  • Fecha de inicio Fecha de inicio
Nikkygeek

Nikkygeek

Eta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola amigos una consulta tengo que añadir un reproductor html a un sitio, encontre el siguiente codigo del reproductor

<audio id="stream" controls="controls" preload="none" style="width: 350px;">

<source src="http://108.59.7.153:18971/;" type="audio/mpeg" />

</audio>

pero no me funciona la url de la radio es esta, alguno para darme una manito porque no se escucha.


 
Con tan solo abrir la consola ya podes ver "Uncaught ReferenceError: $ is not defined", ese error te dice que estás posicionando mal el llamado a jQuery por lo que está leyendo primero el reproductor y luego el jQuery por lo que nunca se ejecutará ya que es como intentar meter el auto al garage sin abrir la puerta
 
Berker dijo:
Con tan solo abrir la consola ya podes ver "Uncaught ReferenceError: $ is not defined", ese error te dice que estás posicionando mal el llamado a jQuery por lo que está leyendo primero el reproductor y luego el jQuery por lo que nunca se ejecutará ya que es como intentar meter el auto al garage sin abrir la puerta
Hacer clic para expandir...
No te entendi nada. 🙌
 
Nikkygeek dijo:
No te entendi nada. 🙌
Hacer clic para expandir...
Pon la plantilla que te viene con Listen2MyRadio básica y no intentes rediseñarla porque está arruinada la llamada de jQuery que es lo que permite que se llame a la radio, en este caso el reproductor no encuentra las librerías puesto que se cargan luego de la petición por lo que no sabe a donde acudir con la petición y se cancela
 
Berker dijo:
Pon la plantilla que te viene con Listen2MyRadio básica y no intentes rediseñarla porque está arruinada la llamada de jQuery que es lo que permite que se llame a la radio, en este caso el reproductor no encuentra las librerías puesto que se cargan luego de la petición por lo que no sabe a donde acudir con la petición y se cancela
Hacer clic para expandir...
Yo no la hice me la pasaron ya armada la pagina de listen2myradio, si queres adjunto una captura del panel, igual nose, no hay una forma mas facil, yo probe y logre que funcione pero se escuchaba en 5 de 10 ordenadores.
 
El source tiene que ser https de otro modo no funcionará si quieres insertarlo.
 
Berker dijo:
Esa es la otra forma pero es propensa a leaking, que no sería lo más idóneo, por eso te dieron armada con el otro link xD
Hacer clic para expandir...
con cual link brother, pasame como decis vos que lo pruebo.
 
Nikkygeek dijo:
con cual link brother, pasame como decis vos que lo pruebo.
Hacer clic para expandir...
Con el que tenías anteriormente, igual el tema es que te seguirá dando error en jquery por lo que si te anda como está, dale como viene y ya... de última podes usar base64 para encodear la url
 
Berker dijo:
Con el que tenías anteriormente, igual el tema es que te seguirá dando error en jquery por lo que si te anda como está, dale como viene y ya... de última podes usar base64 para encodear la url
Hacer clic para expandir...
<audio id="stream" controls="controls" preload="none" style="width: 350px;">

este es el anterior que no sirve.
<source src="http://108.59.7.153:18971/;" type="audio/mpeg" />

</audio>

este es el nuevo que a mi se me escucha, dale click a la url.

<audio id="stream" controls="controls" preload="none" style="width: 350px;">

<source src="https://us2freenew.listen2myradio.com/live.mp3?typeportmount=s2_18971_stream_115851531" type="audio/mpeg" />

</audio>
 
Nikkygeek dijo:
<audio id="stream" controls="controls" preload="none" style="width: 350px;">

este es el anterior que no sirve.
<source src="http://108.59.7.153:18971/;" type="audio/mpeg" />

</audio>

este es el nuevo que a mi se me escucha, dale click a la url.

<audio id="stream" controls="controls" preload="none" style="width: 350px;">

<source src="https://us2freenew.listen2myradio.com/live.mp3?typeportmount=s2_18971_stream_115851531" type="audio/mpeg" />

</audio>
Hacer clic para expandir...
El link de listen2myradio puede ser variable. Tienes que estar constantemente cambiando si eso no te importa.
 
Nikkygeek dijo:
<audio id="stream" controls="controls" preload="none" style="width: 350px;">

este es el anterior que no sirve.
<source src="http://108.59.7.153:18971/;" type="audio/mpeg" />

</audio>

este es el nuevo que a mi se me escucha, dale click a la url.

<audio id="stream" controls="controls" preload="none" style="width: 350px;">

<source src="https://us2freenew.listen2myradio.com/live.mp3?typeportmount=s2_18971_stream_115851531" type="audio/mpeg" />

</audio>
Hacer clic para expandir...
Si tu página inicia en https pero el recurso no está en https nunca lo cargará, pero también tenías el problema con jquery que al parecer también iba por el ssl, cambia http://108.59.7.153:18971/; a https://108.59.7.153:18971/; pero al hacerlo te da error... así que tendrías que estar actualizando constantemente el link cuando cambie... sino quitarle el https a la página de inicio
 
Berker dijo:
Si tu página inicia en https pero el recurso no está en https nunca lo cargará, pero también tenías el problema con jquery que al parecer también iba por el ssl, cambia http://108.59.7.153:18971/; a https://108.59.7.153:18971/; pero al hacerlo te da error... así que tendrías que estar actualizando constantemente el link cuando cambie... sino quitarle el https a la página de inicio
Hacer clic para expandir...
O puede proxearlo para generar un https
 
Yo el que puse ya funciona, creen que me propocionara problemas en el futuro???, mi idea seria crear un reproductor visualmente nuevo para meter, alguna recomendacion?? =)
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

R
Cómo agregar una versión en inglés a un sitio web?
Respuestas
2
Visitas
144
Morgabe
Morgabe
Crom Studio
Cómo crear un reproductor HTML para un stream m3u8
Respuestas
1
Visitas
820
zahoribello
zahoribello
DaniOne
Cómo agregar un Smart Link Directo en un sitio web para adultos
Respuestas
2
Visitas
178
MajesticCat
MajesticCat
monedero
Cómo agregar un retraso a una ventana emergente en mi blog
Respuestas
3
Visitas
512
sevilla666
sevilla666
C
¿Cómo agregar anuncios pop-under en el reproductor de videos de mi sitio web?
Respuestas
2
Visitas
444
criptovs
C
Atrás
Arriba