Запрограммировать интерактивное видео
849 UAHЕсть несколько видеороликов.
Необходимо, чтобы они были объединены в следующий интерактив:
Один ролик проигрывается до определенного момента. Далее картинка замерла, на ней несколько прозрачных div-ов с надписями - один вопрос и несколько вариантов ответов. Пользователь может понажимать на эти div-ы, выбирая или снимая выбор на каждом из них, далее нажимает кнопку "Продолжить".
Далее, в зависимости от выбранных ответов, он получает воспроизведение последующих роликов в зависимости от выбора, в таком виде:
Допустим, он выбрал на вопрос из шести вариантов ответа номера 2,3,6.
В зависимости от этого выбора воспроизводится цепочка видео (если выбран ответ да, то видео с названием "номерответа"ДА.mov, иначе видео "номерответа"НЕТ.mov):
-1нет.mov
-2да.mov
-3да.mov
-4нет.mov
-5нет.mov
-6да.mov
Важно, чтобы воспроизведение видеороликов казалось цельным, без промежутков, прерываний, зависаний, и предзагрузок каждого куска - вероятно, должно использоваться принудительное кэширование броузера. Или вообще предварительная подгрузка всех видео во flash или HTML5 до начала воспроизведения.
Вот тут хороший пример интерактивных видео, правда логика перехода между ними немного другая, чем описанная мной, но в остальном пример отличный - https://goo.gl/oSM7rt
Серверная часть, если она будет нужна - то на PHP.
Отзыв заказчика о сотрудничестве с Roman Freelancer
Запрограммировать интерактивное видеоСпасибо огромное Роману! Я очень доволен результатом сотрудничества, все получилось так, как я хотел, и даже лучше.
Роман понял задачу с полуслова и выполнил ее так красиво, что лучше нельзя даже мечтать!
Вежливо, приятно в общении, очень оперативно, с внимательностью к деталям, и оптимально по стоимости.
С большим удовольствием обращусь за продолжением этой задачи.
![]()
Отзыв фрилансера о сотрудничестве с заказчиком
Запрограммировать интерактивное видеоВиталий без преувеличения, идеальный заказчик.
Очень доходчиво описал задачу, всегда был на связи для уточнения всех вопросов и оперативно оплатил работу.
После сотрудничества остались только самые лучшие эмоции.
Рекомендую!
-
206 3 0 Здравствуйте.
Сделаю, с помощью HTML5 Video элементов.
Но, предварительно, нужно будет все нужные вам видео-файлы сконвертировать в "понятные для веба" форматы (mp4, ogg, webm) — это можно сделать автоматически на сайтах конвертерах.
Срок указан с запасом.
Актуальные фриланс-проекты в категории Javascript и Typescript
Обновление дизайна на сайтеНужно обновить дизайн существующего сайта используя HTML, CSS, JS: освежить внешний вид, сделать его современным и адаптивным под мобильные устройства. Требуется добавить плавные анимации и интерактивные элементы . HTML и CSS верстка, Javascript и Typescript ∙ 3 часа 1 минута назад ∙ 50 ставок |
Консультация и аудит текущего проекта на Odoo 19 Community EditionИщем Odoo разработчика — соло-разработчика с опытом разработки на Odoo 19 Community Edition, в том числе с использованием Claude Code. Нам нужен специалист, который успешно реализовал проекты в Odoo и имеет практический опыт разработки с использованием Claude Code. Важно:… C и C++, Javascript и Typescript ∙ 8 часов 40 минут назад ∙ 5 ставок |
Интернет-магазин одеждыНужен разработчик для интернет-магазина одежды Ищу опытного разработчика для создания полноценного интернет-магазина одежды с дроп-моделью продаж. Что нужно сделать: 6 страниц: главная, товар, корзина, оформление, аккаунт, админ панель Вход через Google аккаунт Корзина и… HTML и CSS верстка, Javascript и Typescript ∙ 2 дня 5 часов назад ∙ 96 ставок |
Full-stack разработка — Amazon PPC Dashboard (Stage 1)Нужен full-stack разработчик с опытом работы с Amazon API для реализации Stage 1 внутреннего PPC-дашборда. Проект реальный, данные живые, всё готово к старту. Прототип фронтенда (5 страниц, React + TypeScript): ЧТО УЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript + Vite… Javascript и Typescript, Веб-программирование ∙ 4 дня 16 часов назад ∙ 31 ставка |
Разработка сайта-конструктора фотокниг и фоторамокЦель проекта Необходимо разработать современный веб-сайт для заказа фотокниг, фоторамок и другой персонализированной фотопродукции. Главная задача проекта — предоставить клиенту возможность самостоятельно создать готовый макет изделия непосредственно на сайте без участия… Javascript и Typescript, Веб-программирование ∙ 6 дней 8 часов назад ∙ 98 ставок |