Skip to main content

Kako igrati zvuk na kliku ili za prevrtanje

My Friend Irma: Aunt Harriet to Visit / Did Irma Buy Her Own Wedding Ring / Planning a Vacation (Travanj 2025)

My Friend Irma: Aunt Harriet to Visit / Did Irma Buy Her Own Wedding Ring / Planning a Vacation (Travanj 2025)
Anonim

Jedna od značajki računalnih aplikacija je da postoji povratna informacija kada nešto radite. Najčešći tip povratne informacije je zvuk. Računalo klikne kada odaberete stvari, zvučni signal ako ima pogrešaka i tjera druge zvukove da vas upozore na situacije. No web stranice nemaju ovu vrstu povratnih informacija. To ih čini napornim ili neugodnim.

Srećom, to je lako promijeniti. Pomoću dinamičnih HTML atributa i zvukova možete izraditi web stranicu koja više djeluje kao aplikacija.

Dodavanje zvuka kada korisnik klikne nešto

Ova će skripta dodati zvučne efekte kada korisnik klikne na nešto pomoću atributa i kada se klijent pomiče na nešto pomoću atributa. Svakako ih testirate u različitim preglednicima, jer se svi web preglednici ne obrađuju preko miša i na atributima klikova na elementima koji nisu veze.

Stavite sljedeću skriptu u HEAD HTML dokumenta:

Postavite zvuk u prazan raspon

JavaScript stavlja jedan EMBED element unutar praznog elementa SPAN kada je pokrenuta skripta. Dakle, morate dodati sljedeću oznaku SPAN negdje unutar TIJELA HTML stranice, po mogućnosti pri vrhu dokumenta:

Nazovite skriptu s atributom

Posljednja stvar koju trebate dodati jest element koji želite generirati zvuk klikom ili mišem preko miša. Nazovite skriptu s jednim od ovih atributa. Zamijenite UrlToSoundFile s punim URL-om zvučne datoteke koju želite reproducirati:

Kliknite ovdje da biste čuli zvuk<> onmouseover = "playSound ( 'UrlToSoundFile');" > Dodirnite ovaj tekst da biste čuli zvuk

Evo cijelog HTML dokumenta koji svira zvuk plave boje. Zvučna datoteka pohranjena je u istom direktoriju kao i HTML stranica:

Primjer igranja zvuka na Klik ili na MouseOver

Kliknite ovdje da čujete pticu pjevaju

<> onmouseover = "playSound ( 'zbluejay.wav');" > Ili možete staviti miša preko ovog stavka da čujete isti zvuk ptica.