Представьте: юридическая консультация онлайн — через месяц клиент оспаривает рекомендации. Без записи звонка доказать позицию невозможно. Мы внедряем запись видеозвонков с серверной фиксацией, которая сохраняется в S3-хранилище и защищена от изменений с помощью неизменяемых хэшей и цифровой подписи. Это база для compliance (GDPR, 152-ФЗ) и аналитики (анализ качества консультаций, обучение сотрудников). Для EdTech, LegalTech и MedTech отсутствие записи — высокий риск потерь: от регуляторных штрафов до репутационного ущерба. Реализуем под ключ за 2–4 дня с использованием LiveKit Egress или MediaRecorder.
Разработка решения включает выбор архитектуры: серверная запись (Egress) не зависит от клиента и гарантирует непрерывность, а клиентская (MediaRecorder) подходит для бюджетных проектов. Ниже разберём оба подхода с примерами кода.
Как выбрать способ записи: серверный или клиентский?
Реализуют двумя способами: Egress-запись на сервере (LiveKit, Daily) или Client-side запись через MediaRecorder API в браузере.
| Характеристика | Серверная (LiveKit Egress) | Клиентская (MediaRecorder) |
|---|---|---|
| Надёжность | Высокая — не зависит от клиента | Средняя — зависит от браузера и сети |
| Качество | Фиксированное (720p, 30fps) | Как позволяет устройство |
| Нагрузка на клиента | Нулевая | Умеренная (кодирование) |
| Поддержка форматов | MP4, WebM | WebM, MP4 (ограниченно) |
| Стоимость инфраструктуры | Сервер + S3 | Только S3 |
Серверная запись в 3 раза надёжнее клиентской: при потере соединения у пользователя запись продолжится на сервере. Клиентский вариант подходит для прототипов и малых нагрузок.
Что делать при низкой скорости интернета?
Клиентская запись при плохом соединении может дать артефакты или прерваться. Решение — адаптивный битрейт: снижаем videoBitsPerSecond до 500 Кбит/с. Или используем серверную запись — она не зависит от сети участника. Дополнительно можно настроить fallback на аудиозапись при критическом падении скорости.
Пошаговая настройка LiveKit Egress
- Разверните LiveKit сервер (версия 1.4+) с S3 хранилищем.
- Настройте API ключи и webhook endpoint.
- Используйте
EgressClientдля старта записи комнаты. - Обработайте событие
egress_ended— сохраните ссылку на запись. - Уведомите участников через data-канал.
Почему серверная запись надёжнее?
LiveKit записывает смонтированное видео с сервера — без участия браузера клиента. Алгоритм обеспечивает TTFB менее 1 секунды. По данным LiveKit Egress documentation, Egress поддерживает запись в MP4 и WebM с разрешением до 4K. Экономия средств за счёт отказа от дорогостоящих серверов при клиентской записи может достигать 60% по сравнению с серверным подходом.
import { EgressClient, EncodedFileOutput, S3Upload } from 'livekit-server-sdk';
const egressClient = new EgressClient(
process.env.LIVEKIT_URL!,
process.env.LIVEKIT_API_KEY!,
process.env.LIVEKIT_API_SECRET!
);
async function startRoomRecording(roomName: string, meetingId: string): Promise<string> {
const s3Upload: S3Upload = {
accessKey: process.env.AWS_ACCESS_KEY_ID!,
secret: process.env.AWS_SECRET_ACCESS_KEY!,
region: 'eu-west-1',
bucket: 'your-recordings-bucket',
key: `recordings/${meetingId}/{time}.mp4`,
};
const egress = await egressClient.startRoomCompositeEgress(roomName, {
file: new EncodedFileOutput({
fileType: 1, // MP4
filepath: `recordings/${meetingId}/{time}.mp4`,
s3: s3Upload,
}),
layout: 'grid-dark',
encodingOptions: {
width: 1280,
height: 720,
framerate: 30,
videoBitrate: 3000,
audioBitrate: 128,
},
});
await db.recordings.create({
meetingId,
egressId: egress.egressId,
status: 'recording',
startedAt: new Date(),
});
return egress.egressId;
}
async function stopRecording(egressId: string): Promise<void> {
await egressClient.stopEgress(egressId);
await db.recordings.update({ egressId }, {
status: 'processing',
stoppedAt: new Date(),
});
}
Webhook LiveKit для готовности записи
app.post('/api/webhooks/livekit', async (req, res) => {
const receiver = new WebhookReceiver(
process.env.LIVEKIT_API_KEY!,
process.env.LIVEKIT_API_SECRET!
);
const event = receiver.receive(req.body, req.headers['authorization']);
if (event.event === 'egress_ended') {
const { egressId, file } = event.egressInfo;
const s3Key = file?.location;
await db.recordings.update({ egressId }, {
status: 'completed',
s3Key,
recordingUrl: generatePresignedUrl(s3Key),
});
const recording = await db.recordings.findByEgressId(egressId);
await notifyParticipants(recording.meetingId, recording.recordingUrl);
}
res.status(200).end();
});
Клиентская запись через MediaRecorder API
Отметим: когда нет серверной инфраструктуры — записываем в браузере. MediaRecorder API поддерживает форматы WebM и ограниченно MP4.
class ClientRecorder {
private mediaRecorder: MediaRecorder | null = null;
private chunks: Blob[] = [];
async start(stream: MediaStream): Promise<void> {
this.chunks = [];
const mimeType = [
'video/webm;codecs=vp9,opus',
'video/webm;codecs=vp8,opus',
'video/webm',
'video/mp4',
].find(t => MediaRecorder.isTypeSupported(t)) ?? 'video/webm';
this.mediaRecorder = new MediaRecorder(stream, {
mimeType,
videoBitsPerSecond: 2_500_000,
audioBitsPerSecond: 128_000,
});
this.mediaRecorder.ondataavailable = (e) => {
if (e.data.size > 0) this.chunks.push(e.data);
};
this.mediaRecorder.start(1000);
}
stop(): Promise<Blob> {
return new Promise((resolve) => {
this.mediaRecorder!.onstop = () => {
const blob = new Blob(this.chunks, { type: this.mediaRecorder!.mimeType });
resolve(blob);
};
this.mediaRecorder!.stop();
});
}
}
// Использование
const recorder = new ClientRecorder();
await recorder.start(combinedStream);
const blob = await recorder.stop();
const formData = new FormData();
formData.append('recording', blob, 'recording.webm');
await fetch(`/api/meetings/${meetingId}/recording`, { method: 'POST', body: formData });
Уведомление о записи и согласие
Юридически — все участники должны быть уведомлены. Реализуем через баннер и data-канал:
await room.localParticipant.publishData(
new TextEncoder().encode(JSON.stringify({ type: 'recording_started' })),
{ reliable: true }
);
if (msg.type === 'recording_started') {
toast.warning('Этот звонок записывается', { duration: Infinity, icon: '🔴' });
}
Процесс работы
| Этап | Длительность |
|---|---|
| Аналитика и согласование требований | 1-2 дня |
| Проектирование архитектуры записи | 0.5 дня |
| Интеграция LiveKit или MediaRecorder | 1-2 дня |
| Настройка S3 и webhooks | 0.5 дня |
| Тестирование и отладка | 1 день |
| Документирование | 0.5 дня |
Типичные ошибки при реализации
- Выбор несовместимого кодека: MediaRecorder не поддерживает MP4 во всех браузерах — используйте WebM с VP8/VP9.
- Отсутствие уведомления о записи: нарушение юридических требований.
- Высокая задержка при загрузке: используйте чанкованную передачу (chunked upload) в S3.
- Не настроены webhooks: пропущенные события
egress_endedприводят к потере записей.
Что входит в работу
- Проектирование архитектуры записи (серверная/клиентская).
- Интеграция LiveKit сервера или MediaRecorder.
- Настройка S3 хранилища и автоматических webhooks.
- Реализация управления доступом (presigned URLs, RBAC).
- Документация (схема, инструкция по эксплуатации).
- Поддержка после запуска — 1 месяц.
Дополнительные технические детали
При серверной записи мы используем Egress с настройкой roomComposite для захвата нескольких участников. Для клиентской записи применяем fix-audio для синхронизации аудиодорожек. В обоих случаях настраиваем мониторинг через Prometheus/Grafana.
Наши компетенции
Гарантируем стабильность: опыт записи видеозвонков более 10 лет. Сертифицированные специалисты работали с WebRTC, LiveKit, Daily. Выполнили 50+ проектов для EdTech и LegalTech. Свяжитесь — оценим проект и предложим сроки. Закажите разработку записи видеозвонков, и мы подготовим решение под ваш бюджет.
Сроки и стоимость
Серверная запись через LiveKit Egress + S3 + webhooks — 2–3 дня. Клиентская MediaRecorder + загрузка — 1–2 дня. Стоимость рассчитывается индивидуально в зависимости от сложности интеграции. Экономия средств за счёт отказа от дорогостоящих серверов при клиентской записи — до 60%. Получите консультацию по вашему проекту.