Полноэкранный режим в Articulate Storyline

Несмотря на то, что электронные курсы, создаваемые в Articulate Storyline, можно при экспорте настраивать таким образом, чтобы окно с контентом занимало всё пространство в браузере, иногда требуется, чтобы курс открывался в полноэкранном режиме. Это позволяет скрыть навигационные элементы браузера, занять ещё немного драгоценного места, которого часто не хватает, чтобы сделать читаемым текст, более разборчивыми картинки.

К сожалению, в самой программе такого функционала нет. Чтобы добиться полноэкранного режима нам придётся добавить немного JavaScript. Триггер, запускающий код, можно повесить на кнопки или же на начало проигрывания мастерслайда.

Для начала необходимо найти слайд в дереве документа (можно просто выбрать тег html):

const slide = document.querySelector('html');

После этого используем существующий в HTML5 функционал, который называется Fullscreen API.

slide.requestFullscreen();

Вот и всё 🙂

Есть и ложка дёгтя в этой огромной бочке мёда: политики безопасности некоторых браузеров не позволяют развернуть iframe на весь экран 🙁

Ниже представлен пример. Нажав на кнопку в верхнем правом углу слайда, вы сможете развернуть его на весь экран. Для выхода из полноэкранного режима, нажмите ESC.

Есть вопросы? Милости просим в комментарии!

Вам может также понравиться...

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.