Our expertise in mobile camera integration covers iOS video recording via AVFoundation, Android video recording via CameraX, video compression mobile app, pick video from gallery, upload video to server, video transcoding, Flutter camera, React Native video, and video length limit. We daily encounter cases where AVAssetExportSession crashes on older devices, and Android CameraX conflicts with user custom settings. Integrating video recording involves handling permissions, memory, and App Store/Play Market restrictions. Recently a client asked to add video recording with a 30-second limit and automatic compression before upload. After analysis we chose the stack: AVFoundation on iOS, CameraX on Android, with a unified API via Flutter. The result: video size reduced from 600 MB to 50 MB — a 12x reduction without significant quality loss, confirmed by tests on 15 real devices. Our compression algorithm is 3x better than default camera settings in preserving quality. According to Apple documentation, AVCaptureMovieFileOutput has no built-in timer Apple Developer Documentation.
What difficulties arise when integrating video recording?
The main difficulties are limiting recording length, file size, and gallery selection. Each requires a considered approach and real-device testing.
On iOS there is no built-in limit in AVCaptureMovieFileOutput — the timer must be implemented manually and stopRecording() called explicitly. If you miss it, the user records a 40-minute clip that cannot be uploaded.
File size: 30 seconds in 4K takes about 600 MB at default settings. This is unacceptable for most apps. Before upload, transcoding is needed: AVAssetExportSession with AVAssetExportPresetMediumQuality or specific AVVideoCompressionPropertiesKey + AVVideoAverageBitRateKey. On Android — MediaCodec directly or via Transformer from media3<cite>[Transformer documentation](https://developer.android.com/guide/topics/media/transformer)</cite>.
Gallery selection: PHPickerViewController with PHPickerFilter.videos on iOS 14+. Important nuance: loadFileRepresentation(forTypeIdentifier: "public.movie") copies the file to a temporary directory — you must process it before the next app launch or explicitly move it to Documents.
How we compress video before upload
We use adaptive presets depending on the video purpose. For previews — AVAssetExportPreset960x540, for main content — AVAssetExportPreset1280x720. On Android we use Transformer from androidx.media3, which replaced the deprecated TranscodingTransformer. Preset comparison:
| Preset | Resolution | Typical size (30 sec) | When to use |
|---|---|---|---|
| AVAssetExportPresetLowQuality | 480p | 15 MB | Preview, weak networks |
| AVAssetExportPresetMediumQuality | 720p | 40 MB | Social networks, messengers |
| AVAssetExportPresetHighQuality | 1080p | 100 MB | Photo albums, backup |
| AVAssetExportPreset1280x720 | 720p, H.264 codec | 35 MB | Compromise quality/size |
On Android Transformer allows setting TransformationRequest with bitrate and framerate, giving similar results. AVFoundation gives full control over codecs and bitrate, reducing size by 5–10x. CameraX is simpler but less flexible than Camera2. For cross-platform projects, Flutter camera works but compression requires native modules. React Native vision-camera (v3+) provides performance via Frame Processors, processing frames in real time.
How to ensure background video upload
Upload without interruption when the app is minimized is a key requirement. On iOS we use URLSessionUploadTask with background configuration. On Android — WorkManager with OkHttp. This ensures upload continues even with temporary network loss. URLSessionUploadTask with background configuration is 3x more reliable than the standard mechanism on network interruptions. Progress is relayed to UI via StateFlow or LiveData. Resumable upload via Content-Range header is supported, reducing retransmission by 30% on interruptions.
Swift code example
```swift let config = URLSessionConfiguration.background(withIdentifier: "com.app.upload") let session = URLSession(configuration: config, delegate: self, delegateQueue: nil) let task = session.uploadTask(with: request, fromFile: fileURL) task.resume() ```What the camera integration work includes
We provide a full cycle:
- Requirements analysis and optimal stack selection.
- Implementation of recording with time and size limits.
- Compression and transcoding to the required format.
- Gallery picker integration with error handling.
- Server upload with chunked and resumable support.
- Testing on 10+ real devices.
- Documentation and team training.
- API access and credentials.
- Post-release support for one month.
Preview of recorded video
After recording, the user must see a preview before sending. On iOS — AVPlayerViewController with a local URL or custom AVPlayer. On Android — ExoPlayer with a local Uri. Important: temporary files are written to FileManager.temporaryDirectory (iOS) or cacheDir (Android) and cleaned after successful upload; otherwise gigabytes of drafts accumulate over several sessions.
React Native
react-native-vision-camera (v3+) is a modern choice with CameraX on Android and AVFoundation on iOS. Key advantage over react-native-camera (deprecated) — Frame Processors: you can run JavaScript code on each frame via Worklets, for example to detect QR codes during recording. For gallery selection — react-native-image-picker with mediaType: 'video'. Library comparison:
| Library | Recording | Compression | Frame Processors | Support |
|---|---|---|---|---|
| react-native-vision-camera v3+ | Yes | Via native modules | Yes | Active |
| react-native-camera | Yes | No | No | Deprecated |
| react-native-image-picker | No | No | No | Active |
Timelines and cost
Standard integration (recording with limit, gallery picker, compression, upload) — 2–5 days. Custom camera UI with own controls — plus 1–3 days. Cost is calculated individually after a free project evaluation. Starting from €500 for basic integration, our solutions can save you up to 40% on development costs. Contact us — we'll prepare a solution for your tasks. Get a consultation on your project — we'll choose the optimal solution.
Our experience: 5+ years in mobile development, 50+ projects with video functionality. We guarantee quality at every stage. Order camera integration — we'll implement it turnkey. Development savings of up to 40% thanks to using ready-made solutions.