Интеграция камеры (видео) в мобильное приложение

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

Разработка и поддержка любых видов мобильных приложений:

Информационные и развлекательные мобильные приложения
Новостные приложения, игры, справочники, онлайн-каталоги, погодные, фитнес и здоровье, туристические, образовательные, социальные сети и мессенджеры, квиз, блоги и подкасты, форумы, агрегаторы
Мобильные приложения электронной коммерции
Интернет-магазины, B2B-приложения, маркетплейсы, онлайн-обменники, кэшбэк-сервисы, биржи, дропшиппинг-платформы, программы лояльности, доставка еды и товаров, платежные системы
Мобильные приложения для управления бизнес-процессами
CRM-системы, ERP-системы, управление проектами, инструменты для команды продаж, учет финансов, управление производством, логистика и доставка, управление персоналом, системы мониторинга данных
Мобильные приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, платформы предоставления электронных услуг, платформы кешбека, видеохостинги, тематические порталы, платформы онлайн-бронирования и записи, платформы онлайн-торговли

Это лишь некоторые из типы мобильных приложений, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента.

Услуги, которые мы предлагаем
Показано 1 из 1Все 1735 услуг
Интеграция камеры (видео) в мобильное приложение
Средний
от 1 дня до 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

Интеграция камеры (видео) в мобильное приложение

Запись видео тяжелее фото в каждом смысле: больше разрешений, больше памяти, больше точек отказа. Приложение для знакомств хочет видеоанкеты до 30 секунд — кажется, тривиально, но AVAssetExportSession падает с exportFailed на iPhone SE с iOS 16.4 при определённом сочетании разрешения и битрейта.

Основные сложности

Ограничение длины записи. На iOS нет встроенного ограничения в AVCaptureMovieFileOutput — таймер нужно реализовывать вручную и явно вызывать stopRecording(). Пропустишь — пользователь запишет 40-минутный ролик, который потом нельзя загрузить.

Размер файла. 30 секунд в 4K с iPhone 15 Pro — около 600 МБ при дефолтных настройках. Для большинства приложений это неприемлемо. Перед загрузкой нужно транскодирование: AVAssetExportSession с AVAssetExportPresetMediumQuality или конкретным AVVideoCompressionPropertiesKey + AVVideoAverageBitRateKey. На Android — MediaCodec напрямую или через Transformer из media3.

Выбор из галереи. PHPickerViewController с PHPickerFilter.videos на iOS 14+. Важный нюанс: loadFileRepresentation(forTypeIdentifier: "public.movie") копирует файл во временную директорию — нужно успеть его обработать до следующего запуска приложения или явно переместить в Documents.

Как реализуем

iOS. AVCaptureSession + AVCaptureMovieFileOutput для кастомной камеры с полным контролем над параметрами. Для простых сценариев — UIImagePickerController с mediaTypes: [kUTTypeMovie as String]. Видео сжимаем через AVAssetExportSession, выбирая пресет в зависимости от назначения: AVAssetExportPreset960x540 для превью, AVAssetExportPreset1280x720 для основного контента.

let exportSession = AVAssetExportSession(asset: asset, presetName: AVAssetExportPreset1280x720)
exportSession?.outputURL = outputURL
exportSession?.outputFileType = .mp4
exportSession?.exportAsynchronously { ... }

Android. CameraX VideoCapture API стабилизировался в 1.3.x. Запись через RecorderPendingRecordingRecording. Ограничение по времени — stop() в Handler.postDelayed. Сжатие — Transformer из androidx.media3:media3-transformer (замена устаревшего TranscodingTransformer).

Flutter. camera (pub.dev) для кастомной камеры, image_picker для выбора из галереи. Для транскодирования — video_compress или вызов нативного кода через MethodChannel.

Загрузка

Видеофайлы грузим чанками (multipart или resumable upload). На iOS — URLSessionUploadTask с background конфигурацией. На Android — WorkManager + OkHttp, чтобы загрузка не прерывалась при сворачивании. Прогресс передаём в UI через StateFlow или LiveData.

Превью записанного видео

После записи пользователь должен увидеть превью перед отправкой. На iOS — AVPlayerViewController с локальным URL или кастомный AVPlayer. На Android — ExoPlayer с локальным Uri. Важно: временные файлы пишем в FileManager.temporaryDirectory (iOS) или cacheDir (Android) и очищаем после успешной загрузки, иначе за несколько сессий накапливаются гигабайты черновиков.

React Native

react-native-vision-camera (v3+) — современный выбор с поддержкой CameraX на Android и AVFoundation на iOS. Ключевое преимущество перед react-native-camera (deprecated) — Frame Processors: можно запускать JavaScript-код на каждом кадре через Worklets, например для обнаружения QR-кода во время записи. Для выбора из галереи — react-native-image-picker с mediaType: 'video'.

Сроки

Стандартная интеграция (запись с ограничением, выбор из галереи, сжатие, загрузка) — 2–3 дня. Кастомный интерфейс камеры со своим UI управления — плюс 1–2 дня.