20 000 профессионалов proAV > 1500 компаний > 570 городов > 6 стран ближнего зарубежья > 1 сообщество

Присоединяйтесь!

Подписка на дайджест
Рубрикатор статей

Невредные советы: как создать Digital Signage контент в HTML5

Рост популярности HTML5 как современного веб стандарта изменил внешний вид интернет сайтов, а также повлиял на внешний вид цифровой рекламы в системах Digital Signage. В этой статье будут рассмотрены важные аспекты создания контента в формате HTML5 для систем Digital Signage и узнаем, каких ошибок при этом стоит избегать.

html5-dlya-digital-signage-1.png

Для начала разберемся, что такое HTML5 и какие возможности этого стандарта можно использовать для Digital Signage. HTML5 – платформа для создания веб-приложений с использованием медиа. Невозможно говорить о HTML5 без упоминания инструментов, лежащих в основе этой технологии: JavaScript, jQuery и CSS3. JavaScript – это язык веб программирования, позволяющий выполнять сложные функции на веб-страницах. jQuery – набор плагинов для JavaScript. CSS3 – спецификация CSS, определяющая, как будет выглядеть веб страница. Любой контент HTML5 может содержать все эти три компонента.

Если при обычном серфинге интернета все работает так, как и должно, то при использовании HTML5 в сфере цифровой рекламы появляются некоторые проблемы. Начнем, пожалуй, с того, что многие производители медиаплееров для Digital Signage или CMS (систем управления контентом) указывают поддержку HTML5 в характеристиках. Только вот справиться с визуализацией всего кода могут далеко не все плееры. Другими словами, медиаплеер не может воспроизвести созданный вами контент. Во многих медиаплеерах встречается устарелое программное обеспечение, не позволяющее воспроизводить контент, созданный более новыми способами программирования. Есть также вариант, при котором у старого "железа" просто не хватит мощности для воспроизведения.

Разработчики многие годы наблюдали ситуацию, при которой один и тот же код выглядел совершенно по-разному, например, в браузерах Internet Explorer и Chrome. Сложность использования HTML5 в системах Digital Signage заключается в том, что каждый медиаплеер — как отдельный браузер: со своим уникальным способом воспроизведения контента.

Кто справится с созданием контента?

Для создания контента в формате HTML5 работы одного графического дизайнера может быть недостаточно, скорее всего, потребуется помощь веб-разработчика. Часто бывает, что веб-разработчик является по совместительству также дизайнером, художником и программистом. Вполне ожидаемо, что нанятый вами веб-разработчик не будет обладать опытом создания контента для сферы Digital Signage. В этом случае, ему следует сразу забыть о некоторых приемах, возможных только при непосредственном интерактивном участии пользователя. Тем не менее, современные медиаплееры поддерживают различные типы управления, включая сенсорные дисплеи или управления жестами. Способы реализации таких возможностей всегда можно обсудить с самим веб-разработчиком.

Приложения для создания контента в HTML5

Существует много решений для создания HTML5 контента. В качестве примера мы рассмотрим Adobe Edge, входящий в состав Creative Cloud, — инструмента от компании Adobe, разработанного для создания веб-контента. Adobe Edge позволяет быстро подготовить впечатляющий контент, но в  качестве "начинки" для цифровой рекламы с ним могут возникнуть трудности. Дело в том, что Adobe Edge был разработан для современных браузеров, а, как мы уже писали, не все медиаплееры могут гарантировать поддержку новых технологий HTML5. Поэтому не стоит воспринимать как неприятный сюрприз тот факт, что код, сгенерированный на Adobe Edge, не воспроизводится на медиаплеере или CMS, даже если производитель указал поддержку HTML5.

Adobe Edge отлично взаимодействует с другими инструментами компании, такими как Photoshop и Illustrator, позволяя дизайнерам создавать свой привычный контент, а затем экспериментировать с ним. Если ваш медиаплеер поддерживает контент, созданный с помощью Adobe Edge, перед вами открываются богатые возможности для создания потрясающей цифровой рекламы.

Код, написанный вручную

Многие дизайнеры/разработчики используют в своих работах рукописный код, который впоследствии превращается в графику или графические эффекты. Таким разработчикам не составит труда изучить возможности медиаплееров или CMS, прежде чем приступать к работе. Используемые части кода с различных онлайн ресурсов также могут быть адаптированы разработчиками под Digital Signage.

Онлайн или офлайн

Офлайн-просмотр страниц давно ушел в прошлое, так как Интернет следует за нами повсюду, куда бы мы ни отправились. Но в случае использования HTML5 в системах Digital Signage, клиенты интересуются, что случится, если все же сеть пропадет. Этот вопрос, в частности, очень важен для цифровых менюбордов в ресторанах быстрого обслуживания. Именно для них разработчики стараются создать лучшие офлайн-решения.

Тем не менее, онлайн-контент имеет богатые функциональные возможности. Разработчики могут добавить возможность кэширования и повторное использование соединений для тестирования сети перед обновлением страницы. Это позволит отображать контент в HTML5 независимо от состояния сети.

Что нас ожидает дальше?

Производители медиаплееров для систем Digital Signage также понимают все проблемы, связанные с HTML5. Компания BrightSign, американский лидер в производстве медиаплееров для систем Digital Signage, хорошо поработала над поддержкой HTML5. Плееры компании оснащены мощным видеопроцессором, легко обрабатывающим любой интерактивный контент. Специалисты BrightSign позаботились о том, чтобы создавать контент было легко: разработчики могут использовать любые привычные инструменты для разработки контента, а затем публиковать его через бесплатное ПО BrightAuthor.

Тем не менее, HTML5 продолжает развиваться. Вскоре нас ожидает версии 5.1 (в 2016 году) и 5.2. Эти обновления подарят разработчикам новые возможности, которые также найдут применение и в Digital Signage. Это означает, что в будущем нас ждет появление еще более интересной и вовлекающей цифровой рекламы. Остается ждать от создателей медиаплееров и CMS полной поддержки возможностей HTML5.

Источник: www.blog.imsolution.ru

WOW-видеостена, узкие дисплеи, штендеры без подзарядки - все покажем! WOW-видеостена, узкие дисплеи, штендеры без подзарядки - все покажем!
На AV FOCUS в Москве компания EliteBoard покажет делегатам самые передовые решения в своем портфеле.
От формы до задач: главные тенденции рынка Digital Signage От формы до задач: главные тенденции рынка Digital Signage
Роль Digital Signage в цифровой трансформации бизнеса компаний увеличивается с каждым днем.
Digital Signage выбрал своих фаворитов. Все Best of Show здесь Digital Signage выбрал своих фаворитов. Все Best of Show здесь
Стремительно развивающийся рынок Digital Signage требует все больше инновационных продуктов и технологий. Они все здесь.
Какие тренды InfoComm задала в этом году: факты, анализ, сравнения Какие тренды InfoComm задала в этом году: факты, анализ, сравнения
InfoComm задает тренды, демонстрирует новинки и дает пищу для размышлений. Ниже – сумма впечатлений от всего перечисленного.
"Покажите рекламу зонтика как раз перед тем, как начнется дождь!" "Покажите рекламу зонтика как раз перед тем, как начнется дождь!"
Компания Addreality собрала мнения специалистов о тонкостях создания рекламного контента на основе моментально полученных данных.
Почему моя система Digital Signage не эффективна? Разбор Почему моя система Digital Signage не эффективна? Разбор
Компании тратят немало денег и времени на Digital Signage решения, но часто бывают разочарованы результатом. Разбираем, почему.
Все статьи
Видео
Вебинар "Профессиональные дисплеи Hyundai IT"
Эстонские рекламщики создали голограммы, фотографирующие прохожих
Все видео
Проекторы Epson LightScene удивляют клиентов IKEA Проекторы Epson LightScene удивляют клиентов IKEA
Магазин IKEA в Кракове с помощью проекционных технологий реализовал ряд интересных инсталляций, привлекающих внимание покупателей.
Цифровая трансформация офиса Maersk Logistics Цифровая трансформация офиса Maersk Logistics
Интерактивные панели, дисплеи и беспроводные системы BenQ помогли Maersk успешно провести цифровую трансформацию офиса в Дубае.
ОТП Банк создал "умный офис" для удобной работы в любом месте ОТП Банк создал "умный офис" для удобной работы в любом месте
ОТП Банк оснастил новый московский офис современными мультимедийными технологиями по-новому выстраивая коммуникации.
Panasonic помогла Cubex стать лучшим ивент-центром Европы Panasonic помогла Cubex стать лучшим ивент-центром Европы
Компания Panasonic оснастила передовой системой видеопрезентации многоцелевой ивент-центр Cubex Center в Праге.
Передовое оснащение залов и переговорных отеля Voronezh Marriott Передовое оснащение залов и переговорных отеля Voronezh Marriott
Один из крупнейших отелей Воронежа произвел техническое оснащение общественных зон комплексной мультимедийной системой.
Система корпоративного телевидения на производствах Fazer Система корпоративного телевидения на производствах Fazer
На производствах Москвы и Петербурга появилась система аудио- и видеоинформирования с единым центром управления контентом.
Все кейсы
EVOKO: новое поколение системы бронирования коференц-залов
EVOKO: новое поколение системы бронирования коференц-залов
Evoko Liso – стильное и яркое устройство, которое существенно облегчает процесс бронирования переговорных комнат, русский язык, 4 полосы, А4.
DONVIEW: интерактивное оборудование
DONVIEW: интерактивное оборудование
Интерактивные доски, сенсорные панели, дисплеи с функциями записи и трансляции серии «Все в одном», документ-камеры, русский язык, 36 полос, А4.
Все файлы
«Наши комплексные решения - это то, о чем стоит говорить»
Прохоров Максим
“Наши партнеры и заказчики сами сформировали запрос на появление проекционной техники высокой яркости.”
Прохоров Максим
Менеджер по работе с партнерами в России и странах СНГ в компании NEC.
«Подробности о продукте не раскрою, но ждите революцию!»
Александр Лю
“Из-за короновируса сотрудники Absen приняли решение ограничить свои встречи с родными, чтобы минимизировать любой риск.”
Александр Лю
директор департамента рынка СНГ и России в Absen
«Мы предлагаем самый широкий ассортимент AV over IP решений»
Джо Тейшейра
“У нас есть продукты для сетевой передачи данных, распределения 1080p, 4K@30 и 4K@60 сигналов, работы с SDI, KVM и многое другое.”
Джо Тейшейра
директор по продукции компании MuxLab
Все мнения