Кнопка отключения и включения звука в html

Question 1

Я создаю HTML - страницу с несколькими аудиозаписями. Мне нужна кнопка отключения звука, которая может отключить все аудио этой страницы вместе, чтобы даже мы воспроизводили другое аудио, даже если оно воспроизводится, но мы ничего не слышим.

Я имею в виду код, упомянутый здесь.

Но это создает только кнопку переключения, но не отключает звук.

Аудиотеги, используемые на странице, следующие:

            <audio id="audio_playo24">
                <source src="voice/vo3.mp3" type="audio/mp3" />
            </audio>

Кто-нибудь может, пожалуйста, указать мне правильное направление?

Спасибо.

Question 2

Попробуйте один раз с этим кодом, он будет работать нормально.

Код JavaScript

function toggleMute() {
   var myAudio = document.getElementById('audio_playo24');
   myAudio.muted = !myAudio.muted;
}

HTML-код

<audio id="audio_playo24" controls>
   <source src="voice/vo3.mp3" type="audio/mp3" />
</audio>
<a href="javascript:void(0);" onclick="toggleMute()">Mute/Unmute</a>

Sateesh · Answer 1 · 2021-11-24T05:11:48

1

Попробуйте один раз с этим кодом, он будет работать нормально.

Код JavaScript

function toggleMute() {
   var myAudio = document.getElementById('audio_playo24');
   myAudio.muted = !myAudio.muted;
}

HTML-код

<audio id="audio_playo24" controls>
   <source src="voice/vo3.mp3" type="audio/mp3" />
</audio>
<a href="javascript:void(0);" onclick="toggleMute()">Mute/Unmute</a>

Sateesh

2021-11-24 05:11:48

не работает на меня

Jituu

Я проверил, что у вас отсутствует атрибут controls в звуковом теге. Простое использование эти элементы управления будут видны. Если вы все еще хотите использовать переключатель отключения/включения звука с помощью элемента управления javascript, используйте toggleMute() функция. Рабочий пример доступен по этому URL-адресу jsfiddle.net/0ght2xpz

Sateesh

Я получаю эту ошибку на консоли: "Неперехваченная ошибка типа: document.getElementById не является функцией", в результате чего код не работает

Jituu

Где выполняется этот код? в браузере? Это наверняка будет работать в браузере. Можете ли вы ввести свой код в jsfiddle.net чтобы я мог видеть, какую ошибку вы совершаете.

Sateesh

document.getElementById работает нормально. Используя маленькую букву "d" в идентификаторе.

Jituu

Хорошо, хорошо, если у вас возникнут какие-либо проблемы по этому поводу, тогда скажите мне.

Sateesh

Кнопка отключения и включения звука в html

Вопрос

Лучший ответ

На других языках

Эта страница на других языках

Популярное в этой категории

Популярные вопросы в этой категории