magnat_dz
@magnat_dz

Как подключить две кнопки для управления звуком?

Подключаю на сайте возможность включить фоновую музыку:

var el = document.querySelector('.sound__wrap');
var playing = false; 

var player = new Audio('https://cs1-41v4.vkuseraudio.net/p22/89c4bbf0f8c2cf.mp3?extra=LPjGgkVxx2u-3L5pQXEcRnizCVKmlE6Fg5kJXXLUjwokU20UCbUbg04TgUxrohK76r4YrOlWPfKCB_5hamC_Mnbtxyc75pnnsx6N3DxSl8sCGkCv54RY8wCzW9DyWkaEOlHyrVMNRR7k7hnf1R4');
player.preload = "auto";
player.loop = "true";
player.addEventListener('ended', function(){ 
playing = false;
});
el.addEventListener('click', playPause);

function playPause() {
  if( playing) {
    player.pause();
  } else {
    player.play();
  }
  playing = !playing;
}


Задача стоит управление сделать через 2 кнопки (одна в шапке сайта, вторая в меню). Т.е. чтоб можно было как включить звук через любую из них, так и выключить. Задаю через один класс - срабатывает только одна кнопка. Задаю разными id через запятую, не работает вобще ничего.
  • Вопрос задан
  • 125 просмотров
Решения вопроса 1
fomenkogregory
@fomenkogregory
Юниор софтварный инженер
Тебе квери селектор возвращает один элемент
Используй
querySelectorAll(...).forEach(вешаешь обработчик)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы