Реализация сканирования документов через камеру мобильного приложения
Мы — команда мобильных инженеров с 7+ летним опытом в компьютерном зрении на iOS и Android. За это время мы реализовали сканирование для паспортов, договоров, квитанций и книжных разворотов. Пользователь держит телефон над документом, приложение автоматически находит края листа, выравнивает перспективу и отдаёт чистый PDF. Это не «сфотографировать и обрезать» — внутри детектор контуров (Canny, Hough), гомографическая трансформация и пост-обработка для читаемости. Каждый шаг можно испортить, если не учесть особенности освещения и типы документов. Свяжитесь с нами, чтобы оценить ваш проект — мы поможем выбрать оптимальное решение.
Почему детектор краёв ломается на бликах и тенях
На iOS VNDetectRectanglesRequest (Vision) возвращает VNRectangleObservation с четырьмя corner points в нормализованных координатах. Проблема — на глянцевой бумаге под прямым светом алгоритм путает блик с краем листа. Решение: перед детекцией применяем CIFilter с CIColorControls (уменьшаем inputSaturation) и CIHighlightShadowAdjust. Это убирает блики как артефакты цвета. Дополнительно можно увеличить контраст (уровень 1.2-1.5) для улучшения разделения краёв.
На Android ML Kit Document Scanner (com.google.android.gms:play-services-mlkit-document-scanner) справляется лучше с тенями, но требует Google Play Services. Альтернатива без зависимости от GMS — OpenCV findContours + approxPolyDP с фильтром по площади и соотношению сторон. Порог minArea = 30% от площади кадра отсекает фоновые объекты. Подробнее об алгоритме — в документации OpenCV. Для Flutter мы используем нативный channel через cunning_document_scanner, который делегирует детекцию на платформу.
Как выбрать между нативным SDK и OpenCV?
Выбор зависит от экосистемы. Если приложение использует Google Play Services, ML Kit даёт готовый UI и хорошую точность. Для устройств без GMS (например, Huawei) — OpenCV. На iOS Vision — оптимальный выбор с 2017 года, поддерживает Live Photo и Metal acceleration. Однако OpenCV требует лицензионных оговорок (BSD) и больше кода. Производительность: на iPhone 13 детекция Vision занимает ~80 мс, OpenCV (~120 мс с оптимизацией NEON).
Как правильно выполнить коррекцию перспективы
После получения четырёх точек применяем perspective transform. iOS: CIPerspectiveCorrection с явной передачей inputTopLeft, inputTopRight, inputBottomLeft, inputBottomRight в координатах изображения (не превью). Частая ошибка — использовать координаты превью-слоя напрямую без пересчёта через VNImagePointForNormalizedPoint. Android: getPerspectiveTransform + warpPerspective из OpenCV или матричная трансформация через android.graphics.Matrix.setPolyToPoly. Второй вариант работает без OpenCV, но ограничен аффинными преобразованиями — для сильного перспективного искажения не подходит. На Flutter — ручной расчёт гомографии с помощью image пакета или нативный channel.
Техническая реализация коррекции перспективы
Для iOS: после получения точек из VNRectangleObservation, преобразуем их в координаты изображения через VNImagePointForNormalizedPoint. Затем передаём в CIPerspectiveCorrection. Для отладки рисуем контур на AVCaptureVideoPreviewLayer через CAShapeLayer с обновлением каждый 5 кадров. На Android: используем getPerspectiveTransform из OpenCV, но для не-OpenCV пути — setPolyToPoly с PST (perspective transform) через Matrix. Важно: при сильном искажении аффинные преобразования дают ошибку до 15% на краях.
Постобработка: читаемость важнее красоты
После выпрямления документ нужно обработать для читаемости при распечатке или OCR:
-
Адаптивная бинаризация —
cv::adaptiveThreshold с методом Gaussian лучше чем Otsu на документах с неравномерной подсветкой.
-
Deskew — если документ повёрнут на 1-2° после трансформации, Hough Lines находят наклон текстовых строк и корректируют.
-
Резкость —
CISharpenLuminance (iOS) или Sharpness filter (Android) с умеренным значением (0.4-0.6), не больше.
Цветовые режимы стоит дать пользователю: «Авто», «Документ» (чёрно-белый), «Фото» (полный цвет). В режиме «Документ» — бинаризация. В «Авто» — анализ гистограммы: если документ содержит <5% насыщенных пикселей, применяем монохромную обработку.
| Этап |
iOS |
Android |
Flutter |
| Детекция |
Vision (VNDetectRectanglesRequest) |
ML Kit Document Scanner / OpenCV |
cunning_document_scanner / channel |
| Трансформация |
CIPerspectiveCorrection |
OpenCV warpPerspective / Matrix.setPolyToPoly |
Dart manual (image package) |
| Постобработка |
CIFilters (Sharpen, Binarization) |
OpenCV adaptiveThreshold + deskew |
Platform channel / dart filters |
| Экспорт PDF |
PDFKit (UIGraphicsPDFRenderer) |
android.graphics.pdf.PdfDocument |
pdf package (pub.dev) |
Обзор производительности на разных платформах
| Параметр |
iOS (iPhone 13) |
Android (Pixel 6) |
Flutter (нативный channel) |
| Время детекции |
~80 мс |
~110 мс |
~150 мс (с bridge overhead) |
| Размер PDF (A4) |
~200 КБ |
~220 КБ |
~230 КБ |
| Частота превью |
30 FPS |
30 FPS |
24 FPS |
Многостраничный скан и PDF
Собираем UIImage[] / Bitmap[], экспортируем через PDFKit (iOS 11+) или android.graphics.pdf.PdfDocument. На Flutter — пакет pdf (pub.dev). Размер PDF оптимизируем: JPEG compression 85% достаточно для читаемости, при этом страница A4 занимает ~150-250 КБ против 2-4 МБ PNG. Превью в реальном времени: показываем контур поверх AVCaptureVideoPreviewLayer / PreviewView через CAShapeLayer / SurfaceView. Обновляем контур раз в 3-5 кадров (не на каждый) — иначе детектор съедает CPU и превью тормозит.
Что входит в работу по интеграции сканирования
- Аудит требований: анализ типов документов, условий съёмки, целевых платформ.
- Выбор SDK: нативные Vision/ML Kit vs OpenCV vs готовые решения.
- Интеграция превью с динамическим оверлеем контура.
- Реализация детекции, коррекции перспективы и постобработки.
- Экспорт в PDF с настройкой сжатия и цветовых режимов.
- Тестирование на 10+ типах документов: паспорт, договор, квитанция, книжный разворот.
- Документация по API и передача исходного кода.
Наш опыт: более 50 успешных проектов по сканированию, более 5 лет на рынке мобильной разработки. Мы гарантируем стабильную работу на современных устройствах. Закажите интеграцию сканирования документов в ваше приложение — свяжитесь с нами для оценки сроков и стоимости. Сроки: от 3 до 5 рабочих дней на одну платформу, с OCR — плюс 2-3 дня.
Дополнительная информация: гомографическая трансформация – ключевой элемент коррекции перспективы.
Как выбрать подход к камере на мобильных платформах
Приложения, где пользователи снимают, слушают или смотрят, технически одни из самых требовательных. Мы сталкиваемся с этим каждый день. Не из-за сложности 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 и субтитров).
| Протокол |
Задержка |
Применение |
| RTMP |
2–5 сек |
Стриминг на YouTube/Twitch |
| HLS |
6–30 сек |
VOD, широковещательный |
| DASH |
6–30 сек |
VOD с адаптивным битрейтом |
| WebRTC |
< 500 мс |
Видеозвонки, P2P |
| SRT |
1–4 сек |
Профессиональный стриминг |
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.
Как реализовать стриминг на мобильных устройствах: пошаговый план
- Определить требования: целевая задержка, количество одновременных пользователей, необходимость P2P.
- Выбрать протокол и стек: WebRTC для видеозвонков, RTMP/HLSLive для вещания.
- Настроить сигналинг (SIP, WebSocket, MQTT) и TURN-сервер.
- Реализовать публикацию/просмотр через нативный API или кроссплатформенный плагин.
- Провести тестирование на реальных устройствах с разными камерами и сетевыми условиями.
- Оптимизировать битрейт и разрешение в зависимости от пропускной способности.
Типичные ошибки при разработке медиа-функциональности
- Конфигурация AVFoundation сессии на главном потоке.
- Отсутствие обработки AudioFocus Loss на Android.
- Игнорирование
MediaCodec ограничений на дешёвых устройствах.
- Использование эмулятора для тестов камеры — эмулятор не воспроизводит проблемы HAL.
- Утечка памяти при пересоздании медиаплееров без пула.
Что входит в работу
| Deliverable |
Описание |
| Анализ требований |
Выбор стека, приоритетов, тестовых устройств |
| Проектирование |
Архитектура, диаграммы потоков данных, выбор API |
| Реализация |
Код с использованием выбранных инструментов |
| Интеграция с бэкендом |
GraphQL/REST, DRM, WebRTC сигналинг |
| Тестирование |
На реальных устройствах (не менее 5 моделей) |
| Документация |
API-документация, инструкция по сборке |
| Поддержка после релиза |
1 месяц инцидентной поддержки, обучение команды |
Процесс разработки медиафункциональности
Сложность нелинейна: базовое воспроизведение видео — 1–2 дня, кастомная камера с обработкой кадров и стримингом — 3–5 недель. Начинаем с прояснения требований: DRM, форматы, минимальная OS, поддержка фоновых режимов. Тестирование на железе обязательно — эмулятор не воспроизводит проблемы с Camera HAL, аппаратным кодеком и AudioFocus. Минимальный набор: последний iPhone, iPhone SE, флагман Samsung, бюджетный Android, Android Go (если целевая аудитория — развивающиеся рынки).
Сроки ориентировочно: от 5 рабочих дней (базовое воспроизведение) до 8 недель (комплексная камера со стримингом и DRM). Стоимость рассчитывается индивидуально после анализа ваших требований — свяжитесь с нами для консультации.
Фраза услуги: «Работа с медиа в мобильных приложениях» — это наш профиль. Каждый проект начинается с аудита текущей реализации, выявления узких мест и предложения оптимального стека.
Коммерческие сигналы: закажите аудит вашей медиа-функциональности, получите консультацию инженера без обязательств.