Каталог
27 виджетов для сборки экрана
Виджет — готовый блок, который кладётся на слайд и настраивается в правой панели редактора. Часть блоков показывает ваш материал, часть сама забирает данные из внешних источников. Выберите любой в списке: справа он покажется так же, как покажется на панели в зале.
Медиа
Текст
Время
Информация
Данные
Веб
События
Оформление
Интерактив
Москва
Так блок выглядит на панели
Время
Часы
Время берётся из часов самого плеера, поэтому идёт и без интернета. Обычная роль на слайде — угловой блок над основным содержимым: он не отвлекает, но человек с одного взгляда понимает, что экран живой, а не зависшая картинка.
- формат 12 или 24 часа, секунды показываются или скрываются
- часовой пояс задаётся строкой вида Europe/Moscow; пустое поле — системный пояс устройства
- шрифт, размер, начертание, цвет и выравнивание — как у текстового блока
- дата выводится отдельным виджетом, их часто ставят парой
Весь список
Каталог одной страницей
Тот же набор блоков, только текстом — удобно пробежать глазами и переслать коллеге.
Медиа
- Изображение
- JPEG, PNG, WebP и SVG из медиатеки проекта.
- Видео
- Ролик в H.264 с автозапуском и зацикливанием. Декодируется на видеоядре, процессор при этом почти свободен.
- Потоковое видео
- Прямая трансляция по ссылке: HLS, камера с MJPEG или видеофайл на сервере.
- ТВ-каналы
- Список каналов из живых потоков с переключением по расписанию или из сценария.
- Медиа-плейлист
- Карусель картинок и роликов внутри одного блока, с плавным переходом между кадрами.
- Зона плейлиста
- Показывает общий плейлист из библиотеки. Поменяли плейлист один раз, обновились все экраны, где он стоит.
- Аудио
- Звуковая дорожка слайда: джингл, озвучка или музыка. На экране не видна.
- PDF-документ
- Прайс или инструкция прямо из файла: слайдшоу по страницам или одна нужная страница.
Текст
- Текст
- Многострочный текст со своим шрифтом, цветом и выравниванием.
- Бегущая строка
- Движущаяся строка с регулировкой скорости и отступов.
Время
- Часы
- Цифровые часы, 12 или 24 часа, с выбором часового пояса.
- Словесные часы
- Время набирается словами из поля букв. Хорошо смотрится на большом вертикальном экране.
- Мировое время
- Несколько городов сразу: круглые циферблаты, табло как в аэропорту или узкая лента вдоль края.
- Дата
- Текущая дата с русским написанием месяцев и готовыми форматами.
- Обратный отсчёт
- Счётчик до даты или от даты: блоки, перекидное табло или кольца. По окончании может переключить слайд.
Информация
- Погода
- Погода сейчас и прогноз, шесть раскладок и анимация осадков по фактическим данным.
- Новости RSS
- Лента из нескольких источников с фильтрами, картинками и семью вариантами вёрстки.
- Курсы валют
- Курсы ЦБ РФ списком, табло или бегущей строкой, со стрелками изменения и графиком тренда.
- Сейчас играет
- Трек из аудиосистемы зала: обложка, исполнитель и полоса воспроизведения.
- Цитата
- Цитата дня из Викицитатника на четырёх языках, с портретом автора или без.
- QR-код
- Ссылка, Wi-Fi или контакт в виде кода. Цвет и логотип настраиваются, сканируемость проверяется на месте.
Данные
- Таблица
- Строки из Google Таблиц, Яндекс Документов или CSV. Правите таблицу, экран подхватывает изменения сам.
Веб
- Веб-страница
- Любая страница на экране. Если сайт запрещает встраивание, плеер снимает с него картинку и показывает её.
- HTML и свой код
- Свои HTML, CSS и JavaScript в песочнице, с доступом к командам плеера через мост cubic.
События
- Календарь
- Ближайшие события из Яндекс Календаря, Google или Outlook, включая повторяющиеся встречи.
Оформление
- Фигура
- Прямоугольники, эллипсы, линии и стрелки: заливка, градиент, обводка, скругление, поворот.
Интерактив
- Кнопка
- Кнопка для сенсорного экрана: переход на другой слайд, HTTP-запрос или команда плееру.
Если готового блока не хватает
На слайд можно положить собственный HTML со стилями и кодом: он работает в песочнице и умеет обращаться к плееру. Так решают нестандартные задачи — свой формат табло, обмен с внутренней системой, нетипичная анимация. Второй путь проще: виджет веб-страницы показывает готовую страницу вашего сервиса как есть.
Не нашли нужный блок
Опишите задачу — разберём, собирается ли она из готовых виджетов или нужен свой код.