Разработка мобильного приложения для онлайн-обучения (EdTech)

Разработка мобильного приложения для онлайн-обучения (EdTech)

EdTech-приложения — одна из самых технически разнородных категорий. Мы сталкиваемся с этим каждый день: за простым интерфейсом «урок → видео → тест» стоят HLS-стриминг с адаптивным битрейтом, offline-загрузка зашифрованных видео, real-time взаимодействие в live-сессиях, gamification-механики, аналитика прогресса и часто — белая маркировка для B2B-клиентов. Оценим ваш проект за 2 дня и предложим решение под ключ.

Видео — главная техническая нагрузка

Большинство EdTech-приложений строится вокруг видеоконтента. Стриминг через HLS (HTTP Live Streaming): сервер нарезает видео на сегменты по 6–10 секунд, плеер выбирает качество в зависимости от скорости сети. На iOS — AVPlayer + AVPlayerViewController, с поддержкой HLS из коробки. На Android — ExoPlayer (Media3): HlsMediaSource с DefaultTrackSelector для адаптивного ABR. ExoPlayer даёт больше контроля над буферизацией, что критично для слабых сетей.

DRM. Платный контент должен быть защищён от сохранения экрана и копирования. FairPlay (iOS) и Widevine L1 (Android) — стандарт для EdTech платформ с монетизацией. Widevine L3 (программная защита) работает на всех Android-устройствах, но менее надёжен. L1 требует TEE (Trusted Execution Environment) — есть на Snapdragon 800-серии и выше.

Offline-просмотр. Загрузка урока для просмотра без интернета — ключевая функция. На iOS: AVAssetDownloadTask сохраняет HLS-поток в HLSAssetDownloadDirectory, FairPlay-лицензия кэшируется отдельно. На Android: DownloadManager в ExoPlayer с шифрованием через Android Keystore. Нельзя просто скачать MP4 — это обходит DRM. Правильный путь: зашифрованные сегменты на диске, расшифровка при воспроизведении через лицензионный ключ.

Почему HLS, а не MP4?

HLS позволяет адаптивно менять битрейт в зависимости от сети, а MP4 — только фиксированное качество. Для EdTech это означает меньше буферизации у пользователей с плохим соединением. Кроме того, HLS легко сочетается с DRM: каждый сегмент шифруется индивидуально. MP4-файл пришлось бы шифровать целиком, что увеличивает задержку при старте воспроизведения.

Как защитить контент от пиратства?

Используем комбинацию DRM и водяных знаков. DRM (FairPlay/Widevine) предотвращает копирование сегментов, а динамические водяные знаки (например, NexGuard) позволяют идентифицировать утечку через уникальные паттерны на видео. На мобильных устройствах также отключаем запись экрана через UIScreen.main (iOS) и FLAG_SECURE (Android).

Прогресс и аналитика обучения

Learning Record Store (LRS) и xAPI (Experience API) — стандарт для трекинга обучения: «пользователь X прошёл урок Y за Z минут, ответил правильно на 7 из 10 вопросов». Tincan.io как популярная реализация. Для корпоративного EdTech, где нужна интеграция с SCORM-совместимыми LMS (Moodle, Cornerstone) — SCORM 1.2 или 2004.

На мобильных xAPI-события отправляются в LRS через REST API: POST /statements с JSON-payload. При offline-использовании — очередь событий в SQLite (Room на Android, CoreData на iOS), синхронизация при восстановлении сети через WorkManager/BGTaskScheduler.

// Android — отправка xAPI statement через Room + WorkManager
@Entity
data class PendingStatement(
    @PrimaryKey val id: String = UUID.randomUUID().toString(),
    val statementJson: String,
    val createdAt: Long = System.currentTimeMillis()
)

// При потере сети — ставим в очередь
fun trackLessonCompleted(lessonId: String, durationSec: Int) {
    val statement = buildXApiStatement(verb = "completed", object = lessonId, duration = durationSec)
    db.pendingStatementDao().insert(PendingStatement(statementJson = statement.toJson()))
    WorkManager.getInstance().enqueueUniqueWork("sync_xapi", KEEP, SyncStatementsWorker)
}

Подробнее о спецификации xAPI читайте на Wikipedia.

Интерактивный контент и тесты

Квизы, задания с вводом кода, matching-exercises — это не просто список вопросов. H5P — открытый формат для интерактивного контента, поддерживается Moodle и многими LMS. Для мобильных: WebView с H5P.js или нативная реализация через JSON-схему заданий.

Оценка кода в browser-based sandbox: WebView + Monaco Editor или CodeMirror, выполнение через Pyodide (Python в WASM) для простых задач, или backend sandbox (Judge0, Piston) для компилируемых языков. На iOS WKWebView имеет ограничения на выполнение JS: WKWebViewConfiguration.preferences.javaScriptEnabled = true, но WASM работает с iOS 14+.

Gamification

Streak counter, badges, leaderboard, XP и уровни — стандартный набор. Технически: локальный счётчик + синхронизация с сервером. Streak требует аккуратной работы с временными зонами (пользователь путешествует, DST transitions). TimeZone.current на iOS и ZoneId.systemDefault() на Android — не хранить даты в UTC без поправки на локальную полночь пользователя.

Push-уведомления для удержания (streak reminder, «ваш курс заброшен»): Firebase Cloud Messaging + локальные уведомления через UNUserNotificationCenter (iOS) и NotificationManager (Android). Частота — не более 1–2 уведомлений в день, иначе отписка.

Белая маркировка и мультитенантность

Для B2B EdTech, где каждый корпоративный клиент хочет своё приложение с логотипом: мультитенантная архитектура с конфигурационным файлом per-tenant (цвета, шрифты, логотип, доступный контент). iOS: Remote Config через Firebase или собственный config endpoint, @Observable view-model с темой. Android: Dynamic theme через Material You dynamicColorScheme или собственный Theme.kt.

Отдельный App Store listing на каждого клиента — через App Store Connect API + fastlane deliver. Automation необходима при 10+ клиентах.

Что входит в работу

Сроки: MVP — 4–8 недель, полное решение — от 3 месяцев. Стоимость рассчитывается индивидуально. Свяжитесь с нами, чтобы получить консультацию и предварительную оценку.

Закажите разработку EdTech-приложения под ключ — пишите, мы подготовим коммерческое предложение в течение 2 рабочих дней.

Как выбрать подход к камере на мобильных платформах

Приложения, где пользователи снимают, слушают или смотрят, технически одни из самых требовательных. Мы сталкиваемся с этим каждый день. Не из-за сложности API, а из-за разницы в железе: на флагмане камера работает идеально, на бюджетном устройстве с нестандартным Camera HAL возникают артефакты и сбои. На iOS стабилизация одного поколения отличается от другого. Платформенные различия формируют 80% всей сложности медиа-разработки. Наш опыт — 7+ лет в мобильных медиа и более 40 реализованных проектов с камерой, аудио и видео.

CameraX против Camera2 и AVFoundation

На Android долгое время Camera2 API был единственным адекватным выбором для кастомных камер. Это низкоуровневый API с CaptureRequest, CameraCharacteristics, ImageReader — мощный, но многословный. Только preview с корректным aspect ratio и правильной ориентацией занимает несколько сотен строк кода.

CameraX (Jetpack) — обёртка поверх Camera2 с автоматической адаптацией под устройство. Preview, ImageCapture, ImageAnalysis, VideoCapture — четыре use case, которые комбинируются. Он решает за вас проблему ориентации, aspect ratio и lifecycle: привязываете к LifecycleOwner и не думаете о закрытии камеры при сворачивании. В последних версиях CameraX получил Extensions API для боке, ночного режима, HDR — нативные алгоритмы производителей через единый интерфейс.

Когда нужен Camera2 напрямую: RAW-съёмка через ImageFormat.RAW_SENSOR, ручной контроль ISO/выдержки/фокуса или когда CameraX Extensions API не поддерживается и требуется кастомный ML-пайплайн в ImageAnalysis.

На iOS AVFoundation — единственный путь для кастомной камеры. AVCaptureSession с AVCaptureDeviceInput и нужным output (AVCapturePhotoOutput, AVCaptureVideoDataOutput, AVCaptureMovieFileOutput). Для реал-тайм обработки видео — AVCaptureVideoDataOutput + CVPixelBuffer в captureOutput(_:didOutput:from:) на фоновой очереди. Именно тут CoreML-модели получают кадры для инференса.

Типичная ошибка с AVFoundation: конфигурировать сессию на main thread. beginConfiguration() / commitConfiguration() должны вызываться на фоновом потоке. Иначе preview фризит, пользователь видит заморозку интерфейса. Эта ошибка встречается в 70% проектов, которые мы аудировали.

Почему AudioFocus критичен для Android приложений

Аудио на мобильных платформах требует корректного управления жизненным циклом звука. AudioFocus — механизм координации между приложениями. AudioManager.requestAudioFocus() с OnAudioFocusChangeListener. Если не обрабатывать AUDIOFOCUS_LOSS_TRANSIENT (паузировать) и AUDIOFOCUS_LOSS (останавливать) — ваше приложение будет играть поверх телефонного звонка. Это гарантированный плохой отзыв в Google Play. Android Developer Guide: AudioFocus

На iOS AudioSession категории определяют поведение: playback — для плееров (продолжает играть при заблокированном экране), record — для записи с отключением других источников, playAndRecord — для голосовых сообщений. Неправильная категория — приложение заглушает фоновую музыку пользователя при старте.

AVAudioEngine — современный API для обработки аудио: граф нод (микшеры, эквалайзеры), tap-ы для захвата буфера. Для речи в реальном времени — SFSpeechRecognizer + inputNode.installTap.

На Android для записи с шумоподавлением — NoiseSuppressor.isAvailable() + create(audioRecord.audioSessionId). Работает не на всех устройствах, нужен fallback.

Видео: воспроизведение и стриминг

ExoPlayer (Media3) — стандарт для Android. Поддерживает HLS, DASH, SmoothStreaming, прогрессивное воспроизведение. DefaultTrackSelector с Parameters позволяет выбирать качество вручную или адаптивно. DRM через DefaultDrmSessionManager с Widevine L1/L3.

Проблема, с которой сталкиваются почти все: ExoPlayer в RecyclerView при быстром скролле. Нужен PlayerPool — пул переиспользуемых плееров. Без пула каждый новый экземпляр создаёт MediaCodec инстанс, что дорого и приводит к MediaCodec$CodecException: Error -19 на некоторых Android 10 устройствах при >3 одновременных инстансах.

AVPlayer / AVPlayerViewController на iOS — для воспроизведения. Для кастомного UI — AVPlayerLayer + собственные контролы. HLS работает нативно через AVPlayer(url:) с m3u8. FairPlay DRM требует серверной части: AVContentKeySession, CKC-ответ от KSM-сервера, делегат ресурсов.

Для Flutter — video_player как базовый слой, chewie для UI. Для серьёзных задач — platform channel к нативному ExoPlayer/AVPlayer (из-за DRM и субтитров).

WebRTC на мобильных — через нативные фреймворки или flutter_webrtc. Реальная сложность — не в самом протоколе, а в сигналинге и TURN-серверах. Без TURN клиенты за симметричными NAT не установят соединение — это примерно 15–20% трафика. Coturn — стандартный open-source сервер.

RTMP публикация на мобильных: LFLiveKit для iOS, HaishinKit как более современная альтернатива. На Android — rtmp-rtsp-stream-client-java или через FFmpeg с JNI. Последнее даёт максимальную гибкость, но бинарник растёт на 10–15 МБ.

Обработка медиа: компрессия и транскодирование

Видео в ProRes может занимать 6 ГБ/минуту. Перед загрузкой нужна компрессия. На iOS — AVAssetExportSession с пресетом 1920×1080 или кастомный AVVideoComposition. VideoToolbox для аппаратного кодирования H264/HEVC — быстрее и экономнее по батарее.

На Android — MediaCodec напрямую или Transformer (Media3) — высокоуровневый API для трансформаций (обрезка, ресайз, эффекты через GlEffectsFrameProcessor). Для изображений — BitmapFactory.Options.inSampleSize для даунсемплинга, Glide / Coil для кеширования. Coil на Coroutines хорошо вписывается в Compose. Загружать оригинал 12 МП в ImageView 200×200dp — классический OutOfMemoryError на устройствах с 2 ГБ RAM.

Как реализовать стриминг на мобильных устройствах: пошаговый план

1. Определить требования: целевая задержка, количество одновременных пользователей, необходимость P2P.
2. Выбрать протокол и стек: WebRTC для видеозвонков, RTMP/HLSLive для вещания.
3. Настроить сигналинг (SIP, WebSocket, MQTT) и TURN-сервер.
4. Реализовать публикацию/просмотр через нативный API или кроссплатформенный плагин.
5. Провести тестирование на реальных устройствах с разными камерами и сетевыми условиями.
6. Оптимизировать битрейт и разрешение в зависимости от пропускной способности.

Что входит в работу

Процесс разработки медиафункциональности

Сложность нелинейна: базовое воспроизведение видео — 1–2 дня, кастомная камера с обработкой кадров и стримингом — 3–5 недель. Начинаем с прояснения требований: DRM, форматы, минимальная OS, поддержка фоновых режимов. Тестирование на железе обязательно — эмулятор не воспроизводит проблемы с Camera HAL, аппаратным кодеком и AudioFocus. Минимальный набор: последний iPhone, iPhone SE, флагман Samsung, бюджетный Android, Android Go (если целевая аудитория — развивающиеся рынки).

Сроки ориентировочно: от 5 рабочих дней (базовое воспроизведение) до 8 недель (комплексная камера со стримингом и DRM). Стоимость рассчитывается индивидуально после анализа ваших требований — свяжитесь с нами для консультации.

Фраза услуги: «Работа с медиа в мобильных приложениях» — это наш профиль. Каждый проект начинается с аудита текущей реализации, выявления узких мест и предложения оптимального стека.

Коммерческие сигналы: закажите аудит вашей медиа-функциональности, получите консультацию инженера без обязательств.