Brug en JavaScript-funktion til at lade besøgende afspille en MP3.
Der er flere måder at indlejre og afspille MP3-lydfiler på dine websider. Det forældede "embed"-tag i HTML, forskellige Flash-afspillere og Java-baserede afspillere er alle eksempler. HTML5-standarden, med dens vægt på scripting og dens manglende afhængighed af tredjepartssoftware, tilbyder den mest kompatible måde at indlejre og afspille MP3'er på websider fremover. Integrer MP3-filen med HTML5 "audio"-objektet, og brug derefter en JavaScript-funktion til at starte afspilningen
Trin 1
Tilføj følgende kode til brødteksten i dit HTML-dokument:
Dagens video
Denne kode indlejrer og indlæser MP3-filen, men afspiller den ikke. Værdien af "src"-tagget indeholder stien til og filnavnet på MP3-filen.
Trin 2
Tilføj følgende JavaScript-kode mellem "head"-tags i dit HTML-dokument:
Når denne funktion kaldes, får den adgang til "audio"-elementet ved dets id ("mp3") og bruger metoden play() til at afspille det.
Trin 3
Tilføj en knap til websiden for at kalde "playMP3"-funktionen, når brugeren klikker på den. Tilføj følgende kode til HTML-dokumentets brødtekst:
Skift "værdi"-attributten for at give knappen en anden titel.
Trin 4
Brug følgende funktion i stedet for "afspil MP3" for at lade brugeren sætte filen på pause efter at have startet den:
funktion playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Skift "onClick"-attributten for "input"-tagget i trin 3 for at matche denne funktions navn.
