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

    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.

    Guest
    Add a comment...

    ×   Pasted as rich text.   Restore formatting

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...