Koristite JavaScript funkciju da posjetiteljima web stranice omogućite reprodukciju MP3.
Moguće je nekoliko načina za ugradnju i reprodukciju MP3 audio datoteka na vaše web stranice. Primjeri su zastarjela oznaka "embed" u HTML-u, razni Flash playeri i igrači temeljeni na Javi. HTML5 standard, sa svojim naglaskom na skriptiranje i nedostatkom oslanjanja na softver trećih strana, nudi najkompatibilniji način za ugradnju i reprodukciju MP3 datoteka na web-stranicama u budućnosti. Ugradite MP3 datoteku s HTML5 "audio" objektom, a zatim upotrijebite JavaScript funkciju da biste je pokrenuli
Korak 1
Dodajte sljedeći kod u tijelo vašeg HTML dokumenta:
Video dana
Ovaj kod ugrađuje i učitava MP3 datoteku, ali je ne reproducira. Vrijednost oznake "src" sadrži put do i naziv datoteke MP3 datoteke.
Korak 2
Dodajte sljedeći JavaScript kod između oznaka "head" vašeg HTML dokumenta:
Ova funkcija, kada se pozove, pristupa elementu "audio" po njegovom id-u ("mp3") i koristi metodu play() za reprodukciju.
Korak 3
Dodajte gumb na web stranicu za pozivanje funkcije "playMP3" kada je korisnik klikne. Dodajte sljedeći kod u tijelo HTML dokumenta:
Promijenite atribut "vrijednost" da biste gumbu dali drugačiji naslov.
4. korak
Koristite sljedeću funkciju umjesto "playMP3" kako biste dopustili korisniku da pauzira datoteku nakon što je pokrene:
funkcija playpauseMP3(){ if (document.getElementById("mp3").pauzirano){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Promijenite atribut "onClick" oznake "input" u koraku 3 kako bi odgovarao nazivu ove funkcije.