Добавление атрибутa muted к тегу <audio> через JavaScript

128
17 ноября 2020, 22:20

пытался через js добавить атрибут 'muted' к аудио тегу, но попытки тщетны. При просмотре элементов все работает, но на деле же музыка продолжает играть, в чем причина?






(function () { 
 
    var mouseTimer; 
    function mouseDown() { 
        mouseUp(); 
        mouseTimer = window.setTimeout(execMouseDown, 1500); 
    } 
 
    function mouseUp() { 
        if (mouseTimer) window.clearTimeout(mouseTimer); 
    } 
 
    function execMouseDown() { 
 
        **function kpssaudio() { 
            document.querySelector('#kpssaudio').setAttribute('muted', ''); 
        } 
        kpssaudio();** 
 
    } 
 
    var div = document.getElementById("oxx"); 
    div.addEventListener("mousedown", mouseDown); 
    document.body.addEventListener("mouseup", mouseUp); 
 
}());
 <audio id="kpssaudio" preload="auto" loop=""> 
      <source type="audio/mp3" src="assets/stuff/music.mp3"> 
  </audio>

Answer 1

Вам поможет установка свойства muted у <audio>

document.querySelector('#kpssaudio').muted = true;

window.addEventListener('click',function(){ 
  document.querySelector('audio').muted = !document.querySelector('audio').muted; 
})
<audio controls> 
 <source src="https://dl.dropbox.com/s/oswkgcw749xc8xs/The-Noisy-Freaks.mp3?dl=1" type="audio/mp3"> 
  <source src="https://dl.dropbox.com/s/75jpngrgnavyu7f/The-Noisy-Freaks.ogg?dl=1" type="audio/ogg"> 
</audio> 
<br><br> 
click anywhere to mute

READ ALSO
Не считывается значение с radiobutton

Не считывается значение с radiobutton

У меня есть rest контроллер, который принимает json и записывает его в бдЕсть форма, с которой считываются значения после сабмита и отправляются...

155
Использование .bind() и оператор instanceof [дубликат]

Использование .bind() и оператор instanceof [дубликат]

Изучаю книгу из серии You dont know JS: cover this & objects, Келли Симпсона! Возник вопрос по оператору instanceof! Не понятна следующая фраза из книги:

120
React Router запомнить предыдущий url

React Router запомнить предыдущий url

Всем привет у меня есть такая вот проверка на авторизованность, если пользователь открывает страницу и он не авторизован то его редиректит...

122
Создание визарда с предпросмотром

Создание визарда с предпросмотром

Мне нужен пошаговый визард для редактирования моделиОстановился на jQuery Steps

144