Cum să utilizați Javascript pentru a reda un fișier MP3

click fraud protection
...

Utilizați o funcție JavaScript pentru a permite vizitatorilor site-ului web să reda un MP3.

Sunt posibile mai multe moduri de a încorpora și reda fișiere audio MP3 în paginile dvs. Web. Eticheta depreciată „încorporare” în HTML, diferite playere Flash și playere bazate pe Java sunt toate exemple. Standardul HTML5, cu accent pe scripting și lipsa sa de dependență de software terță parte, oferă cel mai compatibil mod de a încorpora și de a reda MP3-uri pe paginile Web de acum înainte. Încorporați fișierul MP3 cu obiectul „audio” HTML5 și apoi utilizați o funcție JavaScript pentru a începe redarea acestuia

Pasul 1

Adăugați următorul cod în corpul documentului HTML:

Videoclipul zilei

Acest cod încorporează și încarcă fișierul MP3, dar nu îl redă. Valoarea etichetei „src” conține calea și numele fișierului MP3.

Pasul 2

Adăugați următorul cod JavaScript între etichetele „head” ale documentului HTML:

Această funcție, atunci când este apelată, accesează elementul „audio” prin id-ul său („mp3”) și folosește metoda play() pentru a-l reda.

Pasul 3

Adăugați un buton la pagina Web pentru a apela funcția „playMP3” atunci când utilizatorul face clic pe el. Adăugați următorul cod în corpul documentului HTML:

Schimbați atributul „valoare” pentru a da butonului un alt titlu.

Pasul 4

Utilizați următoarea funcție în loc de „playMP3” pentru a permite utilizatorului să întrerupă fișierul după ce îl pornește:

funcția playpauseMP3(){ dacă (document.getElementById("mp3").paused){ ​​document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }

Schimbați atributul „onClick” al etichetei „input” la Pasul 3 pentru a se potrivi cu numele acestei funcții.