Реалізація адаптації якості контенту під швидкість 5G у мобільному застосунку
5G обіцяє гігабітні швидкості, але на ділі користувачі бачать лише скромний приріст через особливості NSA та mmWave. При цьому багато розробників помилково покладаються на індикатор 5G у статус-барі, що веде до неправильних рішень. Один із наших клієнтів — відеосервіс з мільйонною аудиторією — скаржився, що користувачі на 5G отримують ривки та завантаження в поганій якості. Ми впровадили адаптацію за реальним throughput, а не за типом мережі. Проблема вирішилася: буферизація скоротилася на 40%, а користувачі залишалися на сесії в 1.5 рази довше. Адаптація потрібна не до типу мережі, а до реально виміряної швидкості, інакше 5G NSA (на ділі LTE) не дасть обіцяних мегабіт.
Як виміряти реальну пропускну здатність?
NetworkCapabilities.getLinkDownstreamBandwidthKbps() на Android повертає оціночну швидкість від радіомодуля — не реальну пропускну здатність прямо зараз. Це середня за технологією (LTE: ~20 Мбіт/с, 5G Sub-6: ~100–400 Мбіт/с), не вимірювання поточного каналу. Це значення усереднене за багатьма сесіями і не відображає поточне завантаження лінка, особливо в години пік.
Для реального throughput — активний зонд або пасивне спостереження за фактичними HTTP-відповідями. Найточніший підхід: вимірювати throughput за реальними завантаженнями через ковзне середнє:
// Оновлюємо оцінку throughput при кожному завантаженні function updateThroughputEstimate(bytesLoaded: number, durationMs: number) { const measuredKbps = (bytesLoaded * 8) / durationMs; // кбіт/мс = Мбіт/с // EMA з alpha=0.3 — не різко змінюємося, але й не ігноруємо свіжі дані throughputEstimate = 0.7 * throughputEstimate + 0.3 * measuredKbps; } EMA (Exponentially Moving Average) згладжує викиди. alpha=0.3 — хороше значення для мереж з помірною варіабельністю. Для дуже нестабільних мереж (mmWave) — alpha=0.5. Пасивне вимірювання на 30% точніше активного зонда в умовах конкурентного трафіку і простіше в інтеграції.
Порівняння методів вимірювання throughput
| Метод | Точність | Вплив на трафік | Складність |
|---|---|---|---|
| Активний зонд (ICMP/слот) | Висока | Створює додаткове навантаження | Середня |
| Пасивне спостереження | Середня (EMA згладжує) | Нульовий | Низька — достатньо логувати існуючі запити |
| Читання чипа модема (OEM API) | Дуже висока | Немає | Висока, тільки для Android 10+ |
Рівні якості контенту
Стандартна сітка для відео:
| Рівень | Бітрейт | Роздільна здатність | Мінімальний throughput |
|---|---|---|---|
| Low | 400 кбіт/с | 360p | 600 кбіт/с |
| Medium | 1.5 Мбіт/с | 720p | 2 Мбіт/с |
| High | 4 Мбіт/с | 1080p | 5 Мбіт/с |
| Ultra | 15 Мбіт/с | 4K | 20 Мбіт/с |
Для зображень: WebP з різними таблицями якості (JPEG quality 40/60/80/95 або WebP equivalent), або різні розміри (400px, 800px, 1600px, 3200px).
Чому гістерезис важливий?
Без гістерезису застосунок буде «смикатися» між якістю при швидкості поблизу порогового значення. Правило: для підвищення якості вимагаємо стійкого перевищення порогу на 20–30%, для зниження — достатньо 10% падіння нижче мінімуму.
const UPGRADE_BUFFER = 1.3; // +30% запас для переходу вгору const DOWNGRADE_THRESHOLD = 0.9; // -10% для переходу вниз function selectQualityLevel(currentKbps: number, currentLevel: QualityLevel): QualityLevel { const levels = [LOW, MEDIUM, HIGH, ULTRA]; const idx = levels.indexOf(currentLevel); // Пробуємо підвищити if (idx < levels.length - 1) { const next = levels[idx + 1]; if (currentKbps >= next.minKbps * UPGRADE_BUFFER) return next; } // Пробуємо знизити if (idx > 0) { if (currentKbps < currentLevel.minKbps * DOWNGRADE_THRESHOLD) return levels[idx - 1]; } return currentLevel; } Додатково: не перемикаємося частіше одного разу на 5–10 секунд. Debounce на прийняття рішення про зміну рівня.
Як працює адаптація на iOS?
На iOS — NWPathMonitor з Network.framework. Прямого API «це 5G з такою-то швидкістю» немає, але комбінуємо тип радіо-технології (через CTTelephonyNetworkInfo) з throughput-вимірюванням. Оскільки NWPathMonitor не дає числових метрик, використовується пасивне вимірювання через URLSessionTask. Результати зберігаються в Core Data. Приклад ініціалізації:
import Network let monitor = NWPathMonitor() monitor.pathUpdateHandler = { path in if path.usesInterfaceType(.cellular) { let is5G = path.isConstrained == false // евристика DispatchQueue.main.async { self.updateQualityForPath(path) } } } monitor.start(queue: DispatchQueue.global(qos: .background)) NwPathMonitor documentation — деталі використання на Apple Developer.
Передзавантаження при переході на високу швидкість
При виявленні 5G з високим throughput — ініціюємо preload наступного контенту до того, як користувач його запитає. У відео-застосунку: підвантажуємо наступне відео в черзі на 50–60% при idle. У стрічці зображень: завантажуємо ultra-версії видимих елементів і перших 3–5 за межами viewport.
react-native-fast-image підтримує передзавантаження через FastImage.preload([...]). У нативному iOS — URLSession з background конфігурацією, задачі живуть навіть при переході в фон.
Процес роботи
- Аналіз поточної архітектури та вибір оптимального підходу (активний зонд або пасивне вимірювання).
- Реалізація модуля вимірювання throughput з EMA-фільтром.
- Налаштування рівнів якості та гістерезису під ваш контент.
- Інтеграція з плеєром або галереєю, включаючи передзавантаження.
- Документація та навчання команди.
- Підтримка після релізу.
Оцінка
Адаптивна якість контенту з throughput-вимірюванням, гістерезисом та preload-логікою: 3–5 тижнів для однієї платформи. Крос-платформова реалізація (React Native з нативними модулями): 4–7 тижнів. Отримайте консультацію — оцінимо ваш проєкт за 2 дні. Наша команда має 5+ років досвіду в мобільній розробці та понад 20 успішних проєктів з адаптивним контентом. Гарантуємо стабільність рішення та повну документацію. Зв'яжіться з нами для обговорення вашого сценарію.







