Kumaha Play Sora dina Klik atanapi Rollover

Paké Cim HTML keur Play Sora

Salah sahiji fitur tina aplikasi komputer éta aya eupan balik mun anjeun ngalakukeun hal. tipe nu paling umum dina eupan balik téh sora. komputer clicks mun anjeun milih hal, bip lamun aya kasalahan, sarta ngajadikeun noises séjén pikeun ngabejaan anjeun kaayaan. Tapi kaca web teu boga tipe ieu eupan balik. Hal ieu ngajadikeun éta sigana kusam atawa non-responsif.

Kabeneran éta gampang pikeun ngarobah éta. Ngagunakeun dinamis HTML atribut jeung sora, Anjeun bisa nyieun kaca web nu tindakan leuwih kawas hiji aplikasi.

Tambahkeun Sora Nalika Palanggan a clicks hal

Aksara ieu bakal nambahan épék sora lamun nasabah hiji clicks on hal ngagunakeun atribut jeung lamun gulungan customer leuwih hal ngagunakeun atribut éta. Pastikeun pikeun nguji aranjeunna dina panyungsi béda, sabab teu sakabeh panyungsi wéb nanganan onmouseover na onclick atribut dina elemen séjén ti Tumbu.

Tempat anu Aksara handap dina sirah tina dokumen HTML anjeun:

fungsi playSound (soundfile) {document.getElementById ( "dummy"). InnerHTML = ""; }

Teundeun Sora dina Apan Kosong

The JavaScript tempat unsur Lebetkeun jero unsur bentang kosong nalika naskah ieu ngagagas. Ku kituna, anjeun kudu nambahan tag bentang di handap wae jeroeun awak kaca HTML anjeun, preferably deukeut luhureun dokumen éta:

Nyauran Script Kalawan atribut

Hal panungtungan nu peryogi pikeun nambahkeun mangrupa unsur nu Anjeun hoyong ngahasilkeun sora on klik atanapi on mouseover. Nelepon naskah kalawan salah sahiji atribut ieu. Ngaganti UrlToSoundFile jeung URL pinuh kana file sora anjeun dipilampah ka maénkeun:

onclick = "playSound ( 'UrlToSoundFile');" > Klik di dieu pikeun ngadangu sora

onmouseover = "playSound ( 'UrlToSoundFile');" > Beurit leuwih téks ieu ngadangu sora

Di handap ieu dokumen HTML sakabéh, maén sora bluejay a. The file sora disimpen dina diréktori sarua salaku kaca HTML:

Umpamana Kumaha mun Play Sora dina Klik atanapi on MouseOver basa fungsi playSound (soundfile) {document.getElementById ( "dummy"). innerHTML = ""; }

onclick = "playSound ( 'zbluejay.wav');" > Klik di dieu pikeun ngadéngé manuk sing

onmouseover = "playSound ( 'zbluejay.wav');" > Atawa bisa nempatkeun mouse anjeun leuwih ayat ieu ngadenge sora manuk sarua.