Мы с важной новостью: с 28 февраля 2025 года сервис Хабр Фриланс прекратит свою работу.

Купить услуги можно до 28 февраля 2025, но пополнить баланс уже нельзя. Если на вашем счете остались средства, вы можете потратить их на небольшие услуги — служба поддержки готова поделиться бонусами, на случай, если средств немного не хватает.
R50 0d5dc8088761183b9f33edac8fd3b083
Веб-разработка

Power Player

Добавлено 30 июн 2022 в 21:51
Кастомный видеоплеер, разработанный с нуля для проигрывания рекламного контента в интернете. Проект включает как само ядро плеера, так и сопутствующий веб-сервис для управления контентом.


Архитектура
Ядро на SvelteJS + Redux
Модульная система на основе плагинов
Разработка без внешних зависимостей
Изолированная CSS-архитектура

Функциональность
- Интеграция с рекламными форматами VAST/VPAID
- Поддержка pre-roll и mid-roll рекламы
- Система плейлистов
- Настраиваемые скины интерфейса
- Адаптивное масштабирование видео
- Расширенные возможности HTMLMediaElement

Веб-сервис

- Создание и редактирование плейлистов
- Автоматическая генерация превью
- Панель управления контентом


Ядро плеера
- Отвечает за проигрывание одного видео
- Наследует функционал HTMLMediaElement
- Поддерживает адаптивную верстку
- Автоматически масштабирует видео с сохранением пропорций

Система плагинов

- API для расширения функционала
- Система подписки на события
- Доступ к core-функциям плеера
- Возможность создания пользовательских плагинов

Интеграция

- Встраивание на любые веб-сайты без конфликтов верстке
- Защита от конфликтов стилей
- Сохранение верстки при встраивании
- Корректное отображение на всех устройствах

Технологии
- Frontend: SvelteJS, Redux
- Архитектура: Plugin-based
- Стиль разработки: From scratch
- Принцип: Zero dependencies

Плеер может использоваться для:
- Размещения рекламы на веб-сайтах
- Организации видео-контента
- Создания интерактивных рекламных кампаний
- Управления медиа-контентом через веб-интерфейс
5e1d4544f8 5cd36c5b4b Eea4a92f5d 8bf7d3b9b7 81124a5627