Cómo agregar un reproductor HTML a mi sitio web

Nikkygeek · 19 Sep 2022

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 · 19 Sep 2022

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 · 19 Sep 2022

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

No te entendi nada. 🙌

Berker · 19 Sep 2022

Nikkygeek dijo:
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 · 19 Sep 2022

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

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 · 19 Sep 2022

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

moiseseccam · 19 Sep 2022

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

Nikkygeek · 19 Sep 2022

xLincex dijo:
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 · 19 Sep 2022

Nikkygeek dijo:
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 · 19 Sep 2022

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

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

Berker · 19 Sep 2022

Nikkygeek dijo:
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 · 19 Sep 2022

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

<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 · 20 Sep 2022

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>

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

Berker · 20 Sep 2022

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>

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 · 20 Sep 2022

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

O puede proxearlo para generar un https

Nikkygeek · 21 Sep 2022

moiseseccam dijo:
O puede proxearlo para generar un https

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

Berker · 21 Sep 2022

moiseseccam dijo:
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 · 21 Sep 2022

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

Cómo agregar un reproductor HTML a mi sitio web

Nikkygeek

Berker

Nikkygeek

Berker

Nikkygeek

xLincex

moiseseccam

Nikkygeek

Berker

Nikkygeek

Berker

Nikkygeek

moiseseccam

Berker

moiseseccam

Nikkygeek

Berker

Nikkygeek

Temas similares

Privacidad y transparencia

Privacidad y transparencia