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

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

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

Это так просто. а главное такие элементы управления нам хорошо знакомы. чаще всего они встречаются в приложениях камеры, когда мы управляем настройками апертуры, фокусного расстояния или выдержки.

Спасибо Стив (Джобс)

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

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

Далее, в этом направлении изменился Ютьюб и иже с ними. И мы остались в мире копипасты созданный дизайнерами с синдромом дизайн дисфункции.

Но мы в силах эту ситуацию изменить.

P.S.

Год моих публикаций на habr не прошел зря. В сервисе ВК Видео появилась и самая инновационная клавиатура и функция Pan&Scan.

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

Комментарии (10)


  1. Lukina
    04.03.2026 14:48

    Ух ты! Интересно


  1. Kriptman
    04.03.2026 14:48

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


    1. AndrewYaremko Автор
      04.03.2026 14:48

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


  1. aik
    04.03.2026 14:48

    Свайпы по краю обычно громкость и яркость.

    А перемотка - горизонтальный свайп в любом месте, не обязательно по полосе проигрывания.


    1. AndrewYaremko Автор
      04.03.2026 14:48

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


      1. Helg
        04.03.2026 14:48

        mxplayer


      1. aik
        04.03.2026 14:48

        Ну вот ютуб ревансед у меня так работает. Он не совсем без ui, полосы прокрутки появляются, как свайпать начинаешь.

        Mxplayer ещё, наверное. Прокрутку в нём я уже не помню, впрочем, но громкость и яркость точно свайпами по краям.


        1. AndrewYaremko Автор
          04.03.2026 14:48

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


        1. Garnlzerx
          04.03.2026 14:48

          В онлайн кинотеатре кион еще такое есть вроде


          1. AndrewYaremko Автор
            04.03.2026 14:48

            В киион есть управление яркостью и громкостью. Управления таймлайном нет