Loading...
Обучение/Помощь новичкам | Нужна помощь с JS
В общем не шарю я в JS нифига

Кусок кода который есть, это PLAY/STOP кнопка
<script>
$(document).ready(function() {
var playing = false;

$('button').click(function() {
$(this).toggleClass("paused");

if (playing == false) {
document.getElementById('player').play();
playing = true;
} else {
document.getElementById('player').pause();
playing = false;
}
});
});
</script>


А это регулятор громкости и как его объединить правильно с выше куском кода не знаю, кто шарит подскажите за ++++ ))

<script>
$('#range').on('input', function() {
document.getElementById('player').volume = $(this).val() / 100;
})
});
</script>

________
посл. ред. 16.06.2019 в 10:27; всего 2 раз(а); by SNEG
SNEG , идентификатор плеера какой?
Сибирский (16.06.2019 в 10:33)
SNEG , идентификатор плеера какой?

Т.е я не шарю вообще первый раз полез в JS jquery, нашли 2 готовых решения ))
________
посл. ред. 16.06.2019 в 10:45; всего 2 раз(а); by SNEG
SNEG , ну у тебя должен быть тег audio с идентификатором, вот его надо подставить в строку
document.getElementById('player').volume = $(this).val() / 100;

вместо 'player'

и после каждого изменения нужно чистить кэш и перезагружать страницу в самом броузере
________
посл. ред. 16.06.2019 в 10:48; всего 1 раз(а); by Сибирский
Сибирский (16.06.2019 в 10:47)
SNEG , ну у тебя должен быть тег audio с идентификатором, вот его надо подставить в строку
document.getElementById('player').volume = $(this).val() / 100;

вместо 'player'

<input type="range" id="range" value="50" maxlenght="100">
<audio id="player" src="#"> </audio>

?
________
посл. ред. 16.06.2019 в 10:49; всего 2 раз(а); by SNEG
SNEG , не, range это сам ползунок, с него мы просто считываем уровень звука, смотри тег audio и id в нем
Сибирский (16.06.2019 в 10:49)
SNEG , не, range это сам ползунок, с него мы просто считываем уровень звука, смотри тег audio и id в нем

Вообще вопрос был поставлен как их правильно объединить JS код PLAY STOP с кодом ползунка? Потому что я взял с двух разных источников и слепил вот так

<script>
$(document).ready(function() {
var playing = false;

$('button').click(function() {
$(this).toggleClass("paused");

if (playing == false) {
document.getElementById('player').play();
playing = true;

} else {
document.getElementById('player').pause();
playing = false;
}

$('#range').on('input', function() {
document.getElementById('player').volume = $(this).val() / 100;
})
});
});
</script>

Да работает все отлично но я не уверен или я правильно код вставил
________
посл. ред. 16.06.2019 в 10:53; всего 2 раз(а); by SNEG
SNEG , ну я думал ты уже пробовал вставить и не работает ) Пробовал вставить? ))
Сибирский (16.06.2019 в 10:53)
SNEG , ну я думал ты уже пробовал вставить и не работает ) Пробовал вставить? ))

7 пост пересмотри, отредактировал
________
посл. ред. 16.06.2019 в 10:54; всего 1 раз(а); by SNEG
ну все верно :)
<script>
$(document).ready(function() {
var playing = false;

$('button').click(function() {
$(this).toggleClass("paused");

if (playing == false) {
document.getElementById('player').play();
playing = true;
} else {
document.getElementById('player').pause();
playing = false;
}
});

$('#range').on('input', function() {
document.getElementById('player').volume = $(this).val() / 100;
})
});

});
</script>
Онлайн: 2
Время:
Gen. 0.1212
(c) Bym.Guru 2010-2026