Odtwarzacz audio

Prezentacja

RoyalFreeMusic: In Synthwave.

Twoja przeglądarka internetowa nie potrafi odtworzyć tego formatu. Ale możesz pobrać plik i odtworzyć go w Twoim ulubionym odtwarzaczu plików audio. [POBIERZ]
Leva: Eternity.

Twoja przeglądarka internetowa nie potrafi odtworzyć tego formatu. Ale możesz pobrać plik i odtworzyć go w Twoim ulubionym odtwarzaczu plików audio. [POBIERZ]
Markotopa: A Call to the Soul.

Twoja przeglądarka internetowa nie potrafi odtworzyć tego formatu. Ale możesz pobrać plik i odtworzyć go w Twoim ulubionym odtwarzaczu plików audio. [POBIERZ]
Olexy: Summer Walk.

Twoja przeglądarka internetowa nie potrafi odtworzyć tego formatu. Ale możesz pobrać plik i odtworzyć go w Twoim ulubionym odtwarzaczu plików audio. [POBIERZ]
Paul Yudin: Energetic Pop Dance Party.

Twoja przeglądarka internetowa nie potrafi odtworzyć tego formatu. Ale możesz pobrać plik i odtworzyć go w Twoim ulubionym odtwarzaczu plików audio. [POBIERZ]
Alexi Action: Synthwave '80s.

Twoja przeglądarka internetowa nie potrafi odtworzyć tego formatu. Ale możesz pobrać plik i odtworzyć go w Twoim ulubionym odtwarzaczu plików audio. [POBIERZ]
Roman Senyk Music: One Step Further.

Twoja przeglądarka internetowa nie potrafi odtworzyć tego formatu. Ale możesz pobrać plik i odtworzyć go w Twoim ulubionym odtwarzaczu plików audio. [POBIERZ]
Watr: Double Overhead.

Twoja przeglądarka internetowa nie potrafi odtworzyć tego formatu. Ale możesz pobrać plik i odtworzyć go w Twoim ulubionym odtwarzaczu plików audio. [POBIERZ]
Przetestuj playlistę! Equalizer

Utwory (*.mp3):

  1. RoyalFreeMusic - In Synthwave;
  2. Leva - Eternity;
  3. Markotopa - A Call to the Soul;
  4. Olexy - Summer Walk;
  5. Paul Yudin - Energetic Pop Dance Party;
  6. Alexi Action - Synthwave '80s;
  7. Roman Senyk Music - One Step Further;
  8. Watr - Double Overhead;

Opis

Element <audio> nie potrafi odtwarzać playlisty, jedynie strumienie i pojedyncze utwory. Można jednak za pomocą rozszerzenia DOM sprawić, że <audio> będzie symulować odtwarzanie playlisty. Do realizacji tego celu użyjemy jedynie HTML5 oraz czystego JavaScript + DOM.

Licencja na użycie muzyki: TUTAJ.

Materiały

  • Kod skryptu;
  • Music Player - wersja kompaktowa (Dark Theme);

Przerwa na reklamę...