Pomocou funkcie JavaScriptu umožníte návštevníkom webových stránok prehrať MP3.
Na vaše webové stránky je možné vložiť a prehrať zvukové súbory MP3 rôznymi spôsobmi. Príkladom je zastaraná značka „embed“ v HTML, rôznych prehrávačoch Flash a prehrávačoch založených na jazyku Java. Štandard HTML5 s dôrazom na skriptovanie a nedostatočnou závislosťou od softvéru tretích strán ponúka v budúcnosti najkompatibilnejší spôsob vkladania a prehrávania súborov MP3 na webových stránkach. Vložte súbor MP3 s objektom „audio“ HTML5 a potom pomocou funkcie JavaScript spustite prehrávanie
Krok 1
Pridajte nasledujúci kód do tela dokumentu HTML:
Video dňa
Tento kód vloží a načíta súbor MP3, ale neprehrá ho. Hodnota tagu "src" obsahuje cestu a názov súboru MP3.
Krok 2
Medzi značky „head“ v dokumente HTML pridajte nasledujúci kód JavaScript:
Táto funkcia, keď je zavolaná, pristupuje k prvku "audio" pomocou jeho id ("mp3") a na jeho prehrávanie používa metódu play().
Krok 3
Pridajte na webovú stránku tlačidlo, ktoré zavolá funkciu „playMP3“, keď naň používateľ klikne. Do tela HTML dokumentu pridajte nasledujúci kód:
Zmeňte atribút „value“ a dajte tlačidlu iný názov.
Krok 4
Použite nasledujúcu funkciu namiesto „playMP3“, aby ste umožnili používateľovi pozastaviť súbor po jeho spustení:
function playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Zmeňte atribút „onClick“ značky „input“ v kroku 3 tak, aby zodpovedal názvu tejto funkcie.
