Создание анимированного видео баннера на html и javascript

Видео баннер создается на основе вашего готового видео файла, либо серии отдельных jpg картинок. Для показа созданного баннера не требуется Flash, видеокодек или использование стороннего видеосервиса. Воспроизведение видео выполняется из обычного Jpg файла, который необходимо загрузить в папку на сервер. Размер такого Jpg файла сопоставим с размером одной цифровой фотографией. Для анимации jpg баннера используется javascript код, который необходимо вставить на страницу сайта.

Примеры работы анимированного JPG видео баннера

Преимущества анимированного JPG по сравнению с анимированным GIF

- Полноцветное изображение до 16 млн. цветов без зернистости, в отличии от 256 цветов в GIF.
- Меньший размер файла до 2-5 раз при более высоком качестве изображения.
- Возможность управления видео баннером в реальном времени «Пуск» «Пауза».
- Возможность изменения внутренних настроек созданного баннера без необходимости пересоздавать его заново: зацикливание, автостарт, замедление, ускорение, отложенный запуск, смена картинки заставки.
- На переднем плане баннера можно размещать любой контент, например текст.
- Возможность установки картинки превью.

Сравнение анимированного GIF и JPG

Настройки анимированного JPG видео баннера

- id блока баннера для анимации фона.
- путь к проигрываемой картинке (спрайту) для блока баннера.
- путь к картинке заставке.
- кол-во кадров в секунду (скорость).
- зациклить видео: 0-нет, 1-да.
- автостарт видео при загрузке страницы: 0-нет, 1-да.
- увеличение картинки: 1-оригинал
- время (мсек) отложенного запуска анимации после события img.onload.

Требования для работы: браузер, html, css, javascript.

Установка:
- скопировать jpg картинку на сервер.
- вставить скрипт анимации на html страницу.
- в настройках указать путь к jpg картинке.

Заказать

Что понадобится:
Необходимы видеофайлы, для предварительного анализа возможности их раскадровки. Возможность проведения раскадровки зависит от исходного формата видео, типа записи (прогрессивная или черезстрочная), целостности структуры самого видео файла.

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

Рекомендуемая длина видео при 25 кадрах/сек. и малых размерах кадра - до одной минуты.
Рекомендуемая длина видео при 25 кадрах/сек. и больших размерах кадра - до 10 секунд.

Стоимость:
Создание одного баннера 300 руб. При заказе более одного баннера 250 руб.