Как сохранить уровень громкости в video при перезагрузки страницы?

Question

[San007]

Добрый вечер.
У тега видео скрыты "controls".
Добавлены свои стили управления.

<input type="range" step="0.1" min="0" max="1" value="1" id="volume" />

volumeControl.addEventListener('input', function () {
    videoView.volume = volumeControl.value;
}, false);

Возможно ли сохранить уровень громкости при перезагрузки страницы?

Comments

[Eugene Chefranov]

Записывайте значение звука в localstorage а потом считывайте

Answer 1

[Jedi]

Сохранить в LocalStorage.

Пишем listener и слушаем, когда обновляется значение громкости в плеере, то выполняем следующий код/команду: localStorage.setItem('volume', ЗНАЧЕНИЕ);

При загрузке страницы, проверить, есть ли в локалСторайдж ключ volume...

localStorage.getItem('volume');

Для скиллов: https://learn.javascript.ru/localstorage

Пример с кодом здесь, если кому-то в будущем понадобится.

Comments

[San007]

При обновлении страницы - значение берет из localStorage.
Но уровень самой громкости = 1.

https://jsfiddle.net/t9L67hn4/10/

Подскажите где ошибся. Спасибо.

[Jedi]

San007, сейчас посмотрю.

[Jedi]

Вот. Нажми сюда. Я предпочел бы использовать целостные значения для сохранения и управления громкостью.

Будут вопросы - пиши.

[San007]

PHPjedi, не работает. То есть, как и в моем примере, значение сохраняется после перезагрузки, но громкость видео максимальная.
Иными словами, ползунок стоит на нуле, но громкость = 1.

[Jedi]

San007, В примере, который я скину, всё работает. Посмотри ещё раз. Поменял кое-что. Также смотри что я написал на index.html.

https://codesandbox.io/s/misty-paper-witx8?file=/s...

[Jedi]

San007, На примере (демка) все отлично работает. Нужно сохранять данные не во время перезагрузки, а в процессе, так надежнее.

[Jedi]

San007, Я прочитал еще раз вопрос. Я так понимаю, с программированием (JS) знаком недавно. В чем проблема? Напиши проблемку, помогу.

[San007]

PHPjedi, проблема в том, что ваш пример не работал. Поправил, все ок. Спасибо за наводку и подсказки.
Вот здесь все работает

[Jedi]

San007, Сорри, братишка, я понял что ты имел ввиду. Я забыл эту строчку дописать... videoView.volume = volumeControl.value;

Молодец!