Kako uporabljati Javascript za predvajanje datoteke MP3

...

Uporabite funkcijo JavaScript, da obiskovalcem spletnega mesta omogočite predvajanje MP3.

Na svoje spletne strani je mogoče vdelati in predvajati zvočne datoteke MP3 na več načinov. Primeri so zastarela oznaka »embed« v HTML, različni predvajalniki Flash in predvajalniki, ki temeljijo na Javi. Standard HTML5 s poudarkom na skriptiranju in pomanjkanjem zanašanja na programsko opremo drugih proizvajalcev ponuja najbolj združljiv način za vdelavo in predvajanje MP3-jev na spletnih straneh v prihodnje. Vdelajte datoteko MP3 s predmetom HTML5 "avdio" in nato uporabite funkcijo JavaScript, da začnete predvajati

Korak 1

V telo dokumenta HTML dodajte naslednjo kodo:

Video dneva

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

2. korak

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

Ta funkcija, ko je poklicana, dostopa do elementa "avdio" po njegovem ID-ju ("mp3") in za predvajanje uporablja metodo play().

3. korak

Spletni strani dodajte gumb za klic funkcije "playMP3", ko jo uporabnik klikne. V telo dokumenta HTML dodajte naslednjo kodo:

Spremenite atribut "value", da gumbu dodelite drugačen naslov.

4. korak

Uporabite naslednjo funkcijo namesto "playMP3", da omogočite uporabniku začasno zaustavitev 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.