Paano Mag-play ng Tunog sa I-click o Rollover

Isa sa mga tampok ng mga aplikasyon ng computer ay mayroong feedback kapag ginawa mo ang isang bagay. Ang pinakakaraniwang uri ng feedback ay tunog. Ang mga computer ay nag-click kapag pinili mo ang mga bagay, magising kapag mayroong mga error, at gumagawa ng iba pang mga noises upang alertuhan ka sa mga sitwasyon. Ngunit ang mga web page ay walang ganitong uri ng feedback. Ginagawa nitong mukhang mapurol o hindi tumutugon ang mga ito.

Sa kabutihang-palad madaling baguhin iyon. Gamit ang dynamic na mga katangian at tunog ng HTML, maaari kang lumikha ng isang web page na gumaganap nang higit na kagaya ng isang application.

Magdagdag ng Tunog Kapag Nag-click ang Customer ng Isang bagay

Ang script na ito ay magdaragdag ng mga sound effect kapag nag-click ang isang customer sa isang bagay na gumagamit ng katangian at kapag ang isang customer ay gumulong sa isang bagay na gumagamit ng katangian. Tiyaking subukan ang mga ito sa iba't ibang mga browser, dahil hindi lahat ng mga web browser ay may hawak sa mouseover at sa mga katangian ng pag-click sa mga elemento maliban sa mga link.

Ilagay ang sumusunod na script sa HEAD ng iyong HTML na dokumento:

Ilagay ang Tunog sa Isang Walang-laman na Span

Ang JavaScript ay naglalagay ng isang EMBED na elemento sa loob ng walang laman na espasyo ng SPAN kapag sinimulan ang script. Kaya, kailangan mong idagdag ang sumusunod na tag ng SPAN sa isang lugar sa loob ng BODY ng iyong pahina ng HTML, mas mabuti na malapit sa tuktok ng dokumento:

Tawagan ang Script Gamit ang isang Attribute

Ang huling bagay na kailangan mong idagdag ay isang sangkap na gusto mong buuin ang tunog sa pag-click o sa mouseover. Tawagan ang script na may isa sa mga katangiang ito. Palitan ang UrlToSoundFile gamit ang buong URL sa sound file na nais mong i-play ito:

Mag-click dito upang makarinig ng tunog<> onmouseover = "playSound ('UrlToSoundFile');" > Mag-mouse sa teksto na ito upang makarinig ng tunog

Narito ang buong dokumentong HTML, naglalaro ng tunog ng isang bluejay. Ang sound file ay naka-imbak sa parehong direktoryo ng pahina ng HTML:

Mag-click dito upang makarinig ng ibon na kumanta

<> onmouseover = "playSound ('zbluejay.wav');" > O maaari mong ilagay ang iyong mouse sa talatang ito upang marinig ang parehong tunog ng ibon.