Använd en JavaScript-funktion för att låta webbplatsbesökare spela en MP3.
Ett antal sätt är möjliga att bädda in och spela MP3-ljudfiler på dina webbsidor. Den föråldrade "embed"-taggen i HTML, olika Flash-spelare och Java-baserade spelare är alla exempel. HTML5-standarden, med sin betoning på skript och dess brist på beroende av programvara från tredje part, erbjuder det mest kompatibla sättet att bädda in och spela MP3-filer på webbsidor framöver. Bädda in MP3-filen med HTML5-objektet "audio" och använd sedan en JavaScript-funktion för att starta uppspelningen
Steg 1
Lägg till följande kod i brödtexten i ditt HTML-dokument:
Dagens video
Denna kod bäddar in och laddar MP3-filen, men spelar den inte. Värdet på "src"-taggen innehåller sökvägen till och filnamnet för MP3-filen.
Steg 2
Lägg till följande JavaScript-kod mellan "head"-taggarna i ditt HTML-dokument:
Den här funktionen, när den anropas, kommer åt "audio"-elementet med dess id ("mp3") och använder metoden play() för att spela upp det.
Steg 3
Lägg till en knapp på webbsidan för att anropa "playMP3"-funktionen när användaren klickar på den. Lägg till följande kod i texten i HTML-dokumentet:
Ändra attributet "värde" för att ge knappen en annan titel.
Steg 4
Använd följande funktion istället för "spela upp MP3" för att låta användaren pausa filen efter att ha startat den:
function playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Ändra "onClick"-attributet för "input"-taggen i steg 3 för att matcha denna funktions namn.
