Ако вкара в Google заявка за това как да пуснете музиката, чрез CSS, е по-вероятно да се намери:

- Всичко за игра Counter Strike на: Източник
- Нещо за пиесата, по време на функции или щека-преди, или нещо, което изглежда много обещаващо, но в действителност това е само посредствен обучение статия.

Ние не вярваме, че различните звуци - това е неразделна част от всеки уеб сайт, но е жалко, че до този момент от CSS не са били в състояние да стартирате звук. С цел да се възпроизвежда звук, когато курсора на мишката влиза в определена област на страницата, ние трябва да се разчита на HTML5 и / или Flash. Но едва ли някой тук иска да се справи с Flash, нали? Така че нека да го направи чрез HTML5, което ни позволява да се изпълнява музика чрез нов елемент «аудио» (Firefox 3.5+, Chrome 3+, Opera 10.5+ Safari 4+, IE 9+). С цел да се изтръгне максимална възможност браузъра, ние ще приложи това с помощта на източника и MP3 (за WebKit и IE) и от източник OGG (за Firefox и Opera).

Ако поставите кода точно както е показано по-горе, след това е малко вероятно да видим нещо или чувате. Ако имате нужда от един малък елемент на играча, не забравяйте да използвате контролер атрибут ( «аудио контрол»). Ако трябва да се направи играчът може да чуе, но не виждам, а след това използвайте елемент на автоматичното включване ( «аудио автоматично пускане»). Или използвайте двата елемента.

Нашата цел - да направят звук пиесата, когато показалеца на мишката е насочена към конкретен елемент (например елемент от менюто). Отново, за съжаление, не можем да направим елемента «аудио», управляван от CSS, ние трябва да използваме й # 097; vascript. За да пуснете звука чрез й # 097; vascript, използвайте кода:

Нека използваме JQuery, защото това значително опростява работния процес с отделяне и създаването на събитието.

Нека да направим така, че звукът започва да играе, когато показалеца на мишката витае конкретен елемент:

Page закачка Goodfoot мобилно приложение използва подобна техника, за да вмъкнете звук, когато преместите курсора на главата на снежен човек. Тук всичко се осъществява чрез въвеждане на нов елемент в аудиото DOM всеки път, когато се премести в герой:

Тя може да бъде малко по-подобрени, за да подкрепят OGG формат. Ние не мислим, че нивото на атрибута на звука ще работи, защото ние все още никога не е срещал поддържат тази функция. Всичко е обновен път Джефри (Джефри Way):

Ние сме доволни от този подход, защото тук всичко работи както трябва. След възпроизвежда звук, тя се съхранява в кеш паметта, което ускорява работата в следващото зареждане.

Друг начин да се приложи, е въвеждането на три аудио елементи в страницата.

И след това един по един, за да бъде изборът на всеки един от тях:

Повторни възпроизвеждания и предизвикателства: наслагване на звуци

Първоначално, някои искат да се изгради системата в лентата за навигация, когато мишката върху раздела. Там някога е бил наречен на проблема: .play на функцията () работи много по-бързо и по-често, отколкото можете да чуете всеки звук задейства. Същият звук не може да се играе на върха на този, който вече играе. Ето защо, последващо .play () функция не започва до първия цикъл работи няма да бъде завършена.

Първоначално, ние се опитахме да използвате функцията .pause (), за да спрете да играе и стартирайте функцията отново, но това не помогна. Пауза се прави, но след това .play () функция не иска да се кандидатира отново.

Най-добрият начин, че ние открихме - това дублиране елемент за всеки елемент от менюто. По този начин, всеки елемент от менюто, ще имат на своя раздел от аудио файла, който ще се играе на отделни функции, създаване на наслагване.