Jak přehrát zvuk pro :hover? (HTML 5 + JavaScript)
Starší uživatelé internetu možná ještě mají v paměti vzhled amatérských webových stránek z předchozího tisíciletí, které doslova přetékaly všelijakými blikajícími obrázky (ať už bannerů, ikon na spřátelé weby či různé zpestřující grafiky jako byly hořící louče či rotující zavináče), rolujícími texty, šílenými barvami a … všelijakými zvuky. Některé takové stránky jsou stále v provozu, například lednice.org od Petra Hejla. Bezmyšlenkovite využívání zvuku nepochybně patří mezi nejméně oblíbené věci na webových stránkách, zejména pokud se jedna o nevkusný zvuk (kokrhání, různé výkřiky atd.), který se navíc často spouští náhodně. Zvuk na stránkách lze nicméně používat i kultivovaným způsobem pro seriózní účely, například pro přehrání nějaké ukázky z hudebního alba, které si chce zákazník objednat atd. Pokud uvažujete o něčem podobném, možná vám přijde vhod článek Play Sound on :hover, který demonstruje způsob, jak s využitím HTML 5 a krátkého kódu JavaScriptu přehrát zvuk při vzniku události :hover (tj. najetí kurzorem myši nad objekt).
Zdroj: css-tricks.com.
Mohlo by vás také zajímat
-
VMC rapidně zvýšil open rate e-mailových kampaní ZONERu
9. května 2025 -
-
1,5 milionu CZ domén: Co to znamená pro český internet?
31. března 2025 -
Nejnovější
-
Elektronický podpis – má dnes ještě uplatnění?
16. července 2025 -
Co je to Generative Engine Optimization (GEO)
11. července 2025 -
Počítač v kapse: Android 16 připravuje průlomový Desktop Mode
8. července 2025 -
Novinky ze světa domén: Co nás čeká v blízké budoucnosti?
3. července 2025
Marek Soldát
Dub 14, 2011 v 9:06Před tímhle bych spíše varoval, četl jsem to jen zběžně, ale jestli jsem to správně pochopil, není ošetřena situace, kdy bude myš z objektu pryč (hudba se nevypne), takže to nemůže dopadnout jinak, než jako skřekové krátké zvuky, nebo jako zděšený návštěvník, který (ve snaze vypnout zvuk trochu delší) rovnou zavře celou stránku.