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

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

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

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

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

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

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

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

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

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

Кликнете тук, за да чуете звук<> поставяне на показалеца = "playSound (" UrlToSoundFile ");" > Мишката над този текст, за да чуете звук

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

Кликнете тук, за да чуете птица да пее

<> поставяне на показалеца = "playSound (" zbluejay.wav ");" > Или можете да поставите курсора на мишката върху този параграф, за да чуете един и същ птичи звук.