Cerca con Google

Translate

16 maggio 2014

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)

10 commenti:

  1. ciao seblog potresti darmi una mano sto diventando matto......
    ho inserito tramite la tua guida l'inserimento del banner pubblicitario,
    il banner si visualizza regolarmente nell'app, ma se poi vado a cliccarci sopra mi dice:
    l'utente non ha autorizzato ad aprire questa pagina.market://details? etc .... percheeeee? ti prego aiutooo

    RispondiElimina
  2. ho usato la guida per l'inserimento hatml di leadbold.....

    RispondiElimina
    Risposte
    1. Ciao,
      ho questo problema io misa tanto che è Leadbolt.
      potresti provare a salvare la pagina html con il codice del banner nella app ed aprile quello che si trova in file:///android_asset/nomesito.html
      ecco il link con il video
      https://www.youtube.com/watch?v=qwj3J_oG9ag

      Elimina
  3. Como criar uma Radio Online que quando minimiza não para a musica que esta tocando no player?????

    RispondiElimina
  4. Salve , ho visto pio o meno tutto i tuoi video perché sto cercando di imparare al meglio questa applicazione ( app inventor 2 ) ora a mio malgrado mi tocca dire che non sono un esperto ed è la prima volta che mi affaccio alla programmazione e dato che molti de tuoi turorial fanno riferimento al vecchio inventor se potevi darmi qualche dritta in merito al tuo video :(Tutorial - Applicazione con Splash Screen e EULA per App Inventor(720p_H.480-AAC) perchè non riesco a farlo funzionare sulla app inventor 2 , quando accetto l'applicazione non dovrebbe più spuntarmi il notifier licenza invece mi pone sempre la stessa domanda , ovvio che il problema sta nell tiny db ma non capisco volevo sapere se avevi la possibilità di darmi delle dritte se ti invio degli screen ... e se conosci una guida in italiano su come imparare ad utilizzare app inventor 2 grazie e ancora i miei complimenti per i tutorial

    RispondiElimina
    Risposte
    1. ci sono i nuovi tutorial su App Inventor 2, li trovi in elenco tutorial
      http://seblogapps.blogspot.it/p/elenco-tutorial.html

      e poi anche la nuova playlist con tutti i nuovi video su YouTube
      https://www.youtube.com/playlist?list=PL6CnWtV3t02IE94AehI0WwakgaxNLmFJT

      sicuramente sbagli qualcosa col TinyDb,
      per il tuo problema ti consiglio di postare i blocchi sul forum e chiedere anche agli altri così guardiamo tutti assieme
      ciao

      Elimina
    2. ti ringrazio ho appena aperto una discussione sul forum http://venicetideads.altervista.org/index.php?p=/discussion/1980/problema-tinydb-creazione-splash-screen-con-notifier-iniziale#Item_1

      Elimina
  5. Ciao Sebastiano, perdonami,, ma se io volessi scegliere il file mp3 dal mio archivio telefono

    RispondiElimina
    Risposte
    1. Mi accodo alla domanda di nino ... come si fa a poter scegliere il file da riprodurre?

      Elimina
    2. Mi accodo alla domanda di nino ... come si fa a poter scegliere il file da riprodurre?

      Elimina