Как да пуснете звук при кликване или преобръщане

Използвайте динамичен HTML за възпроизвеждане на звуци

Една от характеристиките на компютърните приложения е, че има обратна връзка, когато правите нещо. Най-често срещаният тип обратна връзка е здрав. Компютърът кликне, когато изберете неща, издава звук, когато има грешки и прави други шумове да ви предупреждават за ситуации. Но уеб страниците нямат такъв тип обратна връзка. Това ги кара да изглеждат скучни или неотзивчиви.

За щастие е лесно да промените това. С помощта на атрибути и звуци от динамичен HTML можете да създадете уеб страница, която действа по-скоро като приложение.

Добавяне на звук, когато клиент кликне върху нещо

Този скрипт ще добави звукови ефекти, когато клиент кликне върху нещо, което използва атрибута, и когато клиент преобърне нещо, което използва атрибута. Уверете се, че сте ги тествали в различни браузъри, тъй като не всички уеб браузъри обработват onmouseover и onclick атрибути на елементи, различни от връзки.

Поставете следния скрипт в HEAD на вашия HTML документ:

"; }

Поставете звука в празен участък

JavaScript поставя EMBED елемент в празен SPAN елемент, когато скриптът се инициира. Така че, трябва да добавите следния маркер SPAN някъде в тялото на вашата HTML страница, за предпочитане в горната част на документа:

Обадете се на скрипта с атрибут

Последното нещо, което трябва да добавите, е елемент, който искате да генерирате звука при кликване или при натискане на мишката. Обадете се на скрипта с един от тези атрибути. Заменете UrlToSoundFile с пълния URL адрес на звуковия файл, който искате да играе:

onclick = "playSound (" UrlToSoundFile "); > Кликнете тук, за да чуете звук

onmouseover = "playSound ('UrlToSoundFile');" > Минете над този текст, за да чуете звук

Тук е целият HTML документ, възпроизвеждащ звука на bluejay. Звуковият файл се съхранява в същата директория като HTML страницата: