Skip to main content

Hoe speel je een geluid op Click of Rollover

Interactive PDF tutorial: Placing video in a PDF | lynda.com (Juni- 2026)

Interactive PDF tutorial: Placing video in a PDF | lynda.com (Juni- 2026)
Anonim

Een van de kenmerken van computertoepassingen is dat er feedback is wanneer u iets doet. Het meest gebruikelijke type feedback is geluid. De computer klikt wanneer u dingen selecteert, piept wanneer er fouten zijn en maakt andere geluiden om u te waarschuwen voor situaties. Maar webpagina's hebben dit soort feedback niet. Dit maakt ze saai of niet-reagerend.

Gelukkig is het gemakkelijk om dat te veranderen. Met behulp van dynamische HTML-kenmerken en geluiden kunt u een webpagina maken die meer op een toepassing lijkt.

Geluid toevoegen wanneer een klant op iets klikt

Dit script voegt geluidseffecten toe wanneer een klant op iets klikt met behulp van het attribuut en wanneer een klant iets overrolt met behulp van het attribuut. Test ze in verschillende browsers, omdat niet alle webbrowsers omgaan met mouseover en klikattributen op andere elementen dan links.

Plaats het volgende script in de HEAD van uw HTML-document:

Plaats geluid in een lege overspanning

Het JavaScript plaatst een EMBED-element in een leeg SPAN-element wanneer het script wordt gestart. U moet dus de volgende SPAN-tag ergens in de BODY van uw HTML-pagina toevoegen, bij voorkeur bovenaan het document:

Roep het script op met een kenmerk

Het laatste dat u moet toevoegen, is een element waarvan u het geluid wilt genereren bij klikken of mouseover. Roep het script op met een van deze kenmerken. Vervang UrlToSoundFile door de volledige URL van het geluidsbestand dat u wilt afspelen:

Klik hier om een ​​geluid te horen<> onmouseover = "PlaySound (UrlToSoundFile);" > Beweeg de muis over deze tekst om een ​​geluid te horen

Hier is het hele HTML-document, waarbij het geluid van een bluejay wordt afgespeeld. Het geluidsbestand wordt opgeslagen in dezelfde map als de HTML-pagina:

Voorbeeld van het afspelen van een geluid op Klik of op Mouse Over

Klik hier om een ​​vogel te horen zingen

<> onmouseover = "PlaySound (zbluejay.wav);" > Of u kunt met uw muis over deze alinea gaan om dezelfde vogel te horen klinken.