audio player js

Question

Может кто подскажет какой плагин, для аудио плеера где есть ускорение дорожки, и перелистывание вперёд назад на определённое время, вот такого рода.

Answer 1

audio.ontimeupdate = function(){progress.style.width = (audio.currentTime / audio.duration * 300) + "px"};
progresscontayner.onclick = progress.onclick = function(e){
progress.style.width = (e.pageX - 5) + "px";
audio.currentTime = (e.pageX - 5) / 300 * audio.duration;
}

#progresscontayner{
    width: 300px;
    height: 7px;
    border-radius: 3px;
    background: #ccc;
    left: 15px;
}
#progress{
    width: 0px;
    height: 7px;
    background: gold;
    border-radius: 3px;
}

<audio id=audio src="http://tolmatux.strana.de/audio/razminka.mp3" controls></audio><br /><br />
<div id=progresscontayner><div id=progress></div></div><br /><br />
Перемотка: 
<button onclick="audio.currentTime=Math.max(audio.currentTime - 15, 0)"> -15с </button>
<button onclick="audio.currentTime=Math.min(audio.currentTime + 15, audio.duration)"> +15с </button><br /><br />
Скорость: 
<button onclick="audio.playbackRate = Math.max(audio.playbackRate - 0.1, 0.1); speed.innerText = audio.playbackRate.toFixed(1)"> -0.1 </button>
<button onclick="audio.playbackRate += 0.1; speed.innerText = audio.playbackRate.toFixed(1)"> +0.1 </button>
<span id=speed>1</span>

БЛОГ НА HUSL

audio player js

Ответы (1 шт):