Выкарыстанне дынамічнага HTML для прайгравання гукаў
Адной з асаблівасцяў кампутарных прыкладанняў з'яўляецца тое, што існуе зваротная сувязь, калі вы робіце нешта. Найбольш распаўсюджаны тып зваротнай сувязі з'яўляецца гук. Кампутар шчоўкае, калі вы выбіраеце рэчы, гукавыя сігналы, калі ёсць памылкі, і робіць іншыя шумы, каб папярэдзіць вас сітуацыю. Але вэб-старонка не мае такой тыпу зваротнай сувязі. Гэта прымушае іх здавацца сумнымі ці не рэагаваць.
На шчасце, гэта лёгка змяніць. Выкарыстанне дынамічных HTML - атрыбутаў і гукаў, вы можаце стварыць вэб - старонку , якая дзейнічае хутчэй як дадатак.
Дадаць гук Калі кліент пстрыкае што-то
Гэты скрыпт будзе дадаваць гукавыя эфекты, калі карыстальнік націскае на нешта з дапамогай атрыбуту і калі кліент зашкальвае нешта з дапамогай атрыбуту. Абавязкова, каб праверыць іх у розных браўзэрах, так як не ўсе вэб-браўзэры апрацоўваюць OnMouseOver і OnClick атрыбутаў іншых элементаў, чым спасылкі.
Змесціце наступны скрыпт ў пачатку вашага HTML-дакумента:
<Мова = тып сцэнарыя "JavaScript" = "тэкст / JavaScript"> Функцыя PlaySound (гукавы файл) {document.getElementById ( "фіктыўны"). InnerHTML = "<ўбудоўваць SRC = \" "+ гукавы файл +" \ "схаваны = \" праўдзівы \ "аўтастарту = \" праўдзівы \ "цыкл = \" хлусня \ "/>"; } SCRIPT>Змесціце гук у пустой Span
JavaScript змяшчае элемент EMBED усярэдзіне пустога SPAN элемента, калі скрыпт запускаецца. Такім чынам, вам трэба дадаць наступны тэг SPAN дзесьці ў целе вашай HTML старонкі, пераважна ў верхняй частцы дакумента:
SPAN>Выклік сцэнара з атрыбутам
Апошняе, што вам трэба дадаць элемент, які вы хочаце стварыць гук на клік або пры навядзенні курсора мышы. Выклічце сцэнар з адным з гэтых атрыбутаў. Замяніць UrlToSoundFile з поўнай URL да гукавога файла, які вы хацелі б, каб гэта гуляць:
OnClick = "PlaySound ( 'UrlToSoundFile');" > Націсніце тут , каб пачуць гук <р OnMouseOver = "PlaySound ( 'UrlToSoundFile');" > Навядзіце курсор мышы на гэты тэкст, каб пачуць гук p>Вось увесь HTML дакумент, гуляючы гук Bluejay. Гукавы файл захоўваецца ў тым жа каталогу, што і старонка HTML:
OnMouseOver = "PlaySound ( 'zbluejay.wav');" > Ці вы можаце змясціць курсор мышы на гэтым пункце пачуць той жа гук птушкі. P> body> html>