Ceci est la deuxième partie de la vidéo d'introduction audio HTML5; si vous ne l'avez pas déjà regardé, je vous recommande vérifier la première partie se mettre au diapason!

Aujourd'hui, nous allons travailler sur notre lecteur audio HTML5 et ajouter des fonctionnalités intéressantes pour donner vie à notre lecteur HTML5. Nous utiliserons une méthode impliquant des attributs de données, qui permettent un accès facile à des valeurs personnalisées pour chaque élément audio, et cela là où nos titres, artistes et pochettes d'album entrent.

A la fin de ce tutoriel, vous comprendrez ce qui suit: "Marquer" vos éléments audio avec des attributs de données personnalisés; tels que le titre de la piste, l'artiste et même l'album d'art; utiliser jQuery pour manipuler ces informations et les afficher sur la page, avec la souplesse nécessaire pour les adapter à vos propres conceptions.

Je vais également faire la démonstration de mon exemple de joueur, et parler de la façon d'accomplir certains effets avec vos données; y compris l'affichage de la pochette d'album en tant que toile de fond brillante pour votre lecteur.

Avez-vous présenté de l'audio HTML5 dans un projet? Comment l'audio HTML5 se compare-t-il aux anciennes options? Faites-nous savoir vos pensées dans les commentaires.

Image / vignette en vedette, image sonore via Shutterstock.