Розробка портала для музиканта/артиста
Сайт музиканта або артиста — це точка консолідації цифрової присутності: дискографія, тури, медіа, мерч, пряма взаємодія з фанатами. Технічно він об'єднує елементи медіапорталу, ecommerce та CRM для аудиторії. Складність залежить від масштабу: від сайту-візитки незалежного музиканта до повноцінної платформи з екслюзивним контентом та фан-клубом.
Архітектура контенту
Основні сутності портала:
Артист (один або група)
├── Релізи (альбоми, сингли, EP)
│ ├── Треки (треки з превʼю)
│ └── Кредити (співавтори, продюсери)
├── Події (концерти, тури, заходи)
│ └── Площадки (з геолокацією)
├── Медіа (фото, відео, прес-кіт)
├── Новини / Блог
├── Мерч (фізичні та цифрові товари)
└── Фан-клуб (підписка, екслюзивний контент)
Кожна сутність має статус (draft/published), мультимовність (якщо артист працює на кількох ринках) та SEO-метаданні.
Дискографія та аудіо
Сторінки релізів та треків — SEO-ядро сайту. Органічний трафік приходить за запитами типу "[артист] [альбом] слухати", "[назва треку] текст".
Для превʼю-прослуховування (30–60 секунд) не можна видавати повний MP3 через прямий лінк — його завантажать. Рішення:
HTTP Range + токенізований URL: генеруємо підписаний URL з обмеженим TTL (5 хвилин). Навіть якщо URL витече, він скоро протухне.
GET /preview/{track_id}?token={signed_token}&expires={timestamp}
→ Stream з Content-Range: bytes=0-1572864 (перші 1.5MB ≈ 30 сек при 320kbps)
HLS (HTTP Live Streaming): конвертуємо трек у сегменти .ts по 10 секунд, плейлист .m3u8 видаємо тільки для потрібних сегментів. Повний трек недоступний без всіх сегментів. Плеєр: Video.js або Howler.js з HLS-плагіном.
Для повних треків (платна підписка або покупка): те ж саме, але без обмеження Range та з верифікацією доступу.
Метаданні треків: ISRC (International Standard Recording Code), BPM, тональність, автори, співавтори. ISRC — стандартний ідентифікатор, потрібен для дистрибʼюції. Можна парсити з MP3 ID3-тегів при завантаженні.
Інтеграція з музичними платформами
Користувач хоче слухати на своїй платформі — потрібні кнопки зі посиланнями на Spotify, Apple Music, YouTube Music, Deezer, SoundCloud. Це не просто посилання:
Smart Links / Linkfire / Odesli: за посиланням вигляду song.link/s/AbCdEf сервіс визначає країну користувача та показує доступні в його регіоні платформи. Інтегрується через Odesli API для автоматичного отримання посилань за ISRC.
const links = await fetch(`https://api.song.link/v1-alpha.1/links?isrc=${isrc}`);
Віджети: Spotify Embed (open.spotify.com/embed/track/{id}), SoundCloud Widget API. Вбудовуються через <iframe> з ледачим завантаженням.
Концерти та квитки
Сторінка туру — список подій з фільтруванням по країні/місту. Для продажу квитків варіанти:
Афіліатні посилання на тікет-платформи: Ticketmaster, TicketWeb, Kassir.ru, karabas.com. Проста інтеграція — просто посилання. Просунута — віджет доступності через API платформи.
Ticketmaster Discovery API: дозволяє показувати події та залишки квитків прямо на сайті артиста без редиректу. GET /discovery/v2/events?keyword={artistName}&classificationName=music.
Власний продаж квитків: повноцінний ecommerce з seat map, PDF-генерацією квитків (QR-код для валідації на вході), інтеграцією з платіжним шлюзом. Виправдано тільки для регулярних власних заходів.
Мерч-магазин
Фізичний мерч (футболки, вінілові пластинки, постери) — стандартний ecommerce: варіанти, корзина, платіжний шлюз, інтеграція з Printful або Printify для print-on-demand.
Цифрові товари (high-res FLAC, ноти, sample packs, екслюзивні треки): після оплати — одноразове посилання на завантаження з TTL 24 години та обмеженням по кількості завантажень.
POST /orders/{id}/digital-items/{item_id}/download-link
→ { url: "https://cdn.../download?token=...", expires_at: "..." }
Генерація посилання — через підписаний URL S3 або власний стрімінг-проксі.
Фан-клуб та екслюзивний контент
Модель Patreon/Bandcamp-fan: різні рівні підписки з різним контентом.
fan_tiers (id, name, price_monthly, description, perks JSONB)
fan_subscriptions (id, user_id, tier_id, status, stripe_subscription_id, started_at)
exclusive_content (id, tier_id_required, type, title, released_at)
Доступ до контенту: middleware перевіряє fan_subscriptions.tier_id >= content.tier_id_required. Stripe Subscriptions з вебхуками на customer.subscription.updated та customer.subscription.deleted для миттєвого оновлення доступу.
Типи екслюзивного контенту:
- Early access: релі з на 7 днів раніше публічного
- Demo/акустика: чорнові треки, які не вийдуть офіційно
- Backstage video: відео зі студії, репетицій
- Livestream: відео в реальному часі тільки для підписників
Livestream через Mux Live або YouTube Unlisted + embed. Mux переважніший — дозволяє робити посилання, які працюють тільки з токеном.
Email та push-сповіщення
Список підписників на новини артиста — цінний актив. Форма підписки з подвійним підтвердженням (double opt-in), сегментація по країні (для анонсів турів).
Інтеграція з ESP (Mailchimp, SendPulse, Klaviyo):
- Автоматичне письмо при новому релізі (через API тригер з CMS)
- Письмо за 3 дні до концерту в місті підписника (геосегментація)
- Welcome-серія для нових підписників
Push-сповіщення через OneSignal або Firebase FCM — для мобільного трафіку.
SEO-специфіка
- Сторінка артиста: коротка біографія, дискографія, останні новини — для запитів по імені
- Сторінки релізів: дата випуску, трек-лист, теги жанру — для пошуку по назві альбому
- Сторінки треків: текст пісні (lyrics) — величезний органічний трафік. Lyrics добре ранжуються, користувачі шукають саме так
- Schema.org:
MusicGroup,MusicAlbum,MusicRecording,Eventз датою та місцем
Тексти пісень — правовий момент: потрібні права на публікацію. Альтернатива — інтеграція з Genius API для відображення анотацій (Genius сам вирішує правові питання).
Прес-кіт
Розділ для журналістів та промоутерів: офіційні фото у високій роздільній здатності, офіційна біографія (у кількох форматах та мовах), логотип, технічний райдер. Доступ — по email-запиту або відкритий. Завантаження у zip через серверний архіватор (ZipStream без створення temp-файлів).
Терміни
- Базовий сайт артиста (біографія, дискографія, дати турів, медіа): 3–5 тижнів
- З мерч-магазином та фан-клубом: 7–11 тижнів
- Повноцінна платформа (власна продаж квитків, livestream, Stripe-підписки, аналітика): 14–18 тижнів
Складність сильно залежить від вимог до аудіо-плеєра та захисту контенту. Якщо потрібен кастомний плеєр з HLS та DRM — це окрема задача на 3–4 тижні.