Как сделать фоновую музыку на странице с бегунком громкости и возможностью ее выключить и включить?

Ссылка скопирована
1 ответ

Как сделать фоновую музыку на странице с бегунком громкости и возможностью ее выключить и включить?

Дополнительно:

А посетителям вашего ресурса фоновая музыка точно нужна?

  • Вот прикинь, ночь, дети спят, чувак открывает твой сайт и БАЦ рамштайн на всю громкость ...в итоге крики, жена посылает за эту хрень тебя.. и всё из за какого то °°°°° который на фон включил музыку
  • Чтобы разработчики сайтов не портили нервы посетителям сайтов, разработчики современных браузеров лишили возможности своим коллегам проигрывать фоновую музыку в браузерах без явного разрешения этого со стороны посетителя сайта.
  • Как вариант, почитать такие статьи:
    https://www.stechies.com/play-stop-pause-audio-htm...
    https://css-tricks.com/lets-create-a-custom-audio-...

    • Спасибо большое_)
    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Елена Вебер Ответ

    Для того чтобы добавить фоновую музыку на страницу с бегунком громкости и возможностью включить и выключить звук, можно воспользоваться следующим кодом на языке программирования JavaScript:

    1. Добавим аудио элемент на страницу:
    ```html

    Your browser does not support the audio element.

    ```

    2. Создадим кнопки для управления звуком:
    ```html

    ```

    3. Напишем JavaScript код для управления музыкой:
    ```html

    var bgMusic = document.getElementById("bgMusic");
    var volumeControl = document.getElementById("volume");

    function togglePlay() {
    if (bgMusic.paused) {
    bgMusic.play();
    } else {
    bgMusic.pause();
    }
    }

    function setVolume() {
    bgMusic.volume = volumeControl.value;
    }

    ```

    4. Теперь у вас есть фоновая музыка на странице с возможностью управления громкостью и включения/выключения звука. При необходимости, вы можете дополнить код стилями CSS для улучшения внешнего вида элементов управления.

    Надеюсь, этот ответ поможет вам реализовать задуманную функциональность на вашем сайте. Если у вас возникнут дополнительные вопросы, не стесняйтесь обращаться за помощью!

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно