Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Включение и выключение звука

.

Включение и выключение звука

Третий элемент, который мы хотим добавить к нашему сценарию, — это кнопка «включить/выключить звук». Этот фрагмент кода очень похож на предыдущий. На сей раз мы связываем обработку события щелчка мышью по кнопке с аналогичной конструкцией «if/else»:

Включение и выключение звука

Этот фрагмент кода представляет новый атрибут muted. После щелчка мышью по кнопке mute нам следует проверить его значение. Если оно равно true (т.е. звук выключен), атрибуту присваивается значение false (звук включен), и наоборот.

И снова мы не включаем код в обработчик щелчка мышью по кнопке, и все по той же причине: контекстное меню дает пользователю альтернативный способ управления звуком, следовательно, единственный надежный способ точно установить, какое изображение должно быть на кнопке, — проверить состояние атрибута muted. Но, в отличие от кнопки «старт/пауза», мы не можем слушать события mute и unmute. Зато ЛРІ предлагает нам событие volumechange:

Включение и выключение звука

И снова мы используем слушатель событий для активации программы в нужный момент. Как вы, возможно, поняли из названия, событие volumechange не ограничено двумя состояниями «включено/выключено», оно возникает каждый раз, когда изменяется громкость звука. Как только громкость изменилась, мы проверяем значение атрибута muted и меняем в случае необходимости класс кнопки «включить/выключить звук».


.

Читайте так же:
Not found