Detta är del två av HTML5 audio introduktionsvideoen; om du inte har sett det redan rekommenderar jag det kolla in del ett att få fart!

Idag jobbar vi med vår HTML5-ljudspelare och lägger till en spännande funktionalitet för att verkligen få vår HTML5-spelare till liv. Vi använder en metod med dataattribut, vilket möjliggör enkel åtkomst till anpassade värden för varje ljudelement, och det är här våra titlar, artister och albumkonst kommer in.

I slutet av denna handledning kommer du att förstå följande: "Tagga" dina ljudelement med anpassade dataattribut; till exempel spårtitel, artist och jämnalbum; använder jQuery för att manipulera den här informationen och visa den på sidan, med flexibiliteten att utforma den runt dina egna mönster.

Jag ska också demonstrera mitt spelarexempel och prata igenom hur man åstadkommer vissa effekter med dina data. inklusive att visa albumkonsten som en blank bakgrund till din spelare.

Har du presenterat HTML5-ljud i ett projekt? Hur jämför HTML5-ljud med äldre alternativ? Låt oss veta dina tankar i kommentarerna.

Utvalda bild / miniatyrbild, ljudbild via Shutterstock.