КінгсТім - квэст-алімпіяда па прафесіях і відэастудыя

КінгсТім праводзіць квэст-алімпіяды па прафесіях для дзяцей ад дзіцячага сада да 12 класа. Дзіця выбірае краіну, горад і від спаборніцтва, запісваецца на прафесію накшталт «Дэтэктыў», «Архітэктар» або «Лекар» і вырашае тэсты па раўндах: кваліфікацыя, фінал і суперфінал. Кожны раўнд пачынаецца з відэаўрока, а пытанні з'яўляюцца дакладна ў тую секунду, калі ўрок даходзіць да іх.

Гэта самы амбіцыйны праект, які мы рабілі ў адукацыі, і самы патрабавальны кліент, з якім мы працавалі. Не як скарга, а як лічба: за тры месяцы мы запісалі 185 асобных запытаў, кожны з нумарам, рашэннем і статусам у адным рэестры, які ніколі не выдаляе радкі. Некаторыя былі адным словам у тэксце. Іншыя былі цэлымі модулямі, напрыклад відэастудыяй ніжэй. Кліент дакладна ведаў, як павінна выглядаць кожная рэч, і не прымаў «амаль».

Платформа напісаная з нуля. Код пачаўся 28 чэрвеня 2026 года, сайт выйшаў у прамы эфір 15 верасня, праз адзінаццаць тыдняў. У дзень запуску мы выпусцілі пяць версій у прадакшн. За сайтам стаяць 40 старонак, каля 46 000 радкоў TypeScript і 39 міграцый базы даных.

Унутры восем роляў: вучань, выпускнік, настаўнік, выхавальнік, эксперт, менеджар, спонсар і адміністратар, кожная са сваім кабінетам. Рэестр змяшчае 3 524 школы і дзіцячыя сады ў 5 414 населеных пунктах, імпартаваныя з публічнага рэестра МОН без страты ніводнага існуючага запісу. 15 прафесій, 63 тэсты, 603 пытанні. Настаўнік запісвае і плаціць за ўвесь клас адразу. Кожны ўдзельнік атрымлівае асабісты код, а той, хто прайшоў фінал, атрымлівае PDF-грамату з QR-кодам, які можна праверыць публічна, не паказваючы імя дзіцяці.

Рухавік тэстаў падтрымлівае таймер, закрытыя і адкрытыя пытанні, фатаграфіі і матэматычныя сімвалы ў пытаннях і адказах, відэа як умову і кодавае слова для кожнага раўнда. На галоўнай старонцы ёсць сапраўдны інтэрактыўны глобус на three.js, карта актыўных спаборніцтваў па абласцях і аніміраваныя білеты, а адміністратар сам змяняе іх парадак.

Потым з'явіўся самы складаны запыт. Урокі алімпіяды - гэта відэа, і кліент папрасіў мантаваць іх самастойна, непасрэдна ў адмін-панэлі, як у CapCut або Filmora. Не проста загрузіць і абрэзаць, а зрабіць поўны мантаж. Мы гэта зрабілі.

Відэастудыя працуе ў браўзеры, без усталявання праграмы. Відэа, фатаграфіі і музыка перацягваюцца на таймлайн. Кліп можна абрэзаць, паскорыць, заглушыць, размаляваць і абрэзаць па кадры. Паміж двума кліпамі ёсць 13 відаў пераходаў. Надпісы маюць шэсць шрыфтоў, анімацыю ўваходу і выхаду, а стыкеры і карцінка ў карцінцы размяшчаюцца на да васьмі дарожках адна над адной. Ёсць запіс з камеры і мікрафона непасрэдна ў праект, чатыры фарматы кадра, у тым ліку 9:16 для тэлефона, адмена, гарачыя клавішы і аўтаматычнае захаванне.

Пытанні тэсту размяшчаюцца як маркеры на самім таймлайне. Дзе маркер, там відэа спыняецца і дзіця адказвае. Калі перамясціць кліп, пытанні перамяшчаюцца разам з ім. Адна кнопка экспартуе гатовае відэа і дадае яго ў тэст разам з пытаннямі.

Экспартуецца сапраўднае відэа, сабранае на серверы з дапамогай FFmpeg, а не запіс экрана. Сервер мае два ядры і 2 GB памяці, а ўрокі доўжацца 35 хвілін у 1080p, таму мы падзялілі зборку на тры крокі: спачатку гук, потым кожны кліп і пераход асобна, у канцы ўсё разам з надпісамі. Двуххвіліннае відэа ў Full HD экспартуецца прыкладна за тры хвіліны пры 624 MB памяці. Папярэдні прагляд у браўзеры і экспартаваны файл разлічваюцца адной і той жа функцыяй, таму надпіс, які з'яўляецца на 3,2 секундзе, з'яўляецца на 3,2 секундзе і ў файле.