Kako uporabljati Javascript za predvajanje datoteke MP3

Zvočne datoteke MP3 lahko na svoje spletne strani vdelate in predvajate na več načinov. Primeri so zastarela oznaka »embed« v HTML, različnih predvajalnikih Flash in predvajalnikih, ki temeljijo na Javi. Standard HTML5 s poudarkom na skriptiranju in nezanašanjem na programsko opremo tretjih oseb ponuja najbolj združljiv način za vdelavo in predvajanje datotek MP3 na spletnih straneh v prihodnosti. Vdelajte datoteko MP3 z "zvočnim" predmetom HTML5 in nato uporabite funkcijo JavaScript, da jo začnete predvajati

1. korak

V telo dokumenta HTML dodajte naslednjo kodo:

Ta koda vdela in naloži datoteko MP3, vendar je ne predvaja. Vrednost oznake "src" vsebuje pot do in ime datoteke MP3.

2. korak

Dodajte naslednjo kodo JavaScript med oznake "head" vašega dokumenta HTML:

Ta funkcija ob klicu dostopa do elementa "avdio" z njegovim ID-jem ("mp3") in za predvajanje uporablja metodo play().

3. korak

Dodajte gumb na spletno stran, da pokličete funkcijo "predvajajMP3", ko jo uporabnik klikne. V telo dokumenta HTML dodajte naslednjo kodo:

Spremenite atribut "value", da bo gumb dobil drugačen naslov.

4. korak

Uporabite naslednjo funkcijo namesto »playMP3«, da uporabniku omogočite začasno ustavitev datoteke po zagonu:

funkcija playpauseMP3(){ if(document.getElementById("mp3").paused){ ​​document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }

Spremenite atribut »onClick« oznake »input« v 3. koraku, da se bo ujemal z imenom te funkcije.