Задача
Создать портал для публикации видео пустых мегаполисов в период пандемии
Решение
Предложено и реализовано решение с кодированием видео на лету, а так же поддержкой vtt-субтитров, что позволило динамически адаптировать видео под ширину канала и склеивать различные части видео в один непрерывный ролик. Для загрузки контента используется CMS strapi, клиентская часть реализована на nuxt. В качестве источника видео выбран mp4 repackager
Технологии
Vue (Nuxt)
Javascript framework
MongoDB
Database
Mubert
Music
Strapi
CMS
MPEG-DASH / HLS
Video streaming
![](/_nuxt/img/fancyshot.f5b0ed6.png)
Некоммерческий проект
Fancy Shot | Empty Cities
Fancy Shot | Empty Cities
В 2020 году мир неожиданно столкнулся с глобальной пандемией. Жители практически всех стран оказались вынуждены держать самоизоляцию и города опустели. Fancy Shot решили воспользоваться этой уникальной возможностью собрать видео пустых мегаполисов.
![](/_nuxt/img/FancyShotLaptop.d36399a.png)
![](/_nuxt/img/FancyShotMobile.68676a5.png)
Быстрый старт
Использование CMS позволило быстро создать решение для публикации контента, чтобы сфокусировать внимание на оптимизации вывода видео. Потоковое видео дало возможность использовать сайт даже на мобильных устройствах с нестабильным интернет-соединением.