Tämä on osa HTML5-äänen esittelyvideota; jos et ole katsellut sitä jo, suosittelen tarkistamalla osaa päästä nopeuteen!

Tänään työskentelemme HTML5-äänisoittimessamme ja lisäämme mielenkiintoisia toimintoja, jotta HTML5-soittimemme saadaan eloon. Käytämme menetelmää, johon liittyy dataattribuutteja, jotka mahdollistavat helpon pääsyn mukautettuihin arvoihin kullekin ääniohjelmalle. Siinä missä nimemme, taiteilijoiden ja albumin taiteemme tulevat sisään.

Tämän opetusohjelman loppuun mennessä ymmärrät seuraavat asiat: "Tagging" audioelementit mukautettujen tietojen ominaisuuksilla; kuten kappaleen nimi, taiteilija ja jopa albumin taiteet; jQueryn avulla voit manipuloida näitä tietoja ja näyttää sen sivulle. Voit joustavasti muotoilla niitä omien kuviesi ympärille.

Osoitan myös soittimen esimerkkiä ja puhun siitä, miten tietyt vaikutukset tietojesi kanssa saavutetaan. mukaan lukien albumin näyttäminen kiiltävänä taustana soittimellesi.

Oletko esitellyt HTML5-ääntä projektissa? Miten HTML5-ääni vertaillaan vanhempien asetusten kanssa? Kerro meille mielipiteesi kommentteihin.

Esitetty kuva / pikkukuva, äänikuva kautta Shutterstock.