Audio-Pre-Roll

Здесь собраны технические требования к баннеру audio+картинка - формата, проигрываемого перед аудиопотоком по нажатию кнопки PLAY.

Описание

Аудио-ролик и баннер, проигрываемые и показываемые
перед основным аудио-потоком по нажатию кнопки PLAY
в плеере на сайте

Размеры :

Audio: до 15сек, рекомендованный размер файла до 1Мб ,
Banner: 1280x400px, размер файла: до 1 МБ

Варианты рекламных материалов :

MP3
MP3 + (JPG или GIF или PNG)
MP3 + HTML5

Пример

Файл .MP3. Файл .PSD. HTML5 баннер.

Требования

Рекламный материал должен предоставляться не позднее,чем
за 3 дня до начала рекламной кампании.

Формат ролика:

*.mp3.

Формат звука:

Звук должно быть хорошо слышно, не должно быть явных помех, шумов, и т.п.
Громкость звука в ролике должна составлять не более -15 LUFS или -18 RMS
Звуковое сопровождение должно соответствовать законодательству РФ ( в т.ч., дисклеймер, если это необходимо)
Сопутствующие документы (паспорт ролика, справка об использовании музыкального произведения, авторские права, и т.д.)

Продолжительность аудиоролика:
максимальная длина ролика — 15 секунд

Картинка :

Форматы: \*.gif, \*.png, \*.jpg.
Вес материала: до 1Мб.
Надпись "Реклама" в правом верхнем углу.

HTML5:

Размер графического изображения баннера, как указано выше, должен быть 1280x400px.
При этом размеры изображения в стилях на основной html - странице
должны быть адаптивны и иметь значения ширины - 100%, и высоты - "auto".

Смотрите пример:

JAVASCRIPT-block:

canvas.style.width = dom_overlay_container.style.width = anim_container.style.width = '100%';
canvas.style.height = anim_container.style.height = dom_overlay_container.style.height = 'auto';

HTML-block:

<div id='animation_container' style='background-color:rgba(255, 255, 255, 1.00); width:100%;'>
<canvas id='canvas' width='100%' height='auto' style='position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00); width:100%; height: auto;'></canvas>
<div id='dom_overlay_container' style='pointer-events:none; overflow:hidden; width:100%; height:auto; position: absolute; left: 0px; top: 0px; display: block;'></div>

Javascript код может находиться в отдельных файлах, которые должны не должны быть размещены в папках. Дополнительные папки и ссылки на файлы в этих папках запрещены. Количество файлов не более 5.
Все стили должны находиться в отдельном css-файле. Количество файлов не более 1.
Надпись "Реклама" в правом верхнем углу.