Есть ряд сценариев, когда управление таймлайном видеофайла в ландшафтном режиме на телефонах не просто неудобно, но и может испортить все впечатление от просмотренного остросюжетного кино-шедевра, в конце которого все обязательно поженятся. Например, когда одной рукой держишь телефон и хочешь оценить операторскую работу и игру актеров не в маленьком окошечке в портретном режиме, а в формате фулскрин. Но вот беда, второй рукой готовишь блинчики или взбиваешь сливки для безешки. И вот одним пальце это невозможно сделать, не дотягивается большой палец до бегунка на таймлайне, чтобы пролистать скучное начало.

Поэтому сегодня, я дарю миру вертикальный таймлайн. Точнее систему вертикального управления таймлайном и переключением между главами.

Вертикальный элемент управления таймлайном может быть связан с горизонтальным баром отображающим конкретное место во всем видео. Но вертикальные элемент дает еще и более тонкое управление перехода по времени, завязанное на скорость пролистывания.
Это так просто. а главное такие элементы управления нам хорошо знакомы. чаще всего они встречаются в приложениях камеры, когда мы управляем настройками апертуры, фокусного расстояния или выдержки.
Спасибо Стив (Джобс)
До 2007 года никто и представить не мог, что элементы управления видео-файлом можно выносить прям поверх видео. Фулскрин был, но вызов интерфейса с таймлайном и кнопками приводил к уменьшению контейнера с видео для отрисовки панелей с элементами управления. И как будто на этом любые идеи в интерфейсах стриминговых сервисов сегодня закончились.

В 2009 ребята из Купертино зафиксировали интерфейсное решение разработанное для iPhone, как стандарт индустрии распространив паттерн и на десктоп версию плеера QuickTime.

Далее, в этом направлении изменился Ютьюб и иже с ними. И мы остались в мире копипасты созданный дизайнерами с синдромом дизайн дисфункции.
Но мы в силах эту ситуацию изменить.
P.S.
Год моих публикаций на habr не прошел зря. В сервисе ВК Видео появилась и самая инновационная клавиатура и функция Pan&Scan.


Я обращаюсь к читателю с просьбой поддержать публикацию комментарием и голосом, чтобы новый таймлайн появился как можно в большем количестве сервисов, и как можно быстрее.
Комментарии (10)

Kriptman
04.03.2026 14:48Двойным-тройным нажатием на правую часть экрана много где проматывать можно. Или нажатие и удержание для промотки. Я не часто видео на телефоне смотрю, но разные жесты встречал. Сама по себе идея норм, но кнопки я бы убрал или свернул, они обязательно нажмутся в самый неподходящий момент.

AndrewYaremko Автор
04.03.2026 14:48двойной тап обычно ведет к дискретной послежовательной прогрутки на 10-15 сегунд, на 15 минут вперед не особо одобно матать. да и назад не поматаешь одной рукой

aik
04.03.2026 14:48Свайпы по краю обычно громкость и яркость.
А перемотка - горизонтальный свайп в любом месте, не обязательно по полосе проигрывания.

AndrewYaremko Автор
04.03.2026 14:48Вас не затруднит уточнить сервис или приложение, где встречали такую реализацию без UI элементов.

aik
04.03.2026 14:48Ну вот ютуб ревансед у меня так работает. Он не совсем без ui, полосы прокрутки появляются, как свайпать начинаешь.
Mxplayer ещё, наверное. Прокрутку в нём я уже не помню, впрочем, но громкость и яркость точно свайпами по краям.

AndrewYaremko Автор
04.03.2026 14:48Да, техническая реализация хорошо. Но без UI паттерн остаётся не интуитивным, и переключение между маркерами таймлайна не предусмотрено.

Garnlzerx
04.03.2026 14:48В онлайн кинотеатре кион еще такое есть вроде

AndrewYaremko Автор
04.03.2026 14:48В киион есть управление яркостью и громкостью. Управления таймлайном нет
Lukina
Ух ты! Интересно