Użyj funkcji JavaScript, aby umożliwić odwiedzającym odtwarzanie plików MP3.
Istnieje wiele sposobów osadzania i odtwarzania plików audio MP3 na stronach internetowych. Przykładami są przestarzały tag „embed” w HTML, różne odtwarzacze Flash i odtwarzacze Java. Standard HTML5, z naciskiem na skrypty i brakiem zależności od oprogramowania innych firm, oferuje najbardziej kompatybilny sposób osadzania i odtwarzania plików MP3 na stronach internetowych w przyszłości. Osadź plik MP3 w obiekcie „audio” HTML5, a następnie użyj funkcji JavaScript, aby rozpocząć odtwarzanie
Krok 1
Dodaj następujący kod do treści swojego dokumentu HTML:
Wideo dnia
Ten kod osadza i ładuje plik MP3, ale go nie odtwarza. Wartość znacznika „src” zawiera ścieżkę i nazwę pliku MP3.
Krok 2
Dodaj następujący kod JavaScript między tagami „head” w dokumencie HTML:
Ta funkcja, po wywołaniu, uzyskuje dostęp do elementu „audio” poprzez jego identyfikator („mp3”) i używa metody play() do jej odtworzenia.
Krok 3
Dodaj przycisk do strony internetowej, aby wywołać funkcję „playMP3”, gdy użytkownik ją kliknie. Dodaj następujący kod do treści dokumentu HTML:
Zmień atrybut „value”, aby nadać przyciskowi inny tytuł.
Krok 4
Użyj następującej funkcji zamiast „playMP3”, aby umożliwić użytkownikowi wstrzymanie pliku po jego uruchomieniu:
function playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Zmień atrybut „onClick” znacznika „input” w kroku 3, aby odpowiadał nazwie tej funkcji.
