Інтеграція вебінарів з LMS: автоматизація створення, запису та відстеження відвідуваності

Одного разу ми інтегрували вебінари в LMS з 2000 студентів: викладач вручну створював зустрічі, забував увімкнути запис, а відвідуваність доводилося звіряти по скріншотах. Після автоматизації через API адміністративні витрати скоротилися на 8 годин на тиждень. Такий підхід не лише економить час, але й виключає помилки людського фактора — студенти отримують посилання вчасно, записи доступні одразу після вебінару, а журнал відвідуваності заповнюється автоматично.

Як вибрати відеоплатформу для LMS?

BigBlueButton — рекомендується для освітніх LMS: вбудований whiteboard, polls, breakout rooms, запис із розбивкою по учасниках. Self-hosted. Zoom — якщо клієнти вже ним користуються і не хочуть змінювати звички. Daily.co — якщо потрібно вбудувати відео прямо в інтерфейс LMS без переходу на зовнішній сайт.

Як автоматизувати створення вебінарів?

Інтеграція з Zoom API — один із найпростіших шляхів. Нижче — приклад класу на JavaScript, який створює зустріч з автоматичним записом та налаштуваннями очікування.

class ZoomIntegration { constructor(accountId, clientId, clientSecret) { this.tokenUrl = 'https://zoom.us/oauth/token'; this.apiUrl = 'https://api.zoom.us/v2'; this.credentials = { accountId, clientId, clientSecret }; } async getAccessToken() { const response = await fetch(this.tokenUrl, { method: 'POST', headers: { 'Authorization': `Basic ${Buffer.from(`${this.credentials.clientId}:${this.credentials.clientSecret}`).toString('base64')}`, 'Content-Type': 'application/x-www-form-urlencoded', }, body: `grant_type=account_credentials&account_id=${this.credentials.accountId}`, }); const data = await response.json(); return data.access_token; } async createMeeting({ topic, startTime, durationMin, agenda, hostEmail }) { const token = await this.getAccessToken(); const response = await fetch(`${this.apiUrl}/users/${hostEmail}/meetings`, { method: 'POST', headers: { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json', }, body: JSON.stringify({ topic, type: 2, start_time: startTime.toISOString(), duration: durationMin, agenda, settings: { host_video: true, participant_video: false, waiting_room: true, auto_recording: 'cloud', mute_upon_entry: true, approval_type: 0, }, }), }); return response.json(); } } 

Для BigBlueButton підхід інший — використовується checksum-підпис запитів. Приклад на PHP:

class BigBlueButtonService { private string $url; private string $secret; public function createMeeting(string $meetingId, string $name, array $options = []): array { $params = array_merge([ 'meetingID' => $meetingId, 'name' => $name, 'record' => 'true', 'autoStartRecording' => 'false', 'allowStartStopRecording' => 'true', 'webcamsOnlyForModerator' => 'false', 'lockSettingsDisableMic' => 'false', ], $options); $queryString = http_build_query($params); $checksum = sha1('create' . $queryString . $this->secret); $params['checksum'] = $checksum; $response = Http::get("{$this->url}/api/create", $params); return $response->json(); } public function getJoinUrl(string $meetingId, string $fullName, string $role, string $userId): string { $password = $role === 'moderator' ? $this->moderatorPw : $this->attendeePw; $params = "meetingID={$meetingId}&fullName=" . urlencode($fullName) . "&password={$password}&userID={$userId}"; $checksum = sha1('join' . $params . $this->secret); return "{$this->url}/api/join?{$params}&checksum={$checksum}"; } } 

Що дає трекінг відвідуваності через webhooks?

Автоматичний трекінг через webhooks вирішує проблему підробки відвідуваності. Zoom Webhooks надсилають події meeting.participant_joined та meeting.participant_left. BigBlueButton надає детальні логи через Recording API. Ми зберігаємо час входу та виходу кожного студента, обчислюємо тривалість присутності та формуємо звіт.

app.post('/webhooks/zoom', async (req, res) => { const { event, payload } = req.body; if (event === 'meeting.participant_joined') { await db.webinarAttendance.upsert({ webinarId: payload.object.id, userId: await findUserByEmail(payload.object.participant.email), joinedAt: new Date(payload.object.participant.join_time), }); } if (event === 'meeting.participant_left') { await db.webinarAttendance.update({ webinarId: payload.object.id, userId: await findUserByEmail(payload.object.participant.email), }, { leftAt: new Date(payload.object.participant.leave_time), durationMin: payload.object.participant.duration, }); } res.status(200).json({ status: 'ok' }); }); 

Записи вебінарів

Після завершення вебінару Zoom/BBB генерує запис. Процес:

1. Webhook recording.completed → отримуємо посилання на завантаження
2. Завантажуємо та заливаємо в S3 (Zoom зберігає записи обмежений час)
3. Створюємо відеоурок в LMS з посиланням на запис
4. Повідомляємо студентів, які пропустили вебінар

async function processWebinarRecording(meetingId, downloadUrl, token) { const s3Key = `recordings/${meetingId}.mp4`; const response = await fetch(downloadUrl, { headers: { Authorization: `Bearer ${token}` } }); await s3.upload({ Bucket: process.env.S3_BUCKET, Key: s3Key, Body: response.body }).promise(); const videoUrl = `https://${process.env.CDN_DOMAIN}/${s3Key}`; await db.webinars.update({ meetingId }, { recordingUrl: videoUrl }); await notifyAbsentStudents(meetingId, videoUrl); } 

Вбудований відеодзвінок через Daily.co

Якщо потрібно вбудувати відео прямо в LMS без переходу на зовнішню сторінку:

import DailyIframe from '@daily-co/daily-js'; function WebinarRoom({ roomUrl, token }) { const callFrame = useRef(null); useEffect(() => { callFrame.current = DailyIframe.createFrame({ url: roomUrl, token, iframeStyle: { width: '100%', height: '600px' }, }); callFrame.current.on('participant-counts-updated', ({ present }) => { trackAttendance(present); }); callFrame.current.join(); return () => callFrame.current.destroy(); }, [roomUrl]); return <div id="daily-container" />; } 

Сценарії використання: порівняння платформ

Типові помилки при інтеграції

Що входить в роботу

• Інтеграція API обраної платформи (Zoom/BBB/Jitsi).
• Автоматичне створення вебінарів за розкладом.
• Надсилання посилань студентам (email/повідомлення).
• Запис вебінарів та завантаження в S3/CDN.
• Трекінг відвідуваності зі звітами.
• Документація API та інструкція для адміністраторів.
• 1 місяць технічної підтримки.

Процес роботи

1. Аналіз вимог: вибір платформи, налаштування API, узгодження схеми потоків даних.
2. Проектування: проектування webhook-хендлерів, схеми зберігання записів та відвідуваності.
3. Реалізація: інтеграція через API, кодування, написання тестів.
4. Тестування: перевірка створення зустрічей, webhook-ів, запису, відвідуваності.
5. Деплой та навчання: розгортання на сервері, інструкція для адміністраторів.

Терміни орієнтовно

Інтеграція з Zoom API: створення зустрічей, надсилання посилань студентам, базова відвідуваність — 4–5 днів. Запис вебінарів із завантаженням в S3 та повідомленнями — 2–3 дні. Self-hosted BigBlueButton з повною інтеграцією та вбудовуванням в LMS — 7–10 днів. Daily.co embedded-відео — 3–4 дні.

Досвід і гарантії

Ми виконали понад 30 інтеграцій з Zoom, BigBlueButton та Jitsi для LMS на Laravel, Node.js та Python. Наші інженери сертифіковані за Zoom API. Гарантуємо сумісність з будь-якою сучасною LMS та надаємо 1 місяць підтримки після деплою.

Для точної оцінки термінів та вартості зв'яжіться з нами — підберемо оптимальну платформу під ваші завдання.

Див. офіційну документацію: Zoom REST API, BigBlueButton API.