Заработай!
Бывает очень хочется сделать так, чтобы при наведении курсора на любой из пунктов меню однократно проигрывался звук. Например, такие приемы часто используют в Flash сайтах. Вот пример. Так вот, такой же эффекта можно добиться в Adobe Muse.
Для этого, на понадобится:
- Звуковой файлик с тем звуком, который должен проигрываться (в этом уроке используется файл с названием error.wav)
Можно как .wav так и .mp3 - Любой сайт в Adobe Muse и виджет меню в нем.
Теперь пошаговый план как это реализовать:
- Создаете новый сайт.
- Добавляете виджет меню.
- Открываете свойства мастер-шаблона и во вкладке Метаданные, в поле HTML для <head>, вставляете этот код:
<script src="scripts/jquery-1.8.3.min.js" type="text/javascript"></script> <script> $(document).ready(function(){ $(".MenuItemContainer" ).click(function() { $('.sound').html('<audio id="soundcard" src="assets/error.wav"></audio>'); document.getElementById("soundcard").play(); }); }) </script> <div class="sound"> </div> Потом, переходите в главное меню Файл - Добавить файлы для передачи...
- В появившемся окне укажите на тот .wav файл который должен проигрываться при наведении курсора (в этом уроке это error.wav)
- Экспортируйте или опубликуйте сайт и все работает как надо.
Теперь при наведении курсора на пункты меню будет проигрываться единоразово файл error.wav. Само собой Вы можете подставить любой другой звук, только не забудьте изменить название файла в коде на свое. Во вложении к этому уроку пример проекта для Muse и сам звуковой файлик.
Вопросы по этому уроку задавайте тут же в комментария.
Recommended Comments
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.