„ wyciszony ” pozwala programistom kontrolować odtwarzanie dźwięku, udostępniając im opcję wyciszenia lub wyłączenia wyciszenia dźwięku zgodnie z ich potrzebami. Zapewnienie użytkownikom końcowym swobody wyciszania lub włączania dźwięku poprawia komfort przeglądania. Ponadto użycie JavaScript umożliwia dynamiczną kontrolę, która zapewnia lepszą kontrolę nad odtwarzaniem dźwięku.
W tym artykule opisano użycie właściwości wyciszenia dźwięku HTML DOM przy użyciu JavaScript.
Jak korzystać z właściwości wyciszenia dźwięku HTML DOM w JavaScript?
„ wyciszony ” jest często używana do wyciszania lub włączania dźwięku na stronie internetowej. Gdy wartość „ dźwięk.wyciszony ” właściwość jest ustawiona jako „ PRAWDA ”, dźwięk zostanie wyciszony, a aby go wyłączyć, należy kliknąć „ wyciszony ” należy ustawić właściwość jako „ FAŁSZ ”. Ponadto właściwość wyciszona jest zintegrowana z innymi kontrolkami multimediów i zapewnia zgodność z różnymi przeglądarkami.
Składnia
Poniżej podano składnię właściwości wyciszenia dźwięku HTML DOM w JavaScript:
wybranyObj.muted = PRAWDA | FAŁSZ
Gdzie ' wybranyObiekt ” to dowolny plik audio, którego dźwięk zostanie wyciszony. Ta właściwość może przechowywać tylko dwie wartości: „ PRAWDA ' Lub ' FAŁSZ ”. Jeśli ta właściwość jest ustawiona na true, plik audio zostanie wyciszony i odwrotnie.
Teraz przeanalizujmy kilka przykładów, aby lepiej zrozumieć DOM HTML „ wyciszony ' nieruchomość.
Przykład 1: Wyciszanie pliku audio
W tym przykładzie wybrany plik zostanie wyciszony za pomocą przycisku „ wyciszony ' nieruchomość. Na przykład odwiedź poniższy blok kodu:
< dz >< h2 styl = „kolor: morski zielony;” > Właściwość wyciszenia dźwięku DOM h2 >< br >
< audio ID = „demoAudio” sterownica >
< źródło źródło = „audio.mp3” typ = „audio/mpeg” >
audio >
< br >
< przycisk na kliknięcie = „wyciszenie()” > Ustaw opcję Wycisz przycisk >
dz >
< scenariusz >
pozwalać c = dokument.getElementById ( „demoAudio” ) ;
funkcjonować wyciszenie ( ) {
c.wyciszony = PRAWDA ;
alarm ( „Pomyślnie wyciszono!” )
}
scenariusz >
Wyjaśnienie kodu:
-
- Po pierwsze, rodzic „ dz ” tworzony jest element zawierający „
”znacznik o identyfikatorze „ demoAudio ”. Ten element zawiera pojedynczy „ źródło ” zawierający adres wybranego pliku audio wraz z jego typem. - Następnie tworzony jest przycisk wywołujący funkcję „ wyciszenieSetter() ” za pomocą przycisku „ na kliknięcie słuchacz zdarzeń.
- Następnie wpisz „
” i zapisz odniesienie do elementu „audio” w zmiennej o nazwie „ C ”. - Następnie „ wyciszenieSetter() ” jest tworzona w celu ustawienia wartości dla „ wyciszony „właściwość do” PRAWDA ”. Spowoduje to wyciszenie dźwięku i wyświetlenie odpowiedniego komunikatu w oknie alertu.
- Po pierwsze, rodzic „ dz ” tworzony jest element zawierający „
Po kompilacji:
Powyższy gif pokazuje, że dźwięk został wyciszony przy użyciu właściwości muted.
Przykład: wyciszanie i włączanie wyciszenia dźwięku przy użyciu właściwości Muted
W tym przykładzie wybrany plik audio zostanie wyciszony i wyłączony, a jego bieżący stan zostanie przywrócony za pomocą przycisku „ wyciszony ' nieruchomość. Na przykład odwiedź poniższy kod:
< dz >< audio ID = „demoAudio” sterownica >
< źródło źródło = „audio.mp3” typ = „audio/mpeg” >
audio >< br >
< przycisk na kliknięcie = 'Niemy()' > Wycisz dźwięk przycisk >
< przycisk na kliknięcie = „wyłącz wyciszenie()” > Wyłącz wyciszenie dźwięku przycisk >
< przycisk na kliknięcie = „Stan wyciszenia()” > Stan wyciszenia przycisk >
dz >
< scenariusz >
var z = document.getElementById ( „demoAudio” ) ;
funkcjonować Niemy ( ) {
z.muted = PRAWDA ;
}
funkcjonować wyłącz wyciszenie ( ) {
z.muted = FAŁSZ ;
}
funkcjonować stan wyciszenia ( ) {
alarm ( z.wyciszony ) ;
}
scenariusz >
Wyjaśnienie powyższego kodu jest następujące:
-
- Najpierw plik audio jest wstawiany na stronę internetową za pomocą kodu HTML „
' I ' <źródło> ”tagi. - Następnie tworzone są trzy przyciski wywołujące funkcje o nazwie „ Niemy() ”, „ wyłącz wyciszenie() ', I ' stan wyciszenia() ”. Funkcje te wywoływane są po kliknięciu przez użytkownika odpowiednich przycisków.
- Następnie zdefiniuj te funkcje, ustawiając wartości true i false dla „ Niemy() ' I ' wyłącz wyciszenie() ' Funkcje. Dla ' stan wyciszenia() ”, podłączaj tylko „ wyciszony ” z odniesieniem do dźwięku, aby pobrać bieżący stan właściwości wyciszenia.
- Najpierw plik audio jest wstawiany na stronę internetową za pomocą kodu HTML „
Po kompilacji wynik będzie następujący:
Dane wyjściowe pokazują, że plik audio jest wyciszany, wyłączany i jego stan jest również sprawdzany za pomocą przycisku „ wyciszony ' nieruchomość.
Wniosek
Właściwość wyciszenia dźwięku HTML DOM jest używana poprzez wstawienie pliku audio na stronie internetowej przy użyciu znacznika HTML „ audio ' I ' źródło ' elementy. Następnie odniesienie do tego dźwięku jest przechowywane w zmiennej wewnątrz kodu JavaScript, a „ wyciszony „nieruchomość jest z nim związana. Aby wyciszyć dźwięk, ta właściwość jest ustawiona na „ PRAWDA ' I ' FAŁSZ ”, aby wyłączyć wyciszenie. Na tym blogu zademonstrowano proces działania właściwości wyciszenia dźwięku DOM.