Pomocí funkce JavaScriptu umožníte návštěvníkům webu přehrát MP3.
Na vaše webové stránky je možné vkládat a přehrávat zvukové soubory MP3 mnoha způsoby. Příkladem je zastaralá značka „embed“ v HTML, různých přehrávačích Flash a přehrávačích založených na Javě. Standard HTML5 s důrazem na skriptování a nedostatečným spoléháním se na software třetích stran nabízí v budoucnu nejkompatibilnější způsob vkládání a přehrávání MP3 na webových stránkách. Vložte soubor MP3 s objektem „audio“ HTML5 a poté pomocí funkce JavaScript spusťte jeho přehrávání
Krok 1
Přidejte následující kód do těla dokumentu HTML:
Video dne
Tento kód vloží a načte soubor MP3, ale nepřehraje jej. Hodnota tagu "src" obsahuje cestu a název souboru MP3.
Krok 2
Přidejte následující kód JavaScript mezi značky „head“ dokumentu HTML:
Tato funkce, když je zavolána, přistupuje k prvku "audio" pomocí jeho id ("mp3") a k přehrání použije metodu play().
Krok 3
Přidejte na webovou stránku tlačítko pro volání funkce „playMP3“, když na něj uživatel klikne. Přidejte následující kód do těla dokumentu HTML:
Změňte atribut „value“ a dejte tlačítku jiný název.
Krok 4
Použijte následující funkci namísto „playMP3“, abyste umožnili uživateli pozastavit soubor po jeho spuštění:
function playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Změňte atribut „onClick“ tagu „input“ v kroku 3 tak, aby odpovídal názvu této funkce.