R50 0d5dc8088761183b9f33edac8fd3b083
Веб-разработка

Power Player

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

  • Кастомизированный интерфейс с возможностью менять скины
  • Проигрывание рекламы
  • Проигрывание видео
  • Проигрывание плейлистов видео. В плейлисте показывается превью изображения.
  • Проигрывание VAST/VPAID рекламы между видео
  • Проигрывание VAST/VPAID рекламы внутри видео
Для создания плейлистов и генерации превью мною так же разработан веб-сервис и веб-интерфейс к нему.

Плеер имеет модульную архитектуру.
Ядро плеера отвечает за проигрывание одного видео и умеет все то что умеет стандартный HTMLMediaElement плюс custom интерфейс. Тот в свою очередь обладает адаптивностю, а так же изменяет размер видео в пропорции с шириной.

Функционал расширяется за счет плагинов. Каждый плагин имеет доступ к API плеера и может подписываться на его события.

Плеер может быть встроен практически на любой сайт. При этом его интерфейс не расплывается и не едет, верстка элементов интерфейса защищена от переопределения CSS правил.

Благодаря связке SvelteJS + Redux плеер получился очень быстрым, легким и надежным.
Он написан мною с нуля, from scratch, в нем отсутствуют сторонние зависимости.

5e1d4544f8 5cd36c5b4b Eea4a92f5d 8bf7d3b9b7 81124a5627