Кнопка отключения/включения звука в Articulate Storyline

Articulate Storyline — мощное и вместе с тем простое в использовании приложение для разработки электронных курсов. В качестве контента вы можете добавлять в курс и текст, и изображения, видео, и звук. При этом разработчики делают ставку на использование встроенных инструментов, которых или бывает недостаточно, или же их сложно кастомизировать. Это в значительной степени относится к плееру, переделать который непросто. Поэтому в некоторых ситуациях приходится прибегать к помощи Javascript. В этой статье мы создадим кнопку включения/отключения звука, которую можно разместить в любой части слайда.

Для этого необходимо добавить на слайд стандартную кнопку, при нажатии на которую срабатывает триггер, запускающий Javascript — “Execute JavaScript”.

В окне добавления кода вставьте:

/* mute/unmute all audios and videos */
var allAudios = document.getElementsByTagName(‘audio’);
var allVideos = document.getElementsByTagName(‘video’);
if (allAudios.length > 0 && allAudios[0].volume > 0) {
for (var a = 0; a < allAudios.length; a++) {
allAudios[a].volume = 0;
}
} else {
for (var a = 0; a < allAudios.length; a++) { allAudios[a].volume = 1.0; } }if (allVideos.length > 0 && allVideos[0].volume > 0) {
for (var a = 0; a < allVideos.length; a++) {
allVideos[a].volume = 0;
}
} else {
for (var a = 0; a < allVideos.length; a++) {
allVideos[a].volume = 1.0;
}
}

Внимание!

Вы не сможете посмотреть, как работает кнопка в режиме предпросмотра (preview mode). Потребуется опубликовать проект.

Кнопка не будет работать в браузере Google Chrome при просмотре курса на локальном компьютере — потребуется выгрузить курс на сервер или воспользоваться другим браузером (Mozilla Firefox или Apple Safari).

Понравилась статья? Подпишитесь на нашу рассылку, чтобы читать статьи сразу после публикации. Вступайте в наши группы Вконтакте, Facebook, Twitter и Instagram.

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

1 комментарий

  1. Анна:

    Добрый день. А что на счет того чтобы убрать кнопку «загрузка» с плеера. Такое возможно?

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

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

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