Телеграм-канал LIFEL.RU

Симулятор ПО Courseditor — обновления 2026

29.01.2026
Андрей Матюков
Обзор обновлений облачного конструктора симуляторов программного обеспечения от создателей Courseditor
В начале 2025 года создатели Courseditor порадовали разработчиков электронных курсов новым продуктом — облачным конструктором симуляторов ПО. В этом обзоре были подробно рассмотрены его основные возможности.

На начало 2026-го анонсируем несколько полезных обновлений конструктора:

Интерфейс

В первую очередь рассмотрим новое в интерфейсе страницы проекта:

  1. Настройки слайда были над слайдом — переехали в правую панель на вкладку «Экран»
  2. Добавилась кнопка «Горячие клавиши» на верхней панели
  3. Добавилась кнопка «Поделиться» на верхней панели
Новый интерфейс Симулятор ПО Courseditor

Новый элемент — кнопка

На нижней панели элементов появилась самостоятельная кнопка, которая может направлять на какой-то из слайдов симулятора или открывать внешнюю ссылку.
Кнопка в Симуляторе ПО Courseditor
В правой панели на вкладке «Элементы» настраивается направление для кнопки и её внешний вид. В качестве иконки можно использовать любой графический файл. В этом примере — svg.
Кнопка в Симуляторе ПО Courseditor

Автопереход

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

Для этого в настройках слайда (экрана) нужно включить опцию «Автоплей» (1) и выставить количество секунд задержки (2), после которой произойдёт автоматический переход на следующий слайд.

На миниатюре слайда при этом появится значок автоперехода (3).
Автоплей в Симуляторе ПО Courseditor

Область выделения при затемнении

Элемент «Область» можно использовать как в качестве обычной рамки, так и в качестве области нажатия — с выделением или без. Можно также добавить скругление углов.
Область выделения в Симуляторе ПО Courseditor
Особого эффекта от этого элемента можно добиться, если включить слайду затемнение. «Область» в таком случае будет как бы «прорубать» окно сквозь затемнение, что ещё лучше сфокусирует внимание на каком-нибудь объекте или области.
Область выделения при затемнении слайда в Симуляторе ПО Courseditor

Горячие клавиши

Для ускорения сборки симуляторов можно пользоваться горячими клавишами, справка по ним открывается по «кнопке с вопросом» из верхней панели.
Горячие клавиши в Симуляторе ПО Courseditor

Настройки

В настройках проекта добавилось несколько опций:

  • Выбор шрифта
  • Скругление углов экрана
  • Адаптация под мобильное отображение
Настройки проекта в Симуляторе ПО Courseditor
Для подсказки стало возможным менять уровень прозрачности.
Настройки проекта в Симуляторе ПО Courseditor
Настройки автоперехода можно выставлять для всего проекта — на вкладке «Автоплей».
Настройки автоперехода в Симуляторе ПО Courseditor

Мобильное отображение

Если в настройках включено мобильное отображение, то в режиме просмотра элементы будут перестраиваться на экране. Ниже показана обычная версия и мобильная.
Настройки автоперехода в Симуляторе ПО Courseditor

Интерактивное видео

А это совершенно новый режим работы симулятора — Интерактивное видео.

При создании такого проекта в качестве источника загружается не набор скриншотов, а видеофайл.
Об успешной загрузке видео будет оповещение внизу экрана.

Интерфейс редактора для видео отличается от симулятора на скриншотах.
Интерактивное видео в Симуляторе ПО Courseditor
Для видео есть шкала времени (1), кнопка старт/стоп (2) и кнопка создания стоп-кадра (3).

Стоп-кадр создаётся в том месте, где оказывается бегунок (4) шкалы в режиме проигрывания или паузы. После чего видео разрезается на две части, а между ними в списке слайдов появляется скриншот стоп-кадра (5). Он обладает всеми возможностями слайдов симулятора ПО и также настраивается.

О том, что это отрезок видео говорит в левой панели его продолжительность и значок (6).
Создание стоп-кадра для интерактивного видео в Симуляторе ПО Courseditor
Ниже показано, как настраивается стоп-кадр. В данном случае нужно прочитать подсказку и нажать на правильную область, чтобы видео продолжилось.
Настройка стоп-кадра для интерактивного видео в Симуляторе ПО Courseditor
А здесь показывается обратная связь, после которой автоматически продолжится видео.
Настройка стоп-кадра для интерактивного видео в Симуляторе ПО Courseditor
Ниже можно просмотреть полученное интерактивное видео.

Поделиться проектом

Поделиться проектом можно двумя способами.

Первый — скопировать ссылку на проект и передать её другим пользователям, как эту.
Поделиться проектом в Симуляторе ПО Courseditor
Второй — скопировать код для встраивания проекта в сторонний сайт.
<div style="position:relative;box-sizing:border-box;width:100%;min-width:300px;height:100%;min-height:560px;padding:0;">
    <iframe
      loading="lazy"
      allowfullscreen
      allow="clipboard-write"
      style="position:absolute;top:0;left:0;width:100%;height:100%;border:none;"
      src="https://simulator.courseditor.ru/share/83db846f0319b5efc9651b32243cf23d"
    ></iframe>
  </div>
Вот так работает этот внутри этого же обзора в Тильде.
Зарегистрировать аккаунт в конструкторе симуляторов ПО можно здесь.
Понравилась статья? Нажми на Лайфика!
Хотите обзор своего продукта или мероприятия? Пишите:
Lifel
опубликует
статьи по теме