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

Користите Динамиц ХТМЛ за репродукцију звукова

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

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

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

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

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

<сцрипт лангуаге = "јавасцрипт" типе = "тект / јавасцрипт"> функција плаиСоунд (соундфиле) {доцумент.гетЕлементБиИд ("думми"). иннерХТМЛ = "<ембед срц = \" "+ соундфиле +" \ "хидден = \" труе \ "аутостарт = \" труе \ "лооп = \" фалсе \ "/>"; }

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

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

<спан ид = "думми">

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

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

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

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

<хтмл> <хеад> <мета цхарсет = "ИСО-8859-1" /> <титле> Пример како да репродукујемо звук на клик или на мишем <сцрипт лангуаге = "јавасцрипт" типе = "тект / јавасцрипт"> функција плаиСоунд (соундфиле) {доцумент.гетЕлементБиИд ("думми"). иннерХТМЛ = "<ембед срц = \" "+ соундфиле +" \ "хидден = \" труе \ "аутостарт = \" труе \ "лооп = \" фалсе \ "/>"; } <боди> <спан ид = "думми"> <п> <а хреф = "#" онцлицк = "плаиСоунд ('зблуејаи.вав'); > Кликни овде да чујеш птицу певати <п онмоусеовер = "плаиСоунд ('зблуејаи.вав');" > Или можете да ставите мишем преко овог пасуса да бисте чули исти звук птица.