Esta é a segunda parte do vídeo de introdução de áudio HTML5; se você ainda não assistiu, eu recomendo verificando a parte um para subir de velocidade!
Hoje, trabalharemos em nosso player de áudio HTML5 e adicionaremos algumas funcionalidades interessantes para dar vida ao nosso jogador HTML5. Usaremos um método que envolve atributos de dados, que permitem fácil acesso a valores personalizados para cada elemento de áudio, e é aí que entram nossos títulos, artistas e arte do álbum.
No final deste tutorial, você entenderá o seguinte: “Marcando” seus elementos de áudio com atributos de dados personalizados; como título da faixa, artista e até mesmo arte do álbum; Usando o jQuery para manipular essas informações e exibi-las na página, com a flexibilidade de estilizá-las em torno de seus próprios designs.
Também demonstrarei meu exemplo de jogador e falarei sobre como realizar certos efeitos com seus dados; incluindo a exibição da arte do álbum como um pano de fundo brilhante para o seu player.
Você já apresentou áudio HTML5 em um projeto? Como o áudio HTML5 se compara às opções mais antigas? Deixe-nos saber seus pensamentos nos comentários.
Imagem em destaque / miniatura, imagem sonora via Shutterstock.