Tutorial
Vamos a la radio a la cual le vamos a sacar la url, en mi caso será una de mi ciudad que me gusta mucho, se llama Florindo Florez, dejo su link por si la quieren escuchar.
{getButton} $text={Florindo Florez} $icon={link} $color={Hex Color}
Una vez estemos en la radio, le daremos clic en su reproductor para que empiece a sonar:
Luego, damos clic derecho encima del reproductor y damos clic en "inspeccionar elemento"
Una vez abierto el panel, nos saldrá así:
Ahora nos iremos a la sección que se llama Red, está en la parte de arriba, a unos les saldrá de una vez,
Si no lo encontró en esa misma parte, puede buscarlo en las flechas, ahí estará.
Al encontrar la sección, le saldrá todo blanco, reinicie la ventana y vuelve a dar play para que salga toda la información que necesitaremos.
Si no le da play o la radio no está sonando, no le servirá este paso{alertInfo}
Cuando se haya reiniciado la ventana, le debe salir así:
Como miran, no le he dado play, por ende no sale ninguna línea de colores:
Damos clic en Listen Now, y se busca la línea de color más larga que haya, ahí está la url de la radio, debe ser así:
Como mira, solo hay una línea larga y las demás no, esa es la deben buscar, en mi caso salió de último, otras veces saldrá arriba o en el medio, deben buscarla, es la única larga que habrá.
Cuando la hayan encontrado, rápidamente le dan clic derecho y dan clic en "Abrir en una nueva pestaña", si demoran un poco, le saldrá más información y no los dejará, al darle clic derecho, debe salir así:
Ahí nos enviará a una nueva ventana con el reproductor listo para copiar y pegarlo en el sitio donde se va poner a sonar:
Solamente deben copiar el link de arriba del navegador y listo, así debe salir:
https://node-17.zeno.fm/hu9tvx7w4tzuv?zs=abzJQ21_QamBGq-e9GCoWQ&rj-ttl=5&adt-uid=cuid_55637e11-aeda-11ec-b752-1202f1c33782&triton-uid=cookie%3A1dd42d19-9cc5-4909-86f6-437de79ea504&rj-tok=AAABf9KCx2EAlis4u8NV_nPksw{codeBox}
Ya tiene la url directo de la radio. Si lo usará en Appcreator24, lo pega en la sección audio, si es en Blogger o Wordpress, lo puede pegar en html con este código:
<audio controls="controls">
<source src="track.ogg" type="audio/ogg" />
<source src="track.mp3" type="audio/mpeg" />
Su navegador no soporta el elemento de audio.
</audio>{codeBox}
La url sacada la debe pegar donde está en rojo, en cualquiera de las dos. o según el formato que tenga la url, por ejemplo los de Zeno.fm funcionan muy bien en el track.mp3, quita todo lo rojo y sin eliminar las comillas pega la url de la radio, y le debería quedar así:
<audio controls="controls">
<source src="track.ogg" type="audio/ogg" />
<source src="https://node-17.zeno.fm/hu9tvx7w4tzuv?zs=abzJQ21_QamBGq-e9GCoWQ&rj-ttl=5&adt-uid=cuid_55637e11-aeda-11ec-b752-1202f1c33782&triton-uid=cookie%3A1dd42d19-9cc5-4909-86f6-437de79ea504&rj-tok=AAABf9KCx2EAlis4u8NV_nPksw" type="audio/mpeg" />
Su navegador no soporta el elemento de audio.
</audio>{codeBox}
Y este será el resultado:
Y eso sería todo, si tienen alguna duda me lo pueden dejar en los comentarios o pueden unirse a nuestro grupo de WhatsApp donde hablamos sobre Appcreator24, radios, y otro tipo de aplicaciones.
{getButton} $text={Grupo de WhatsApp} $icon={link} $color={Hex Color}
Si prefiere ver el vídeo para hacer el paso a paso, también está disponible: