Kako koristiti Javascript za reprodukciju MP3 datoteke

click fraud protection
...

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.