Sådan spiller du en lyd på Click eller Rollover

Et af funktionerne i computerapplikationer er, at der er feedback, når du gør noget. Den mest almindelige type feedback er lyd. Computeren klikker, når du vælger ting, bipper, når der er fejl, og giver andre lyde for at advare dig om situationer. Men websider har ikke denne type feedback. Dette gør dem til at virke kedelige eller ikke-responsive.

Heldigvis er det nemt at ændre det. Ved hjælp af dynamiske HTML-attributter og lyde kan du oprette en webside, der virker mere som et program.

Tilføj lyd, når en kunde klikker noget

Dette script vil tilføje lydeffekter, når en kunde klikker på noget, der bruger attributten, og når en kunde ruller over noget, der bruger attributten. Sørg for at teste dem i forskellige browsere, da ikke alle webbrowsere håndterer mouseover og på klikattributter på andre elementer end links.

Placer følgende script i HEADEN i dit HTML-dokument:

Placer lyd i en tom span

JavaScript placerer et EMBED-element i et tomt SPAN-element, når scriptet startes. Så du skal føje følgende SPAN-tag et eller andet sted i koden på din HTML-side, helst nær toppen af ​​dokumentet:

Ring til scriptet med en egenskab

Det sidste du skal tilføje er et element, som du vil generere lyden på klik eller på mouseover. Kald scriptet med en af ​​disse attributter. Udskift UrlToSoundFile med den fulde URL til lydfilen, du gerne vil have spillet:

Klik her for at høre en lyd<> onmouseover = "playSound (UrlToSoundFile ');" > Mus over denne tekst for at høre en lyd

Her er hele HTML-dokumentet, der afspiller lyden af ​​en bluejay. Lydfilen er gemt i samme mappe som HTML-siden:

Klik her for at høre en fuglesang

<> onmouseover = "playSound (zbluejay.wav ');" > Eller du kan lægge musen over dette afsnit for at høre den samme fugllyd.