Przycisk wyciszenia w html

Question 1

Tworzę stronę HTML z kilkoma nagraniami. Potrzebuję przycisk wyciszania dźwięku, który może wyłączyć wszystkie audio z tej strony razem, aby nawet będziemy grali więcej audio, nawet jeśli jest odtwarzana, ale nic nie słyszymy.

Mam na myśli kod, o którym mowa tutaj.

Ale to tworzy tylko przycisk przełączania, ale nie wyłącza dźwięk.

Аудиотеги, użyte na stronie, są następujące:

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

Czy ktoś może, proszę wskazać mi właściwy kierunek?

Dziękuję.

Question 2

Spróbuj raz z tym kodem, to będzie działać normalnie.

Kod JavaScript

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

Kod 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

Spróbuj raz z tym kodem, to będzie działać normalnie.

Kod JavaScript

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

Kod 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

nie działa na mnie

Jituu

Sprawdziłem, że u ciebie nie ma atrybut controls w audio tagu. Proste użycie kontrole te będą widoczne. Jeśli nadal chcesz używać przełącznik wyłączenia/włączenia dźwięku za pomocą formantu javascript, użyj toggleMute() funkcja. Praktyczny przykład dostępna pod tym adresem URL jsfiddle.net/0ght2xpz

Sateesh

Otrzymuję ten błąd na konsoli: "Неперехваченная błąd typu: document.getElementById nie jest funkcją", w wyniku czego kod nie działa

Jituu

Gdzie odbywa się ten kod? w przeglądarce? To na pewno będzie działać w przeglądarce. Czy można wpisać swój kod w jsfiddle.net żebym mógł zobaczyć, jaki błąd popełniasz.

Sateesh

document.getElementById działa normalnie. Korzystając z małą literę "d" w identyfikatorze.

Jituu

Dobrze, dobrze, jeśli masz jakieś problemy z tego powodu, to powiedz mi.

Sateesh

Przycisk wyciszenia w html

Pytanie

Najlepsza odpowiedź

W innych językach

Ta strona jest w innych językach

Popularne w tej kategorii

Najczęściej zadawane pytania w tej kategorii