« приглушенный Свойство позволяет разработчикам управлять воспроизведением звука, предоставляя им возможность отключать или включать звук в соответствии со своими потребностями. Предоставление конечным пользователям возможности отключать или включать звук улучшает их работу в Интернете. Кроме того, использование JavaScript обеспечивает динамическое управление, которое обеспечивает лучший контроль над воспроизведением звука.
В этой статье будет описано использование свойства отключения звука HTML DOM с использованием JavaScript.
Как использовать свойство HTML DOM Audio Muted в JavaScript?
« приглушенный Свойство часто используется для отключения или включения звука на веб-странице. Когда значение « аудио.без звука свойство установлено как « истинный », звук отключается, а чтобы включить его, нажмите « приглушенный ” свойство должно быть установлено как “ ЛОЖЬ ». Кроме того, свойство mute интегрируется с другими элементами управления мультимедиа и обеспечивает кросс-браузерную совместимость.
Синтаксис
Синтаксис свойства отключения звука HTML DOM в JavaScript приведен ниже:
selectedObj.muted = истинный | ЛОЖЬ
Где ' выбранныйОбдж ” — это любой аудиофайл, звук которого будет отключен. Это свойство может хранить только два значения: « истинный ' или ' ЛОЖЬ ». Если для этого свойства установлено значение true, звук в аудиофайле отключается, и наоборот.
Теперь давайте рассмотрим несколько примеров для лучшего понимания HTML DOM. приглушенный ' свойство.
Пример 1. Отключение звука аудиофайла
В этом примере выбранный файл будет отключен с помощью кнопки « приглушенный ' свойство. Например, посетите приведенный ниже блок кода:
< див >< ч2 стиль '=' «Цвет: морской зеленый;» > Свойство отключения звука DOM ч2 >< бр >
< аудио идентификатор '=' 'демоАудио' элементы управления >
< источник источник '=' 'аудио.mp3' тип '=' 'аудио/мпег' >
аудио >
< бр >
< кнопка по щелчку '=' 'muteSetter()' > Отключить звук кнопка >
див >
< сценарий >
позволять с = документ.getElementById ( 'демоаудио' ) ;
функция muteSetter ( ) {
c.muted = истинный ;
тревога ( «Успешно отключен звук!» )
}
сценарий >
Пояснение кода:
-
- Во-первых, родитель» див создается элемент, содержащий элемент « <аудио> тег ” с идентификатором “ демоАудио ». Этот элемент содержит один « источник ” элемент, содержащий адрес выбранного аудиофайла вместе с его типом.
- Далее создается кнопка, вызывающая « muteSetter() » с помощью функции « по щелчку прослушиватель событий.
- Затем введите « <скрипт> » и сохраните ссылку на элемент «audio» в переменной с именем « с ».
- После этого « muteSetter() Функция ” создана для установки значения для “ приглушенный «собственность» истинный ». При этом звук отключается, а также отображается соответствующее сообщение в окне предупреждения.
После компиляции:
На рисунке выше показано, что звук отключен с помощью свойства muted.
Пример. Отключение и включение звука с использованием свойства Muted
В этом примере выбранный аудиофайл будет отключен или включен, а его текущий статус будет получен с помощью « приглушенный ' свойство. Например, посетите приведенный ниже код:
< див >< аудио идентификатор '=' 'демоАудио' элементы управления >
< источник источник '=' 'аудио.mp3' тип '=' 'аудио/мпег' >
аудио >< бр >
< кнопка по щелчку '=' 'Немой()' > Отключить звук кнопка >
< кнопка по щелчку '=' 'включить звук()' > Включить звук кнопка >
< кнопка по щелчку '=' 'muteStatus()' > Статус отключения звука кнопка >
див >
< сценарий >
вар z = document.getElementById ( 'демоАудио' ) ;
функция Немой ( ) {
z.muted = истинный ;
}
функция включить звук ( ) {
z.muted = ЛОЖЬ ;
}
функция muteStatus ( ) {
тревога ( z.без звука ) ;
}
сценарий >
Объяснение приведенного выше кода следующее:
-
- Сначала аудиофайл вставляется на веб-страницу с помощью HTML-кода « <аудио> ' и ' <источник> » теги.
- Затем создаются три кнопки, которые вызывают функции с именем « Немой() », « включить звук() ', и ' muteStatus() ». Эти функции вызываются, когда пользователь нажимает на соответствующие кнопки.
- Затем определите эти функции, установив значения true и false для « Немой() ' и ' включить звук() » функции. Для ' muteStatus() », прикрепите только функцию « приглушенный » со ссылкой на аудио, чтобы получить текущий статус свойства отключения звука.
После компиляции вывод будет следующим:
Вывод показывает, что звук аудиофайла отключается и включается, а его статус также проверяется с помощью « приглушенный ' свойство.
Заключение
Свойство HTML DOM audio mute используется при первой вставке аудиофайла на веб-страницу с помощью HTML-кода « аудио ' и ' источник » элементы. После этого ссылка на это аудио сохраняется в переменной внутри кода JavaScript и приглушенный К нему прикреплено имущество. Чтобы звук был отключен, для этого свойства установлено значение « истинный ' и ' ЛОЖЬ » для сценариев включения звука. В этом блоге продемонстрирован процесс работы свойства DOM audio muted.