Контроль воспроизведения и уровня звука , При увеличении громкости - автоматически увеличивается прогресс

[cupoma58]

Привет.
Это - блок контроля:

            ....
            <div class="timer">
                <span class="chois" title="прогресс"></span>
                <span class="clock">00:00:00</span>  
                <span class="saund" title="громкость"></span>
            </div>
            ....

А это - его стиль:

....
.timer {
  position: relative;
  flex: 1;
  height: 40px;  
  text-shadow: 1px 1px 0px #000;
}
 
.timer .chois {                     /* прогресс, по времени */
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 20%;
  background-color: #cd6839;
  z-index: 2;
}
 
.timer .clock {                       /* часики */
  position: absolute;
  top: 30%;
  bottom: 20%;  
  left: 55px;
    font-size: 12px;
    color: #fff;
    font-family: verdana;
}
 
.timer .saund {                      /* уровень звука */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10%;
  height: 20%;
  background: #cd6839;
  z-index: 3;
}
....

Всё работает но, при изменении уровня громкости - происходит автоматическое изменение прогресса.
Что посоветуете?

Прикреплённый файлplayer.zip (2,64 Кбайт, скачиваний: 7)

[cupoma58]

Цитата cupoma58 @ 05.08.24, 07:15

Что посоветуете?player.zip (2,64 Кбайт, скачиваний: 7)

Всё, разобрался.