Используйте диапазон входного типа искать аудио

Я боролся за это в течение почти летИспользуйте диапазон входного типа искать аудио

Я даже могу контролировать громкость звука html5, используя диапазон входного типа, но я не могу сделать то же самое, контролируя/В поисках аудио, используя диапазон входного типа

, а также я хочу диапазон входного типа, чтобы изменить его ползунок динамически, когда музыка играет в зависимости от текущего состояния трека

так давайте предположим, что музыка 20 секунд, и я изменю максимальное значение входного диапазона на 20 тоже

<audio id="song" src="path/to/file.mp3" type="audio/mp3"> 
</audio> 

<input type="range" id="seekbar" min="0" max="20" step="1" value="0">

мне очень нужна ваша помощь для этого ребята :) Это просто только ищет дорожку, используя диапазон

источник

2016-12-10 Jeffson

'Я могу даже регулировать громкость звука при помощи html5 диапазон входного типа, но не могу сделать то же самое, контролируя/ища аудио с помощью ввода типа range' ???? – Viney

Что я имею в виду, я знаю, как кодировать то, что я могу контролировать громкость звука, используя диапазон входного типа через функцию обмена, и я просто спрашивал здесь, как выполнять ту же функцию при поиске музыки с использованием типа входного диапазона – Jeffson

Итак, покажите нам, какой код вы «Пробовал после« почти лет » – j08691

// Set max value when you know the duration 
 
$audio.onloadedmetadata =() => $seekbar.max = $audio.duration 
 
// update audio position 
 
$seekbar.onchange =() => $audio.currentTime = $seekbar.value 
 
// update range input when currentTime updates 
 
$audio.ontimeupdate =() => $seekbar.value = $audio.currentTime

<input type="range" step="any" id="$seekbar" value="0"> 
 
<audio controls id="$audio" 
 
    src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg"/>

источник

2016-12-10 13:59:59 Endless

Можете ли вы предоставить демо? – Jeffson

Там нет фрагмента, показанного на мобильном приложении bro :) – Jeffson

hmm, возможно, вам стоит сделать запрос-функцию – Endless

Я вижу вход типа, вы не в состоянии получить непрерывные значения когда вы ищете диапазон. Чтобы мгновенно получать значения в операции поиска, вам нужно будет прослушивать событие input, это событие срабатывает каждый раз, когда вы перемещаете головку диапазона. Возможно, вы можете использовать тот же код, который вы использовали для изменения, просто добавьте его в список on

$({range-selector}).on("change input", function() { 
    var vid = $({video-selector})[0]; // get your video 
    vid.volume = $(this).val(); //update its volume 
});

https://jsfiddle.net/d39ycvu1/

источник

2016-12-11 03:03:10 Viney

Используйте диапазон входного типа искать аудио

ответ

Смежные вопросы