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.
