Cum să redați un sunet la clic sau să îl răsturnați

Utilizați HTML dinamic pentru a reda sunete

Una dintre caracteristicile aplicațiilor de pe computer este că există feedback atunci când faci ceva. Cel mai obișnuit tip de feedback este sunetul. Computerul face clic când selectați lucruri, emite semnale sonore atunci când există erori și face alte zgomote pentru a vă avertiza asupra situațiilor. Însă paginile web nu au acest tip de feedback. Acest lucru le face să pară plictisitoare sau non-receptive.

Din fericire e ușor să schimbi asta. Folosind atributele și sunetele HTML dinamice, puteți crea o pagină web care se comportă mai mult ca o aplicație.

Adaugă sunet când un client dă clic pe ceva

Acest script va adăuga efecte sonore atunci când un client face clic pe ceva folosind atributul și când un client rotește peste ceva folosind atributul. Asigurați-vă că le testați în diferite browsere, deoarece nu toate browserele web se ocupă de onmouseover și onclick atributele pe alte elemente decât link-urile.

Plasați următorul script în HEAD al documentului dvs. HTML:

funcția playSound (soundfile) {document.getElementById ("dummy") innerHTML = "embed src = \" + soundfile + \ "autostart = \" adevărat \ "loop = \" false \ "/>"; }

Plasați sunetul într-un interval gol

JavaScript plasează un element EMBED în interiorul unui element SPAN gol atunci când scriptul este inițiat. Deci, trebuie să adăugați următoarea etichetă SPAN undeva în cadrul BODY al paginii HTML, de preferință în partea de sus a documentului:

Apelați scriptul cu un atribut

Ultimul lucru pe care trebuie să-l adăugați este un element pe care doriți să-l generați sunetul pe clic sau pe mouseover. Apelați scenariul cu unul dintre aceste atribute. Înlocuiți UrlToSoundFile cu adresa URL completă a fișierului de sunet pe care doriți să îl redă:

onclick = "PlaySound (" UrlToSoundFile ");" > Faceți clic aici pentru a auzi un sunet

onmouseover = "playSound ('UrlToSoundFile');" > Mutați peste acest text pentru a auzi un sunet

Aici este întregul document HTML, care reproduce sunetul unui bluejay. Fișierul de sunet este stocat în același director ca pagina HTML: