Dodaj muzykę w tle do swojej witryny, aby użytkownicy mogli cieszyć się nią podczas przeglądania.
Różne metody umieszczania muzyki na stronach internetowych stały się popularne od początków sieci WWW. Warto zauważyć, że tag „embed” w HTML, odtwarzaczach audio opartych na Javie i odtwarzaczach opartych na Flash to wszystkie możliwe opcje dodawania muzyka w tle do strony internetowej, ale żadne rozwiązanie nie zostało powszechnie przyjęte lub nie jest w pełni kompatybilne ze wszystkimi przeglądarkami i platformy. Nowszy standard HTML5 zawiera znacznik „audio”, który jest specjalnie zdefiniowany do odtwarzania osadzonego dźwięku.
Krok 1
Dodaj następujący kod w dowolnym miejscu w treści dokumentu HTML, aby osadzić plik muzyczny i odtwarzać go automatycznie, gdy użytkownik przegląda Twoją witrynę.
Wideo dnia
Zmień atrybut „src”, aby zawierał ścieżkę i nazwę pliku muzycznego, który chcesz osadzić.
Krok 2
Dodaj atrybut „loop”, jeśli chcesz, aby plik muzyczny był odtwarzany w kółko:
Krok 3
Użyj wielu tagów „source” zamiast atrybutu „src” tagu „audio”, jeśli chcesz zaoferować przeglądarce użytkownika wybór wielu formatów plików:
W tym przykładzie przeglądarka użytkownika zdecyduje, czy odtworzyć plik MP3, czy plik OGG. Ta technika może być przydatna do kierowania na urządzenia mobilne, które mogą odtwarzać tylko niektóre formaty audio.
Krok 4
Umieść tag „embed” w tagu „audio”, aby zapewnić obsługę starszych przeglądarek, które nie obsługują HTML5. Pamiętaj, że to użycie tagu „embed” jest przestarzałe (co oznacza, że nie jest już oficjalnie wymagane obsługiwane), więc eksperymentuj z tą techniką tylko wtedy, gdy podejrzewasz, że Twoi użytkownicy będą korzystać z przestarzałej sieci przeglądarki. Oto przykład:
Wskazówka
Rozważ dodanie atrybutu „sterowanie” do tagu „audio”, aby umożliwić użytkownikowi zatrzymanie muzyki i zmianę głośności. Ponadto rozważ nieużywanie atrybutu „autoplay”, chyba że istnieje dobry powód takiego zachowania przeglądarki. Wielu użytkowników denerwuje osadzoną muzykę w tle, która nieoczekiwanie odtwarza się bez ich zgody i natychmiast opuści Twoją witrynę.
