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.
#разработка электронных курсов
#articulate storyline
#storyline 3
#storyline 360
#опыт разработки курсов
#разработка курсов
#уроки Storyline