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

    Многие интересуются как добавить музыку в качестве фона на сайта сделанный в 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

    User Feedback

    Recommended Comments

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

    Share this comment


    Link to comment
    Share on other sites
    В 17.07.2015 в 20:36, Lilith сказал:

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

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

    Share this comment


    Link to comment
    Share on other sites

    Create an account or sign in to comment

    You need to be a member in order to leave a comment

    Create an account

    Sign up for a new account in our community. It's easy!

    Register a new account

    Sign in

    Already have an account? Sign in here.

    Sign In Now
×