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.