Hvordan bruke Javascript for å spille en MP3-fil

En rekke veier er mulig å legge ned og spille av MP3-filer på websider. Den foreldet "embed" tag i HTML, ulike Flash-spillere, og Java-baserte spillere er alle eksempler. HTML5-standarden, med sin vekt på scripting og dens mangel på tillit til tredjeparts programvare, og tilbyr den mest kompatible måten å legge ned og spille MP3-filer på websider fremover. Embed MP3-filen med HTML5 "audio" objekt, og deretter bruke en Javascript-funksjon for å starte det å spille

Bruksanvisning

1 Legg til følgende kode i kroppen av HTML-dokumentet:

<Audio id = "mp3" forspenning = "auto"> </ audio>

Denne koden bygger og laster inn MP3-fil, men spiller ikke det. Verdien av "src" tag inneholder banen til og filnavnet til MP3-fil.

2 Legg til følgende Javascript-kode mellom "hodet" kodene i HTML-dokumentet:

<Script type = "text / javascript">

funksjon playMP3 () {

document.getElementById("mp3").play();

}

</ Script>

Denne funksjonen, når kalt, åpner «lyd" element ved sin id ( "mp3"), og bruker metoden play () for å spille det.

3 Legg til en knapp til websiden å kalle den "playMP3" -funksjonen når brukeren klikker det. Legg til følgende kode i kroppen av HTML-dokumentet:

<Input type = "button" value = "Klikk for å spille MP3" onclick = "playMP3 ();" />

Endre "verdi" attributt for å gi knappen en annen tittel.

4 Bruk følgende funksjon i stedet for "playMP3" for å la brukeren pause filen etter start det:

funksjon playpauseMP3 () {

if(document.getElementById("mp3").paused){

. Document.getElementById ( "mp3") spiller ();

}ellers{

. Document.getElementById ( "mp3") pause ();

}

}

Endre "onClick" egenskap av "input" tag i trinn 3 for å matche denne funksjonen navn.