Kako koristiti Javascript za reprodukciju MP3 datoteke
Brojni su načini za umetanje i reprodukciju MP3 audio datoteka na vašim web stranicama. Primjeri su obustavljena oznaka "embed" u HTML-u, raznim Flash playerima i Java playerima. Standard HTML5, s naglaskom na skriptiranje i nedostatkom oslanjanja na softver treće strane, 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 za pokretanje reprodukcije
1. korak
Dodajte sljedeći kod u tijelo vašeg HTML dokumenta:
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.
2. korak
Dodajte sljedeći JavaScript kod između oznaka "head" vašeg HTML dokumenta:
Ova funkcija, kada se pozove, pristupa elementu "audio" pomoću njegovog ID-a ("mp3") i koristi metodu play() za njegovu reprodukciju.
3. korak
Dodajte gumb na web-stranicu za pozivanje funkcije "playMP3" kada je korisnik klikne. Dodajte sljedeći kod u tijelo HTML dokumenta:
Promijenite atribut "vrijednost" kako biste gumbu dali drugačiji naslov.
4. korak
Koristite sljedeću funkciju umjesto "playMP3" kako biste omogućili korisniku da pauzira datoteku nakon pokretanja:
funkcija playpauseMP3(){ if(document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Promijenite atribut "onClick" oznake "input" u koraku 3 da odgovara nazivu ove funkcije.