Реалізація потокового відтворення відео (HLS/DASH) в мобільному додатку

TRUETECH займається розробкою, підтримкою та обслуговуванням мобільних додатків iOS, Android, PWA. Маємо великий досвід та експертизу для публікації мобільних додатків до популярних маркетів Google Play, App Store, Amazon, AppGallery та інші.

Розробка та підтримка будь-яких видів мобільних додатків:

Інформаційні та розважальні мобільні програми
Новинки, ігри, довідники, онлайн-каталоги, погодні, фітнес та здоров'я, туристичні, освітні, соціальні мережі та месенджери, квіз, блоги та подкасти, форуми, агрегатори
Мобільні програми електронної комерції
Інтернет-магазини, B2B-додатки, маркетплейси, онлайн-обмінники, кешбек-сервіси, біржі, дропшиппінг-платформи, програми лояльності, доставка їжі та товарів, платіжні системи
Мобільні програми для управління бізнес-процесами
CRM-системи, ERP-системи, управління проектами, інструменти для команди продажів, облік фінансів, управління виробництвом, логістика та доставка, управління персоналом, системи моніторингу даних
Мобільні програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, платформи надання електронних послуг, платформи кешбеку, відеохостинги, тематичні портали, платформи онлайн-бронювання та запису, платформи онлайн-торгівлі

Це лише деякі з типів мобільних додатків, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1735 послуг
Реалізація потокового відтворення відео (HLS/DASH) в мобільному додатку
Середній
~2-3 дні
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_mobile-applications_feedme_467_0.webp
    Розробка мобільного додатка для компанії FEEDME
    792
  • image_mobile-applications_xoomer_471_0.webp
    Розробка мобільного додатку для компанії XOOMER
    671
  • image_mobile-applications_rhl_428_0.webp
    Розробка мобільного додатку для компанії RHL
    1097
  • image_mobile-applications_zippy_411_0.webp
    Розробка мобільного додатку для компанії ZIPPY
    969
  • image_mobile-applications_affhome_429_0.webp
    Розробка мобільного додатку для компанії Affhome
    914
  • image_mobile-applications_flavors_409_0.webp
    Розробка мобільного додатку для компанії FLAVORS
    495

Реалізація потокового відеотрансляції (HLS/DASH) в мобільному застосунку

HLS та DASH — протоколи адаптивного потокового передавання. Плеєр завантажує не один файл, а маніфест із сегментами та динамічно переключається між якостями залежно від швидкості сети. Це не проста загрузка MP4 — тут є буферизація, ABR-алгоритми та обробка помилок сети.

HLS vs DASH: що вибрати

Параметр HLS DASH
Рідна підтримка iOS Так (AVFoundation) Ні (потрібна бібліотека)
Рідна підтримка Android Ні (потрібен ExoPlayer) Ні (потрібен ExoPlayer)
Затримка (стандарт) 6–30 с 2–10 с
Low-Latency HLS/DASH LL-HLS: ~2 с LL-DASH: ~1–3 с
Підтримка DRM FairPlay (iOS), Widevine Widevine, PlayReady

На практиці: якщо аудиторія iOS-dominant та немає DRM — HLS без сторонніх бібліотек. Якщо крос-платформа та потрібна мінімальна затримка — DASH через ExoPlayer/Shaka.

iOS: AVPlayer + HLS

AVPlayer відтворює HLS нативно. Створюємо AVPlayerItem(url: m3u8Url):

let asset = AVURLAsset(url: hlsURL, options: [
    "AVURLAssetHTTPHeaderFieldsKey": ["Authorization": "Bearer \(token)"]
])
let item = AVPlayerItem(asset: asset)
player = AVPlayer(playerItem: item)

Моніторимо буферизацію — KVO на item.isPlaybackLikelyToKeepUp та item.loadedTimeRanges. Коли isPlaybackLikelyToKeepUp == false — показуємо спіннер, при true — ховаємо.

Передзавантаження наступного відео: створюємо AVPlayerItem заздалегідь, додаємо в AVQueuePlayer — перший сегмент наступного відео почне завантажуватися у фоні.

Android: ExoPlayer + HLS/DASH

val player = ExoPlayer.Builder(context).build()

// HLS
val hlsItem = MediaItem.Builder()
    .setUri("https://example.com/stream.m3u8")
    .build()

// DASH
val dashItem = MediaItem.Builder()
    .setUri("https://example.com/manifest.mpd")
    .build()

player.setMediaItem(hlsItem)
player.prepare()
player.play()

ExoPlayer автоматично вибирає HlsMediaSource або DashMediaSource за розширенням URL. Для явного вказання або користувацьких заголовків:

val dataSourceFactory = DefaultHttpDataSource.Factory()
    .setDefaultRequestProperties(mapOf("Authorization" to "Bearer $token"))
val hlsSource = HlsMediaSource.Factory(dataSourceFactory)
    .createMediaSource(MediaItem.fromUri(uri))

Адаптивний бітрейт

За замовчуванням ExoPlayer використовує AdaptiveTrackSelection — переключає якість на межах сегментів (зазвичай кожні 2–10 с). Встановлення мінімальної якості:

val trackSelector = DefaultTrackSelector(context)
trackSelector.parameters = trackSelector.buildUponParameters()
    .setMaxVideoSizeSd() // не вище 480p на слабких пристроях
    .build()

На iOS — AVPlayerItem.preferredPeakBitRate = 2_000_000 обмежує верхній бітрейт, корисно для економії трафіку.

Обробка помилок сети

Сеть нестабільна — сегмент не завантажився, маніфест повернув 403, CDN дав 5xx. ExoPlayer повторює запити автоматично з експоненціальною затримкою (DefaultLoadErrorHandlingPolicy). Користувацька політика:

class RetryPolicy : DefaultLoadErrorHandlingPolicy() {
    override fun getRetryDelayMsFor(loadErrorInfo: LoadErrorInfo) =
        if (loadErrorInfo.errorCount < 5) 1000L * loadErrorInfo.errorCount else RETRY_DELAY_UNSET
}

На iOS: AVPlayerItem.status == .failedplayer.currentItem?.error — читаємо NSError, показуємо кнопку «Повторити».

Орієнтири за часом

HLS-плеєр на одній платформі з ABR та обробкою помилок — 2 дні. Крос-платформний (iOS + Android) з DASH, DRM та ручним вибором якості — 4–5 днів.