Как устроена синхронизация видео в TandemParty

Когда два человека нажимают «старт» одновременно, они всё равно разойдутся на несколько секунд — из-за буферизации, разной скорости интернета, задержки реакции. Задача TandemParty — сделать так, чтобы таймкод у всех участников был одинаковым в любой момент, автоматически.

Два подхода к синхронизации

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

Второй подход — синхронизация управления. Каждый участник открывает видео самостоятельно, со своей подпиской. Расширение перехватывает события плеера и транслирует их остальным участникам через сервер. Именно так работает TandemParty.

Как работает WebSocket-синхронизация

В момент, когда участник нажимает play, pause или перематывает видео, расширение отправляет событие на WebSocket-сервер. Сервер немедленно рассылает его всем участникам комнаты — те получают команду и применяют её к своему плееру.

WebSocket держит постоянное соединение между клиентом и сервером, поэтому задержка измеряется миллисекундами, а не секундами. Это принципиально отличает его от polling-подходов, где клиент периодически спрашивает сервер «что нового?».

Перехват плеера

Каждая платформа устроена по-своему. Кинопоиск, YouTube, RuTube и ВК Видео используют разные плееры с разными API. Расширение содержит адаптер для каждой платформы — он знает, как найти элемент видео на странице, как подписаться на события и как управлять воспроизведением.

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

Что происходит при рассинхронизации

Иногда из-за разной скорости интернета или буферизации участники могут разойтись на 1–2 секунды. Поставить видео на паузу — достаточно, чтобы расширение выровняло таймкод у всех по хосту комнаты.

Полноэкранный режим

Отдельная задача — виджеты чата и реакций в полноэкранном режиме. В TandemParty они скрываются при бездействии и появляются при движении мыши — так же, как стандартные элементы управления плеера. Это позволяет не отвлекаться от фильма и при этом иметь быстрый доступ к чату.

QR-пульт

Premium-функция QR-пульт позволяет управлять плеером со смартфона. После сканирования QR-кода телефон подключается к той же WebSocket-комнате и получает права управления — пауза, перемотка, реакции. Это удобно, когда компьютер стоит далеко от дивана.