Інтеграція трансляції в VK Live з мобільного додатку

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

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

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

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

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1735 послуг
Інтеграція трансляції в VK Live з мобільного додатку
Середній
~5 днів
Часті запитання

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

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

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

  • 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

Інтеграція трансляції в VK Live з мобільного додатка

VK Live не надає офіційний мобільний SDK для сторонніх додатків — це перше, що потрібно розуміти. Трансляція організується через RTMP/RTMPS-протокол на endpoint, який користувач отримує в настройках своєї трансляції VK. Задача розробника — захопити відео з камери, закодувати його в H.264/H.265 і відправити на rtmp://vp.vkforms.ru/live з коректним stream key.

Ключові технічні складності

Самі частива проблема — отримання RTMP-ключа без участі користувача. VK API (video.startStreaming) вимагає авторизацію через VK Connect з scope video. Якщо токен просрочений або не містить потрібний scope, метод повертає error_code: 15 (access denied), трансляція не запускається. Токен храним в Keychain/EncryptedSharedPreferences, оновлюємо через refresh flow до розпаду, не по факту помилки.

Кодування на мобільному. На iOS використовуємо VideoToolbox через AVAssetWriter + AVAssetWriterInput з параметрами:

  • AVVideoCodecKey: AVVideoCodecType.h264
  • AVVideoWidthKey: 1280, AVVideoHeightKey: 720
  • AVVideoCompressionPropertiesKeyAVVideoAverageBitRateKey: 2_500_000
  • AVVideoMaxKeyFrameIntervalKey: 60 (keyframe кожні 2 секунди при 30fps)

Без явного AVVideoMaxKeyFrameIntervalKey енкодер розставляє keyframe занадто рідко, RTMP-сервер VK починає буферизувати довше, зрители помічають рывки при зміні сцени.

На Android — MediaCodec з MediaFormat.MIMETYPE_VIDEO_AVC, MediaFormat.KEY_BITRATE_MODE = BITRATE_MODE_CBR. VBR режим на нестабільному з'єднанні дає всплески, які дроп-пакети на VK-ингесте перетворюють на артефакти на 2–3 секунди.

Як реалізуємо

Для RTMP-передачі на iOS використовуємо HaishinKit (Swift, активно підтримується). На Android — rtmp-rtsp-stream-client-java від pedroSG94 або власний MediaMuxer з RTMP-клієнтом поверх java.net.Socket. В продакшн-проектах переважаємо нативний MediaCodec-шлях з кастомним RTMP без важких залежностей.

Схема для iOS з HaishinKit:

let rtmpConnection = RTMPConnection()
let rtmpStream = RTMPStream(connection: rtmpConnection)
rtmpStream.videoSettings = VideoCodecSettings(
    videoSize: CGSize(width: 1280, height: 720),
    bitRate: 2_500_000,
    profileLevel: kVTProfileLevel_H264_High_AutoLevel as String
)
rtmpStream.audioSettings = AudioCodecSettings(bitRate: 128_000)

rtmpConnection.connect("rtmp://vp.vkforms.ru/live")
rtmpStream.publish(streamKey)

Моніторинг якості — підписуємось на RTMPConnection.Event.rtmpStatus, стежимо NetStream.Publish.BadName (невірний ключ), NetStream.Failed (розрив з'єднання). При NetStream.Failed логуємо в Firebase Crashlytics з параметрами: бітрейт у момент розриву, тип з'єднання (Wi-Fi/Cellular), версія ОС.

Переподключення реалізуємо з exponential backoff: 2s → 4s → 8s → 16s → 30s (максимум). Нескінчений retry без паузи заблокує акаунт на VK-стороні за flood.

Авторизація і отримання stream key

Через VK SDK (iOS: VKSDK, Android: vk-android-sdk) або прямий OAuth2-flow:

  1. Відкриваємо WebView або SFSafariViewController на https://oauth.vk.com/authorize?client_id=APP_ID&scope=video&response_type=token
  2. Перехоплюємо redirect на https://oauth.vk.com/blank.html#access_token=...
  3. Викликаємо video.startStreaming з отриманим токеном
  4. З відповіді беремо rtmp_url і key

Ключ сесіонний — діє одну трансляцію. Зберігати між сесіями неможна.

Терміни

Інтеграція на одній платформі (iOS або Android): 2–3 тижні з урахуванням OAuth-flow, захисту відео і базової обробки мережевих помилок. Додавання адаптивного бітрейту і автопереподключення — ще один тиждень. Вартість розраховується індивідуально після аналізу вимог.