EJERCICIO 17 – MiRadio

EJERCICIO 17 – MiRadio

Vamos a realizar una App que realice la función de una pequeña radio en streaming. Utilizaremos una serie de botones con los que podremos reproducir, pausar y salir de la aplicación

Para realizar esta práctica deberemos descargar a nuestro ordenador las imagenes y sonidos de la carpeta material >Radi0. En esta carpeta encontraremos los archivos necesarios para hacer nuestra app.

EJERCICIO 17 – MiRadio
Lo primero de todo subiremos todo el material que usaremos para realizar la aplicación. Desde la pestaña medios subimos los archivos que se encuentran en nuestro dispositivo:

EJERCICIO 17 – MiRadio

La interfaz se organizará de la siguiente manera: (3 Disposiciones Horizontales)

EJERCICIO 17 – MiRadio
Y dentro de cada disposición tenemos los siguientes elementos:
EJERCICIO 17 – MiRadio

EJERCICIO 17 – MiRadio
Una vez dispuesto nuestra parte visual de la aplicación abriremos el visor de los Bloques donde programaremos las acciones para que nuestra app funcione. Para ello lo primero de todo le vamos a indicar que cuando cliquemos en el botón de play reproduzca una emisora. Elegimos el condicional siguiente:

EJERCICIO 17 – MiRadio

Dentro de nuestro condicional tenemos que meter el elemento Reproductor el cual hará que oigamos la dirección de la emisora para ello utilizamos el siguiente bloque:

EJERCICIO 17 – MiRadio

El origen tenemos que indicarle el enlace del cual oiremos nuestra emisora por lo que añadimos un bloque de texto y ahí pegaremos la emisora que queramos que reproduzca.

Inciso: La web de la cual hemos sacado esta dirección se llama; https://radiomap.eu/es/madrid, la que aquí aparece es la emisora de los 40 principales.
Podeís elegir la que más os plazca

EJERCICIO 17 – MiRadio
Programamos el botón de pausa, con este condicional que hará que cuando cliquemos nuestro botón este llame al elemento Reproductor y lo pare. Primero selecionamos el B_Pause para poder poner el condicional y seguidamente clicamos al elemento Reproductor para colocar el bloque de llamar.

EJERCICIO 17 – MiRadio
Por último, solo tenemos que añadir estas líneas para decirle que para apagar nuestra app hemos de ejecutar este bloque:

EJERCICIO 17 – MiRadio

EJERCICIO 17 – MiRadio