Como adicionar um player HTML ao meu site

Nikkygeek · 19/09/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/09/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/09/2022

Berker disse:
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/09/2022

Nikkygeek disse:
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/09/2022

Berker disse:
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/09/2022

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

moiseseccam · 19/09/2022

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

Nikkygeek · 19/09/2022

xLincex disse:
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/09/2022

Nikkygeek disse:
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/09/2022

Berker disse:
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/09/2022

Nikkygeek disse:
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/09/2022

Berker disse:
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/09/2022

Nikkygeek disse:
<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/09/2022

Nikkygeek disse:
<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/09/2022

Berker disse:
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/09/2022

moiseseccam disse:
O puede proxearlo para generar un https

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

Berker · 21/09/2022

moiseseccam disse:
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/09/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?? =)

Como adicionar um player HTML ao meu site

Nikkygeek

Berker

Nikkygeek

Berker

Nikkygeek

xLincex

moiseseccam

Nikkygeek

Berker

Nikkygeek

Berker

Nikkygeek

moiseseccam

Berker

moiseseccam

Nikkygeek

Berker

Nikkygeek

Tópicos similares