Tutorial 7 - Componenti Button e Player, riproduzione di file audio mp3 con Android App Inventor (Parte 1)

Nel tutorial di oggi vedremo come creare una semplice app utilizzando lo strumento web based gratuito MIT App Inventor 2 per la creazione di applicazioni Android.

Nella prima parte vedremo come aggiungere un pulsante (Button) ed un media player (componente "Player"), lo scopo della nostra applicazione sarà quello di riprodurre il discorso di un grande personaggio del cinema alla pressione dell'immagine dell'attore.

Basteranno davvero pochi minuti del vostro tempo per creare ed installare sul vostro telefono questa applicazione!

Da design editor aggiungiamo un pulsante (Button1) ed il componente per l'esecuzione del file audio (Player1), carichiamo il nostro file mp3 (per motivi di copyright non lo posso linkare qui) e la nostra immagine di sfondo per il pulsante:

poi ci portiamo nel Blocks Editor per programmare la logica di funzionamento dell'app.

Qui sotto vediamo le proprietà del componente "Button1" a noi interessa l'evento "When Button1.click" (in termini informatico è un "event handler"), ovvero cosa vogliamo che faccia la nostra app quando l'utente clicca sul pulsante:

Alla pressione del pulsante vogliamo far partire il nostro file audio mp3 che abbiamo caricato come file "Media" nel design editor, vediamo quindi le proprietà del componente "Player1", vedete che c'è un event handler (in marroncino, When Player1.Completed) che per ora non ci interessa, e poi ci sono svariati metodi (in viola), tra cui Pause/Start/Stop... proprio questi interessano a noi in questo momento

Come avrete intuito a noi interessa il metodo "call Player1.Start" che non fa altro che far partire la riproduzione del nostro file audio mp3 caricato in precedenza (nella nostra app è il discorso di Tony Amato preso dal grandissimo film Ogni maledetta Domenica)

Per concludere la nostra applicazione quindi "incastreremo" semplicemente questo metodo all'interno dell'event handler del Button1:

Non ci resta altro da fare che testare la nostra app, lo possiamo fare collegando App Inventor al nostro smartphone con AI Companion oppure usando l'emulatore (tutte cose viste nei precedenti tutorial)

Se invece vogliamo distribuire la nostra applicazione ad amici o conoscenti oppure vogliamo fare le cose in grande e pubblicarla su Play Store dobbiamo creare il file di installazione che in Android ha estensione .apk.

Per scaricare quindi questo file chiediamo ai server di MIT App Inventor 2 di compilarci (build) la nostra app, cliccando come mostrato qui sopra su "Build" e poi su "App (save .apk to my computer)", a compilazione ultimata potremmo salvare il nostro file apk pronto per l'installazione su qualunque dispositivo Android!

Vi lascio alla visione del video caricato su YouTube che vi mostra passo passo tutto quello che ho scritto finora

Per scaricare il file sorgente di questa applicazione cliccate qua:
GrandiDiscorsi.aia

Questo tutorial prosegue nella Parte 2 dove vedremo come aggiungere un altro discorso ed effettuare alcune migliorie alla nostra app
Tutorial 7 - Componenti Button e Player, riproduzione di file audio mp3 con Android App Inventor (Parte 2)