Интерактивный видеоквест с элементами игр

Видеоквест - игрок должен пройти квест, правильно решая задания задания. Основа квеста - это видео, на которое накладываются кнопки (навигация по видео), игры, тесты. 

Задачи по бекэнду.

• Админка (конструктор квеста)

• Создание видеоквестов (добавить, редактировать, опубликовать, удалить)
• Наполнение видеоквеста
  • Добавить заголовок, описание
  • Загрузить ролик (заменить видео)
  • Создать сцены (добавить - кнопки, игры).

• Админка (Создать сцены - Функции)

• Указать длину сцены (сек)
• Добавление кнопок (текст, картинка); таймкод для перехода при клике, координаты xy (% или vh)
• Время появления кнопок (сек). Например, на 30 сек.
• Зацикливание (есть или нет), если да то от скольки до скольки (сек). Например, сцена 40 сек и последние 5 сек будут повторятся.

• Админка (Контент - Игры)

• Выбери правильные ответы (1,2,3...), текст или картинка.
• Выбери в определенной последовательности (буквы, картинки)
• Напечатай слово(а) (1 или несколько), проверить
• Собери Пазл
• Несколько вопросов, при правильном ответе воспроизводится видео или картинка

• Фронтенд

• Адаптивный дизайн
• Кнопки
• навигация по кнопкам по видео
• Игры (Тест, Пазл, Напечатай слово(а) )

• Доступ к админке только у администратора
• По Страницам. Будет каталог квестов,  сам квест, бекенд
• Для админки можно использовать шаблонный дизайн

https://drive.google.com/drive/folders/1BeRjVrU2gQ8ulsbJgWDmCFsQFk_bSmMd?usp=sharing

Пример, работы с видео

Смотреть