Gebruik een JavaScript-functie om websitebezoekers een mp3 te laten afspelen.
Er zijn een aantal manieren mogelijk om MP3-audiobestanden op uw webpagina's in te sluiten en af te spelen. De verouderde "embed"-tag in HTML, verschillende Flash-spelers en op Java gebaseerde spelers zijn allemaal voorbeelden. De HTML5-standaard, met zijn nadruk op scripting en zijn gebrek aan afhankelijkheid van software van derden, biedt in de toekomst de meest compatibele manier om MP3's op webpagina's in te sluiten en af te spelen. Sluit het MP3-bestand in met het HTML5 "audio"-object en gebruik vervolgens een JavaScript-functie om het afspelen te starten
Stap 1
Voeg de volgende code toe aan de hoofdtekst van uw HTML-document:
Video van de dag
Deze code sluit het MP3-bestand in en laadt het, maar speelt het niet af. De waarde van de tag "src" bevat het pad naar en de bestandsnaam van het MP3-bestand.
Stap 2
Voeg de volgende JavaScript-code toe tussen de "head"-tags van uw HTML-document:
Deze functie, wanneer aangeroepen, benadert het "audio"-element door zijn id ("mp3"), en gebruikt de methode play() om het af te spelen.
Stap 3
Voeg een knop toe aan de webpagina om de "playMP3"-functie op te roepen wanneer de gebruiker erop klikt. Voeg de volgende code toe aan de hoofdtekst van het HTML-document:
Wijzig het kenmerk "waarde" om de knop een andere titel te geven.
Stap 4
Gebruik de volgende functie in plaats van "playMP3" om de gebruiker het bestand te laten pauzeren nadat het is gestart:
functie playpauseMP3(){ if (document.getElementById("mp3").pauze){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pauze(); } }
Wijzig het kenmerk "onClick" van de tag "input" in stap 3 zodat het overeenkomt met de naam van deze functie.
