Голосовые сообщения в чате: запись, визуализация, воспроизведение

Реализация отправки голосовых сообщений в чате мобильного приложения Голосовые сообщения — технически самая требовательная фича среди медиа в чате. Запись, кодирование, загрузка, воспроизведение с визуализацией формы волны, ускоренное воспроизведение — каждый этап требует точной работы с аудио AP

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

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

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

Услуги, которые мы предлагаем
Показано 1 из 1Все 1734 услуг
Голосовые сообщения в чате: запись, визуализация, воспроизведение
Средний
~2-3 дня

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

Часто задаваемые вопросы

Последние работы

  • image_mobile-applications_feedme_467_0.webp
    Разработка мобильного приложения для компании FEEDME
    895
  • image_mobile-applications_xoomer_471_0.webp
    Разработка мобильного приложения для компании XOOMER
    782
  • image_mobile-applications_rhl_428_0.webp
    Разработка мобильного приложения для компании RHL
    1216
  • image_mobile-applications_zippy_411_0.webp
    Разработка мобильного приложения для компании ZIPPY
    1079
  • image_mobile-applications_affhome_429_0.webp
    Разработка мобильного приложения для компании Affhome
    1002
  • image_mobile-applications_flavors_409_0.webp
    Разработка мобильного приложения для компании FLAVORS
    597

Реализация отправки голосовых сообщений в чате мобильного приложения

Голосовые сообщения — технически самая требовательная фича среди медиа в чате. Запись, кодирование, загрузка, воспроизведение с визуализацией формы волны, ускоренное воспроизведение — каждый этап требует точной работы с аудио API платформы. Средняя экономия времени на самостоятельной разработке составляет до 40 часов, а бюджет внедрения рассчитывается индивидуально. Наш подход, основанный на AAC, позволяет сжимать аудио в 10 раз лучше, чем WAV, при сохранении разборчивости речи. Особенно сложно добиться плавной визуализации волны без задержек и корректного переключения аудиосессий при поворотах экрана. Наш опыт в 30+ проектах показал, что без системного подхода легко получить конфликты сессий, повреждённые файлы или провалы UX. Мы реализуем голосовые сообщения под ключ: от проектирования аудио-пайплайна до тестирования на реальных устройствах. Оценим ваш проект бесплатно — свяжитесь с нашими инженерами.

Как реализовать голосовые сообщения в чате мобильного приложения?

  1. Подготовка разрешений: запросить доступ к микрофону (NSMicrophoneUsageDescription на iOS, RECORD_AUDIO на Android) с понятным объяснением пользователю. На iOS — через AVAudioSession.requestRecordPermission(), на Android — через ActivityResultContracts.RequestPermission().
  2. Настройка аудиосессии: на iOS установить категорию .record или .playAndRecord с опцией .defaultToSpeaker. На Android — инициализировать MediaRecorder с правильным порядком вызовов.
  3. Запись: на iOS — AVAudioRecorder с AAC, 16 кГц, моно. На Android — MediaRecorder с AudioSource.MIC, OutputFormat.MPEG_4, AudioEncoder.AAC.
  4. Визуализация волны: на iOS получать амплитуду через averagePower(forChannel:) и рисовать через CAShapeLayer или SwiftUI Canvas. На Android — через getMaxAmplitude() и кастомный View или Compose Canvas.
  5. Отправка: загрузить сжатый M4A файл на сервер через REST или GraphQL.
  6. Воспроизведение с кэшированием: скачать и сохранить в Library/Caches (iOS) или getCacheDir() (Android), воспроизводить с возможностью ускорения (1.5×, 2×) через AVPlayer.rate или ExoPlayer.setPlaybackParameters.

Почему форма волны важна для UX?

Визуализация формы волны — это то, что отличает хорошую реализацию от посредственной. Пользователь видит, что запись идёт, может оценить длительность и динамику сообщения. Без волны сообщение выглядит слепым — непонятно, есть ли там тишина или активная речь. Рисуем волну в реальном времени во время записи и статично с playhead при воспроизведении. На iOS получаем амплитуду через AVAudioRecorder.averagePower(forChannel: 0) с вызовами updateMeters() по таймеру каждые 50–100 мс. Значение в дБ от -160 до 0, нормализуем в 0..1: pow(10, power / 20). Рисуем через CAShapeLayer или SwiftUI Canvas — последний проще анимировать без setNeedsDisplay. На Android — MediaRecorder.getMaxAmplitude() возвращает значение 0–32767. Собираем в массив по таймеру через Handler.postDelayed(), рисуем через Canvas.drawRect() в кастомном View или через Compose Canvas.

Запись аудио: iOS vs Android

Параметр iOS (AVAudioRecorder) Android (MediaRecorder)
Формат AAC (MPEG4AAC) AAC (MPEG_4)
Частота 16000 Гц 16000 Гц
Каналы Моно Моно
Качество medium (по умолчанию)
Разрешение NSMicrophoneUsageDescription RECORD_AUDIO (ActivityResultContracts)
Сессия AVAudioSession (.record/.playAndRecord) Обработка ошибок prepare()

iOS

Оптимальные параметры:

AVFormatIDKey: kAudioFormatMPEG4AAC AVSampleRateKey: 16000 // достаточно для речи AVNumberOfChannelsKey: 1 // моно AVEncoderAudioQualityKey: AVAudioQuality.medium 

AAC в моно 16 кГц даёт ~20–30 КБ в минуту — компактно и понятно декодируется на Android и в браузере. Формат M4A (контейнер для AAC) поддерживается нативно на обеих платформах. Разрешение на микрофон запрашиваем заранее через AVAudioSession.requestRecordPermission(), не в момент нажатия кнопки записи. Если пользователь откажет — на Info.plist должен быть NSMicrophoneUsageDescription с внятным объяснением. Важный момент с AVAudioSession: перед началом записи активируем сессию с категорией .record или .playAndRecord с опцией .defaultToSpeaker. Если не сделать это переключение явно — запись может конфликтовать с воспроизведением музыки через AirPods. Согласно документации Apple, также необходимо обрабатывать прерывания (например, звонок).

Android

MediaRecorder с AudioSource.MIC, OutputFormat.MPEG_4, AudioEncoder.AAC. С Android 10+ нужно разрешение RECORD_AUDIO через ActivityResultContracts.RequestPermission(). MediaRecorder требует точного порядка вызовов: setAudioSource → setOutputFormat → setAudioEncoder → prepare → start — перепутать порядок означает IllegalStateException в рантайме, не в compile time.

Как ускорить воспроизведение без потери качества?

Ускоренное воспроизведение (1.5×, 2×) — через AVPlayer.rate = 1.5 на iOS и ExoPlayer.setPlaybackParameters(PlaybackParameters(1.5f)) на Android. Оба API работают без артефактов на речи благодаря pitch correction. Голосовое сообщение обычно 5–60 секунд — это 2–200 КБ в AAC. Загружаем как обычный файл, но с одной тонкостью: на iOS при воспроизведении из URL нужно переключить AVAudioSession обратно в категорию .playback или .playAndRecord, иначе звук пойдёт в earpiece (трубку), а не в динамик. Кэширование на клиенте — обязательно. Повторный запрос к серверу при каждом воспроизведении — плохой UX. Сохраняем в Library/Caches (iOS) или getCacheDir() (Android) с ограничением на общий размер кэша.

Типичные ошибки

Ошибка Последствие Решение
Не завершён stop() перед загрузкой Файл повреждён Вызывать stop() + release() перед чтением
Использование AudioRecord вместо MediaRecorder Огромные несжатые файлы Использовать MediaRecorder с AAC
Не переключена аудиосессия на playback Звук в earpiece Явно установить категорию

Для сжатия голоса AAC даёт в 10 раз лучшее сжатие, чем WAV, при практически неразличимом качестве для речи. OPUS ещё эффективнее, но требует дополнительной библиотеки на iOS. Мы выбираем AAC за нативную поддержку.

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

  • Анализ текущей архитектуры чата
  • Проектирование аудио-пайплайна (запись → кодирование → загрузка → кэш → воспроизведение)
  • Интеграция записи/воспроизведения с визуализацией волны
  • Настройка ускоренного воспроизведения и индикации прогресса
  • Тестирование на реальных устройствах (iOS + Android)
  • Предоставление документации и исходного кода
  • Поддержка после деплоя (2 недели)

Сроки

Базовая реализация (запись, кодирование, upload, воспроизведение с прогрессом) — 2–3 дня. Форма волны в реальном времени + при воспроизведении — ещё 1–2 дня. Стоимость рассчитывается индивидуально. Получите консультацию по интеграции голосовых сообщений — наши инженеры помогут оценить объём работ.