# Редактор интерфейсов (Interface Editor): настройка видеостен

<p class="callout info">Настройка видеостены в Interface Editor для трансляции с одного или нескольких устройств.</p>

---

### Настройка Interface Editor

Настройка видеостены зависит от способа её подключения:

**Вариант 1**<span style="white-space: pre-wrap;"> - для трансляции используется одно устройство. </span>**Вариант 2**<span style="white-space: pre-wrap;"> - для трансляции используются несколько устройств (для каждого экрана используется отдельное устройство). Подходит для отдельно стоящих экранов, образующих одну инсталляцию, которые стоят на расстоянии не менее 30-50 см друг от друга, используется механизм P2P.</span>

В примере показана настройка видеостены из 4х экранов (2Х2) с общим разрешением 3840x2160. Каждый из экранов имеет разрешение 1920x1080. По такому же принципу настраиваются и видеостены с другим количеством экранов/разрешением.

**Вариант 1 - для трансляции используется одно устройство:**

1\. В настройках шаблона укажите общее разрешение всех экранов.

![1. В настройках шаблона укажите общее разрешение всех экранов](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/ZcbjO75xG7IS.png)

![1. В настройках шаблона укажите общее разрешение всех экранов](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/VU5BjcDIyLea.png)

2\. Добавьте в шаблон компонент Редактор интерфейсов (если он еще не добавлен) и откройте его.

![2. Добавьте в шаблон компонент Редактор интерфейсов (если он еще не добавлен) и откройте его](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/tNe42X2Z55oi.png)

![2. Добавьте в шаблон компонент Редактор интерфейсов (если он еще не добавлен) и откройте его](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/YBz0rreN39aH.png)

3\. На панели инструментов добавьте компонент "Медиагалерея";

![3. На панели инструментов добавьте компонент "Медиагалерея"](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/WWzIyeh1R54K.png)

4\. В меню настроек слоя справа нажмите кнопку "Добавить контент", в выпадающем меню выберите пункт "CMS (личный кабинет)"

![4. В меню настроек слоя справа нажмите кнопку "Добавить контент", в выпадающем меню выберите пункт "CMS (личный кабинет)"](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/uA72JtTwpdM0.png)

5\. В разделе "Размер и позиция" укажите позицию и размеры медиагалереи, такую же как у шаблона - 3840x2160;

![5. В разделе "Размер и позиция" укажите позицию и размеры медиагалереи, такую же как у шаблона - 3840x2160](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/nDD9LyrZm31F.png)

6\. Нажмите кнопку "Ок";

![6. Нажмите кнопку "Ок"](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/efWtobmnNHXU.png)

7\. Нажмите сочетание кнопок CTRL+W и сохраните проект;

![7. Нажмите сочетание кнопок CTRL+W и сохраните проект](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/pGoqnrZzv8rz.png)

8\. Для загрузки шаблона на платформу нажмите правой кнопкой мыши на проект и выберите пункт “Загрузить в облако”. Используйте этот шаблон в кампании для видеостены.

![7. Нажмите сочетание кнопок CTRL+W и сохраните проект](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/hN6TRVs8wy0G.png)

\*\*Вариант 2 - для трансляции используются несколько устройств (для каждого экрана используется отдельное устройство): \*\*

1\. В настройках шаблона укажите общее разрешение всех экранов. И включите параметр "Синхронизация шаблона в локальной сети".

![1. В настройках шаблона укажите общее разрешение всех экранов. И включите параметр "Синхронизация шаблона в локальной сети"](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/ZcbjO75xG7IS.png)

![1. В настройках шаблона укажите общее разрешение всех экранов. И включите параметр "Синхронизация шаблона в локальной сети"](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/md1uYJo66Mil.png)

2\. Добавьте в шаблон компонент Редактор интерфейсов (если он еще не добавлен) и откройте его.

![2. Добавьте в шаблон компонент Редактор интерфейсов (если он еще не добавлен) и откройте его](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/tNe42X2Z55oi.png)

![2. Добавьте в шаблон компонент Редактор интерфейсов (если он еще не добавлен) и откройте его](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/YBz0rreN39aH.png)

3\. На панели инструментов добавьте 4 компонента "Медиагалерея";

![3. На панели инструментов добавьте 4 компонента "Медиагалерея"](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/WWzIyeh1R54K.png)

4\. Для каждой медиагалереи справа нажмите кнопку "Добавить контент", в выпадающем меню выберите пункт "CMS (личный кабинет)"

![4. Для каждой медиагалереи справа нажмите кнопку "Добавить контент", в выпадающем меню выберите пункт "CMS (личный кабинет)"](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/uA72JtTwpdM0.png)

5\. В разделе "Размер и позиция" укажите позицию и размеры для каждой медиагалереи, размер каждой медиагалереи должен быть равен разрешению одного экрана 1920Х1080;

![4. Для каждой медиагалереи справа нажмите кнопку "Добавить контент", в выпадающем меню выберите пункт "CMS (личный кабинет)"](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/pvEi3U2wn34t.png)

6\. Нажмите кнопку "Ок";

![6. Нажмите кнопку "Ок"](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/efWtobmnNHXU.png)

7\. Нажмите сочетание кнопок CTRL+W и сохраните проект;

![7. Нажмите сочетание кнопок CTRL+W и сохраните проект](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/pGoqnrZzv8rz.png)

8\. Для загрузки шаблона на платформу нажмите правой кнопкой мыши на проект и выберите пункт “Загрузить в облако”. Используйте этот шаблон в кампании для видеостены.

![7. Нажмите сочетание кнопок CTRL+W и сохраните проект](https://secure.usedesk.ru/upload/gimages/168944/2025_11_17/hN6TRVs8wy0G.png)