Dette er del to av HTML5 lyd introduksjonsvideoen; Hvis du ikke har sett det allerede, anbefaler jeg det sjekker ut del ett å komme opp til fart!

I dag jobber vi med vår HTML5-lydspiller og legger til noen spennende funksjoner for å virkelig bringe vår HTML5-spiller til livs. Vi bruker en metode som omfatter dataattributter, som gjør det enkelt å få tilgang til egendefinerte verdier for hvert lydelement, og det er der våre titler, artister og albummer kommer inn.

Ved slutten av denne opplæringen forstår du følgende: "Merker" lydelementene dine med egendefinerte dataattributter; for eksempel sportittel, artist og til og med albumkunst; bruker jQuery til å manipulere denne informasjonen og vise den på siden, med fleksibiliteten til å stillegge den rundt dine egne motiver.

Jeg vil også demonstrere spillerens eksempel, og snakke gjennom hvordan å oppnå bestemte effekter med dataene dine; inkludert å vise albumkunst som et skinnende bakteppe til spilleren din.

Har du hatt HTML5 lyd i et prosjekt? Hvordan sammenligner HTML5-lyd med eldre alternativer? Gi oss beskjed om dine tanker i kommentarene.

Utvalgt bilde / miniatyrbilde, lydbilde via Shutterstock.