Skip to main content

Jak grać dźwięk po kliknięciu lub najeździe

#COD4 REMASTERED | Co was będzie denerwować! (Może 2025)

#COD4 REMASTERED | Co was będzie denerwować! (Może 2025)
Anonim

Jedną z funkcji aplikacji komputerowych jest to, że istnieje sprzężenie zwrotne, gdy coś robisz. Najczęstszym typem sprzężenia zwrotnego jest dźwięk. Komputer kliknie, gdy wybierzesz elementy, wyda dźwięki, gdy wystąpią błędy, i wyda inne dźwięki, aby ostrzec cię o sytuacjach. Ale strony internetowe nie mają tego typu opinii. To sprawia, że ​​wydają się nudne lub nie reagują.

Na szczęście łatwo to zmienić. Korzystając z dynamicznych atrybutów i dźwięków HTML, możesz utworzyć stronę internetową, która działa bardziej jak aplikacja.

Dodaj dźwięk, gdy klient kliknie coś

Ten skrypt doda efekty dźwiękowe, gdy klient kliknie coś za pomocą atrybutu i gdy klient przetoczy coś za pomocą atrybutu. Pamiętaj, by przetestować je w różnych przeglądarkach, ponieważ nie wszystkie przeglądarki obsługują myszy i kliknięcia atrybutów na elementach innych niż linki.

Umieść następujący skrypt w HEAD dokumentu HTML:

Umieść dźwięk w pustej przęśle

JavaScript umieszcza element EMBED wewnątrz pustego elementu SPAN podczas inicjowania skryptu. Dlatego musisz dodać następujący tag SPAN gdzieś w BODY strony HTML, najlepiej w górnej części dokumentu:

Wywołaj skrypt za pomocą atrybutu

Ostatnią rzeczą, którą musisz dodać, jest element, który chcesz wygenerować dźwięk po kliknięciu lub najechaniu kursorem myszy. Wywołaj skrypt z jednym z tych atrybutów. Zastąp plik UrlToSoundFile pełnym adresem URL pliku dźwiękowego, w którym chcesz go odtworzyć:

Kliknij tutaj, aby usłyszeć dźwięk<> onmouseover = "playSound (" UrlToSoundFile ");" > Przesuń kursor nad tekstem, aby usłyszeć dźwięk

Oto cały dokument HTML, grający dźwięk bluejay. Plik dźwiękowy jest przechowywany w tym samym katalogu, co strona HTML:

Przykład jak grać dźwięk po kliknięciu lub na MouseOver

Kliknij tutaj, aby usłyszeć śpiew ptaków

<> onmouseover = "playSound (" zbluejay.wav ");" > Lub możesz umieścić kursor myszy nad tym akapitem, aby usłyszeć ten sam dźwięk ptaka.