Jest to druga część wideo wprowadzającego audio HTML5; jeśli jeszcze tego nie oglądałeś, polecam sprawdzenie części pierwszej aby przyspieszyć!
Dzisiaj będziemy pracowali nad odtwarzaczem audio HTML5 i dodaliśmy ekscytującą funkcjonalność, aby naprawdę ożywić nasz odtwarzacz HTML5. Użyjemy metody obejmującej atrybuty danych, które umożliwią łatwy dostęp do niestandardowych wartości dla każdego elementu dźwiękowego, i stąd pojawiają się nasze tytuły, artyści i okładki albumów.
Pod koniec tego samouczka zrozumiesz, co następuje: "Oznaczanie" elementów audio niestandardowymi atrybutami danych; takie jak tytuł utworu, artysta, a nawet okładka albumu; używanie jQuery do manipulowania tą informacją i wyświetlania jej na stronie, z elastycznością do stylizowania jej na własne projekty.
Będę także demonstrował przykład mojego gracza i mówię, jak osiągnąć pewne efekty za pomocą danych; w tym wyświetlanie grafiki albumu jako błyszczącego tła dla odtwarzacza.
Czy korzystałeś z dźwięku HTML5 w projekcie? Jak porównanie dźwięku HTML5 ze starszymi opcjami? Daj nam znać swoje myśli w komentarzach.
Wyróżniony obraz / miniatura, obraz dźwiękowy przez Shutterstock.