Как воспроизвести звук при нажатии или опрокидывании

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

К счастью, это легко изменить. Используя динамические атрибуты и звуки HTML, вы можете создать веб-страницу, которая больше похожа на приложение.

Добавить звук, когда клиент щелкает что-то

Этот скрипт добавит звуковые эффекты, когда клиент нажимает на что-то, используя атрибут, и когда клиент перескакивает что-то с помощью атрибута. Не забудьте проверить их в разных браузерах, поскольку не все веб-браузеры обрабатывают при наведении курсора мыши и на атрибуты кликов на элементы, отличные от ссылок.

Поместите следующий сценарий в HEAD вашего документа HTML:

Поместите звук в пустой пробел

JavaScript помещает элемент EMBED внутри пустого элемента SPAN при запуске сценария. Таким образом, вам нужно добавить следующий тег SPAN где-нибудь в BODY вашей HTML-страницы, желательно в верхней части документа:

Вызовите скрипт с атрибутом

Последнее, что вам нужно добавить, - это элемент, который вы хотите сгенерировать звук при нажатии или при наведении курсора мыши. Вызовите скрипт одним из этих атрибутов. Замените UrlToSoundFile полным URL-адресом звукового файла, который вы хотите воспроизвести:

Нажмите здесь, чтобы услышать звук<> OnMouseOver = "PlaySound ( 'UrlToSoundFile');" > Мышь над этим текстом, чтобы услышать звук

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

Нажмите здесь, чтобы услышать пение птиц

<> OnMouseOver = "PlaySound ( 'zbluejay.wav');" > Или вы можете навести указатель мыши на этот абзац, чтобы услышать тот же звук птицы.