Доделать html5 js плеер

Нужно сделать 2 полосы прокрутки для html5 плеера с отображением когда было движение.
В первой полосе прокрутки выбираются даты, во второй полосе выбирается время.
Даты выбираются дискретно. 
Время выбирается с дискретностью 10 секунд.
Чем быстрее тянуть ползунок тем быстрее должны меняться даты. Так-же со временем, если быстро потянуть ползунок, например, в лево, то смещение будет в несколько часов. А если медленно потянуть влево, то ползунок смещяется в интервалом в 10 секунд на шкале.
Пример реализации можно посмотреть в приложении MiHome.
К заданию прикрепил примерное отображение экрана с плеером.

На полосе со временем нужно накладывать интервалы когда было движение, они храняться в виде массива в переменной.