Cómo agregar un reproductor HTML a mi sitio web

[Nikkygeek]

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.

https://electromusicfire.radiostream321.com/

 

[Berker]

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

 

[Nikkygeek]

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

No te entendi nada. 🙌

 

[Berker]

No te entendi nada. 🙌

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

 

[Nikkygeek]

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

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.

 

[xLincex]

A mi me funciona con esta direccion https://us2freenew.listen2myradio.com/live.mp3?typeportmount=s2_18971_stream_115851531

 

[moiseseccam]

El source tiene que ser https de otro modo no funcionará si quieres insertarlo.

 

[Nikkygeek]

A mi me funciona con esta direccion https://us2freenew.listen2myradio.com/live.mp3?typeportmount=s2_18971_stream_115851531

Esta url la meto dentro de mi codigo y quedaria asi:


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

asi ya funciona.

 

[Berker]

Esta url la meto dentro de mi codigo y quedaria asi:


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

asi ya funciona.

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

 

[Nikkygeek]

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

con cual link brother, pasame como decis vos que lo pruebo.

 

[Berker]

con cual link brother, pasame como decis vos que lo pruebo.

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

 

[Nikkygeek]

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

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

 

[moiseseccam]

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

El link de listen2myradio puede ser variable. Tienes que estar constantemente cambiando si eso no te importa.

 

[Berker]

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

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

 

[moiseseccam]

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

O puede proxearlo para generar un https

 

[Nikkygeek]

O puede proxearlo para generar un https

I dont under bro, i not progaming, im... im... its me luigi 😛

 

[Berker]

O puede proxearlo para generar un https

Si es buena opción pero tiene CORS, va a necesitar un sv php para el cURL

 

[Nikkygeek]

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?? =)