Перейти к кейсу
Активный проект2022 — н.в.

Chebyrnet Music

Стриминговый музыкальный веб-сервис с караоке и рекомендациями

Роль: Full-Stack разработчик · HLS веб-плеер, караоке-движок, REST API каталога и интеграция S3

Постановка задачи и контекст

Нужно было создать веб-плеер, который воспроизводит потоковое аудио через HLS и синхронно выводит текст песни строка за строкой.

Архитектурное решение

Разработал клиентскую часть плеера с интеграцией HLS, реализовал рендеринг активных строк караоке, а на бэкенде — API каталога и интеграцию с S3-хранилищем.

Ключевые инженерные решения

  • Клиентский веб-плеер на Next.js и React с поддержкой HLS-потоков.
  • Рендеринг строк текста песни без сдвигов макета при воспроизведении.
  • Бэкенд-сервисы каталога исполнителей, альбомов и треков на NestJS.
  • Кэширование популярных запросов и сессий в Redis.
  • Контейнеризация сервисов и запуск через Docker.

Стек технологий кейса

Next.jsReactTypeScriptNestJSTailwind CSSPostgreSQLRedisDockerhls.js