Kā izmantot Javascript, lai atskaņotu MP3 failu

...

Izmantojiet JavaScript funkciju, lai vietnes apmeklētāji varētu atskaņot MP3.

Ir vairāki veidi, kā iegult un atskaņot MP3 audio failus savās tīmekļa lapās. Piemēri ir novecojis “iegulšanas” tags HTML, dažādi Flash atskaņotāji un Java atskaņotāji. HTML5 standarts ar savu uzsvaru uz skriptēšanu un nepaļaušanos uz trešās puses programmatūru piedāvā vissaderīgāko veidu, kā turpmāk iegult un atskaņot MP3 Web lapās. Iegult MP3 failu ar HTML5 "audio" objektu un pēc tam izmantojiet JavaScript funkciju, lai sāktu tā atskaņošanu

1. darbība

Pievienojiet HTML dokumenta pamattekstam šādu kodu:

Dienas video

Šis kods iegulst un ielādē MP3 failu, bet neatskaņo to. Tags "src" satur ceļu uz MP3 failu un faila nosaukumu.

2. darbība

Pievienojiet šādu JavaScript kodu starp sava HTML dokumenta tagiem "head":

Šī funkcija, kad tā tiek izsaukta, piekļūst "audio" elementam pēc tā id ("mp3") un izmanto metodi play(), lai to atskaņotu.

3. darbība

Pievienojiet Web lapai pogu, lai izsauktu funkciju "playMP3", kad lietotājs uz tās noklikšķina. Pievienojiet HTML dokumenta pamattekstam šādu kodu:

Mainiet atribūtu "vērtība", lai pogai piešķirtu citu nosaukumu.

4. darbība

Izmantojiet šo funkciju, nevis "playMP3", lai ļautu lietotājam apturēt failu pēc tā palaišanas:

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

Mainiet taga "input" atribūtu "onClick" 3. darbībā, lai tas atbilstu šīs funkcijas nosaukumam.