Hvordan bruke Javascript til å spille av en MP3-fil

...

Bruk en JavaScript-funksjon for å la besøkende på nettstedet spille av en MP3.

En rekke måter er mulig å bygge inn og spille av MP3-lydfiler på websidene dine. Den utdaterte «embed»-taggen i HTML, ulike Flash-spillere og Java-baserte spillere er alle eksempler. HTML5-standarden, med sin vekt på skripting og sin mangel på avhengighet av tredjepartsprogramvare, tilbyr den mest kompatible måten å bygge inn og spille av MP3-er på websider i fremtiden. Bygg inn MP3-filen med HTML5 "audio"-objektet, og bruk deretter en JavaScript-funksjon for å starte avspillingen

Trinn 1

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

Dagens video

Denne koden bygger inn og laster inn MP3-filen, men spiller den ikke av. Verdien til "src"-taggen inneholder banen til og filnavnet til MP3-filen.

Steg 2

Legg til følgende JavaScript-kode mellom "head"-taggene i HTML-dokumentet ditt:

Denne funksjonen, når den kalles, får tilgang til "audio"-elementet ved hjelp av sin id ("mp3"), og bruker metoden play() for å spille det.

Trinn 3

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

Endre "verdi"-attributtet for å gi knappen en annen tittel.

Trinn 4

Bruk følgende funksjon i stedet for "spill MP3" for å la brukeren sette filen på pause etter å ha startet den:

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

Endre "onClick"-attributtet til "input"-taggen i trinn 3 for å samsvare med denne funksjonens navn.