Skip to main content

Како играти звук на клик или преокрет

Anonim

Једна од карактеристика рачунарских апликација је да постоји повратна информација када нешто урадите. Најчешћи тип повратних информација је звук. Рачунар кликне кад изаберете ствари, огласиће се када има грешака и чини друге звуке да вас упозоравају на ситуације. Али веб странице немају ову врсту повратне информације. То их чини чудним или неодговарајућим.

Срећом, то је лако промијенити. Коришћењем динамичких ХТМЛ атрибута и звукова, можете креирати веб страницу која делује више као апликација.

Додавање звука Када клијент кликне нешто

Ова скрипта ће додати звучне ефекте када клијент кликне на нешто помоћу атрибута и када се клијент преврне нешто помоћу атрибута. Обавезно их тестирајте у различитим прегледачима, пошто сви веб прегледачи не раде на мишем и на атрибутима кликова на елементима који нису повезани.

Поставите следећу скрипту у ХЕАД вашег ХТМЛ документа:

Ставите звук у празном размаку

ЈаваСцрипт поставља ЕМБЕД елемент унутар празног СПАН елемента када се иницира скрипта. Дакле, потребно је да додате следећу СПАН ознаку негде унутар ТЕЛА ваше ХТМЛ странице, пожељно близу врха документа:

Позовите сценарио са атрибутом

Последња ствар коју требате додати је елемент који желите генерисати звук на клик или на миша. Позовите скрипту помоћу једног од ових атрибута. Замените УрлТоСоундФиле са пуним УРЛ-ом у звучну датотеку коју желите да репродукујете:

Кликните овде да бисте чули звук<> онмоусеовер = "плаиСоунд ('УрлТоСоундФиле');" > Миш преко овог текста да бисте чули звук

Ево читавог ХТМЛ документа, репродукујући звук Блуејаи-а. Аудио датотека се чува у истом директоријуму као ХТМЛ страница:

Пример како да репродукујете звук на клику или на мишем

Кликните овде да бисте чули певачицу

<> онмоусеовер = "плаиСоунд ('зблуејаи.вав');" > Или можете да поставите мишем преко овог пасуса да бисте чули исти звук птица.