Questa è la seconda parte del video introduttivo audio HTML5; se non l'hai già guardato, lo consiglio controllando la prima parte per essere al passo!
Oggi lavoreremo sul nostro lettore audio HTML5 e aggiungiamo alcune funzionalità entusiasmanti per dare vita al nostro lettore HTML5. Useremo un metodo che coinvolge gli attributi dei dati, che consentono un facile accesso ai valori personalizzati per ciascun elemento audio, ed è qui che entrano in gioco i nostri titoli, artisti e copertine degli album.
Alla fine di questo tutorial, capirai quanto segue: "Tagging" degli elementi audio con attributi dati personalizzati; come titolo del brano, artista e persino copertine degli album; utilizzando jQuery per manipolare queste informazioni e visualizzarle sulla pagina, con la flessibilità di adattarle ai propri progetti.
Mostrerò anche il mio esempio di giocatore e parlerò di come ottenere determinati effetti con i tuoi dati; inclusa la visualizzazione della copertina dell'album come sfondo lucido per il tuo lettore.
Hai messo in evidenza l'audio HTML5 in un progetto? In che modo l'audio HTML5 si confronta con le opzioni precedenti? Fateci sapere che ne pensate nei commenti.
Immagine in primo piano / miniatura, immagine sonora via Shutterstock.