Разработка платформы онлайн-трансляций Краснодарского ипподрома
Веб-платформа просмотра скачек: прямые эфиры и архив, покупка доступа, личный сценарий зрителя и отдельный защищённый сеанс воспроизведения.
Открыть проект Краснодарский ипподром ↗
Задача: прямой эфир и архив в одном сервисе
Разработка платформы онлайн-трансляций для ипподрома объединяет две разные задачи: показать спортивное событие и управлять правом зрителя на просмотр. Одной вставки видеоплеера на страницу для такого сценария недостаточно. Нужны каталог скаковых дней, понятный выбор эфира или записи и связь покупки с аккаунтом.
Мы оформили пользовательский путь как последовательность «выбрать событие → войти и оплатить → смотреть». Интерфейс разделяет предстоящие трансляции и архив. Если ближайшие эфиры ещё не опубликованы, сайт показывает осмысленное пустое состояние, а не создаёт впечатление сломанного видеопотока.
Как устроена технология стриминга на веб-уровне
В решении разделены медиадоставка и бизнес-логика доступа. Публичная часть работает на WordPress с WooCommerce и React-интерфейсом. Каталог событий и действия зрителя связаны с REST API. Сайт не должен считать нажатие кнопки оплаты доказательством приобретённого просмотра: клиент получает актуальное состояние заказа и права доступа от сервера.
После разрешения просмотра интерфейс получает параметры активной сессии и выданный сервером URL плеера. Видеоплеер открывается в iframe; рядом выводится водяной знак сессии. Такой подход отделяет публичную карточку события от персонального разрешения на воспроизведение. В опубликованном клиентском коде используются grant URL, session token и запросы поддержания сеанса.
Защищённый сеанс, heartbeat и завершение просмотра
Пока плеер открыт, клиент периодически отправляет heartbeat. Интервал приходит в данных сессии, а авторизация запросов передаётся отдельным заголовком. При закрытии просмотра или уходе со страницы интерфейс отправляет запрос завершения сеанса. Если поддержание сессии отклонено, зрителю показывается сообщение о завершении просмотра.
Задача механизма — связать выдачу плеера с аккаунтом и текущим сеансом, а не полагаться только на скрытую кнопку в браузере. Защита доступа и доставка медиаданных решаются отдельными слоями: это позволяет обсуждать медиапровайдера, формат эфира и параметры нагрузки отдельно от структуры каталога и правил покупки.
Сценарии зрителя и мобильная версия
На телефоне зритель сначала видит назначение сервиса, затем выбор трансляции и объяснение доступа. Отдельно показаны live-формат, архив и привязка к аккаунту. Интерфейс учитывает состояния входа, подтверждения оплаты, отсутствия ближайших событий и ошибок запроса, поэтому маршрут не сводится к единственному экрану успешной покупки.
Веб-уровень предусматривает разворачивание плеера, закрытие просмотра и переход к материалам события. В публичном каталоге на дату съёмки доступны записи прошедших скаковых дней; платные просмотры и реальные расчёты при подготовке этого кейса не выполнялись.
Кому подходит такая платформа
Подход применим к спортивным площадкам, лигам и организаторам мероприятий, которым нужен собственный сайт с прямыми эфирами и платным архивом. Коммерческий сценарий, состояние заказа и жизненный цикл сеанса рассматриваются как части одного продукта, а не как независимые виджеты.
Состав аналогичного проекта зависит от медиапровайдера, форматов доступа, правил аккаунта, платёжной интеграции и требований к архиву. Кейс показывает архитектуру веб-платформы ипподрома и фактический интерфейс; не содержит неподтверждённых обещаний задержки, битрейта или числа зрителей.
Обсудить похожую задачу
Для аналогичного проекта доступны разработка сайтов, автоматизация бизнеса, CRM-интеграции. Начнём с цели, пользовательских сценариев и подтверждённого состава интеграций.