Перейти к содержимому
  • Как добавить музыку при старте сайта?

    Евгений Зубов Евгений Зубов,

    Многие интересуются как добавить музыку в качестве фона на сайта сделанный в Adobe Muse. На самом деле в этом вообще ничего сложного. И вам даже не понадобятся сторонние виджеты. Все что нужно:

    1. Звуковой файл песни в формате .wav или .mp3
    2. Вставить код в проект Adobe Muse

    В данном уроке я в качестве примера разберу ситуацию когда песню которую я хочу включать при загрузке сайта будет называться error.wav. Вот пошаговая инструкция как добавить музыку при старте сайта:

    1. Перейдите в главное меню Файл - Добавить файлы для передачи...
    2. В появившемся окне укажите на .wav файл песни (в моем случае это файл error.wav)
    3. Теперь, перейдите на ту страницу сайта в Muse, на которой Вы бы хотели включать музыку
    4. Далее, перейдите в свойства страницы и во вкладке Метаданные в поле HTML для <head>, добавьте следующий код:
      <script src="scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
      <script>
      $(document).ready(function(){
      
      $('.sound').html('<audio id="soundcard" src="assets/error.wav"></audio>');
      document.getElementById("soundcard").play();
      });
      </script>
      <div class="sound"> </div>
    5. Загрузите сайт на хостинг любым удобным способом. Все smile.png

    На этом работа по добавлению музыки на сайт, закончена. Конечно же, для своих сайтов вы можете использовать любую другую музыку и файл будет отличаться по названию от моего примера (error.wav), по этому не забудьте в коде приведенном выше заменить фразу "error.wav" на название своего файлика.

    Все вопросы по уроку пишите в комментариях ниже. mellow.png

    Отзывы пользователей

    Рекомендуемые комментарии

    А можно ли при всем этом организовать кнопку выключения и включения музыки(по желанию посетителя) (Какая нибудь своя иконка, при нажатии которой, музыка будет выключится) ? И если можно добавить свою кнопку, можно ли добавить ее анимированную?(к примеру, при нажатии поменяет форму и выключит воспроизведение, а при повторном нажатии вернется в прежнюю форму и включит звук) 
     Извиняюсь что закинула сразу несколько вопросов, и возможно не по теме, но все таки, была бы очень признательна за ответ. 

    Поделиться комментарием


    Ссылка на комментарий
    Поделиться на других сайтах
    В 17.07.2015 в 20:36, Lilith сказал:

    А можно ли при всем этом организовать кнопку выключения и включения музыки(по желанию посетителя) (Какая нибудь своя иконка, при нажатии которой, музыка будет выключится) ? И если можно добавить свою кнопку, можно ли добавить ее анимированную?(к примеру, при нажатии поменяет форму и выключит воспроизведение, а при повторном нажатии вернется в прежнюю форму и включит звук) 
     Извиняюсь что закинула сразу несколько вопросов, и возможно не по теме, но все таки, была бы очень признательна за ответ. 

    Интересует как сделать кнопку которая может включать музыку и выключать или включать и отключать воспроизведение звуков вообще на сайте

    Поделиться комментарием


    Ссылка на комментарий
    Поделиться на других сайтах

    Оставлять сообщения могут только участники клуба

    Вступите в клуб или войдите под своим аккаунт, чтобы писать сообщения

    Вступить в клуб

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.

    Войти сейчас
×