Jak přehrávat zvuk při klepnutí nebo převrácení

Pro přehrávání zvuků použijte dynamický HTML

Jednou z funkcí počítačových aplikací je, že když něco uděláte, existuje zpětná vazba. Nejběžnější typ zpětné vazby je zvuk. Počítač klepne, když vyberete věci, pípnete, když jsou chyby, a vydává další zvuky, které vás upozorní na situace. Webové stránky však nemají tento typ zpětné vazby. Tím se zdá, že jsou nudné nebo nereagující.

Naštěstí je to snadné změnit. Pomocí dynamických atributů HTML a zvuků můžete vytvořit webovou stránku, která se podobá aplikaci.

Přidat zvuk, když zákazník klikne na něco

Tento skript přidá zvukové efekty, když zákazník klikne na něco pomocí atributu a když zákazník převádí něco pomocí atributu. Ujistěte se, že je testujete v různých prohlížečích, protože ne všechny webové prohlížeče zpracovávají atmouseover a atclick atributy na jiné prvky než odkazy.

Umístěte následující skript do HEAD dokumentu HTML:

Funkce playSound (soundfile) {document.getElementById ("dummy"). "; }

Umístěte zvuk do prázdného rozpětí

JavaScript umístí prvek EMBED uvnitř prázdného prvku SPAN při spuštění skriptu. Takže musíte přidat následující značku SPAN někam v rámci BODY na vaší stránce HTML, nejlépe v horní části dokumentu:

Zavolejte skript s atributem

Poslední věc, kterou potřebujete přidat, je prvek, který chcete generovat zvuk po kliknutí nebo při přechodu myší. Volání skriptu jedním z těchto atributů. Nahraďte soubor UrlToSoundFile úplnou adresou URL zvukovému souboru, který chcete přehrát:

onclick = "playSound ('UrlToSoundFile'); > Klikněte zde pro poslech zvuku

onmouseover = "playSound ('UrlToSoundFile');" > Umístěte myš nad tento text a slyšte zvuk

Zde je celý dokument HTML, který hraje zvuk bluejay. Zvukový soubor je uložen ve stejném adresáři jako stránka HTML: