КингсТим - квест-олимпиада по професии и видео студио

КингсТим провежда квест-олимпиади по професии за деца от детската градина до 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 секунда и във файла.