Медиаматериалы в системе электронного обучения

Использование образовательных медиаматериалов

В качестве дополнения к текстовому теоретическому материалу можно использовать также образовательные аудио- и видеоматериалы из открытых источников в сети Интернет.

BSUIR Educational Tube: Если вы являетесь автором видеоролика и не хотите выкладывать его в открытый доступ, его можно загрузить на видеоплатформу BSUIR Educational Tube. Загрузка видеоматериалов осуществляется работниками ЦРДО.


📌 Важно: Встраивание видео, аудио и картинок необходимо выполнять в элемент «Страница» отдельной страницей или внутри текста с помощью кнопок на панели редактирования содержания. Материалы можно загружать непосредственно в систему либо по URL.


Рис. 1 - Панель редактирования для вставки медиаматериалов

Варианты добавления медиафайлов

🖼️ Изображения

Кнопка «Вставить или отредактировать изображение»

🎵 Аудио/Видео

Кнопка «Вставить или отредактировать файл аудио/видео»

Встраивать изображения и видео необходимо в элемент «Страница». В пункте «Содержание» нажмите на соответствующую кнопку для типа медиафайла.

✓ Совет: Вставьте URL-адрес изображения или видео либо выберите из хранилища, установите размер и добавьте описание. Обратите внимание, что загружать видеоматериалы непосредственно в СЭО не нужно.

Рис. 2 - Окно вставки изображения или видео

Встраивание видео с YouTube

1 Кнопка «Поделиться»

Откройте необходимое видео на YouTube и нажмите кнопку «Поделиться»

2 Выбор «Встроить»

Среди предлагаемых вариантов выберите «Встроить»

3 Копирование кода

В открывшемся окне нажмите «Копировать»


Рис. 3 - Кнопка «Поделиться» на YouTube

Рис. 4 - Выбор варианта «Встроить»

Рис. 5 - Окно копирования кода встраивания

Вставка и настройка кода встраивания

Скопированный код необходимо вставить в редактор HTML-кода в элементе «Страница».


Рис. 6 - Вставка кода в редактор HTML

Пример кода встраивания YouTube:

<iframe width="560" height="315" src="https://www.youtube.com/embed/gCLAMjCP-QE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
📏 Настройка размеров

Размер видео регулируется атрибутами «width» и «height». Рекомендуется: 720×450

🎯 Выравнивание

Для центрирования оберните код в тег: <p style="text-align: center;">


Рис. 7 - Кнопки выравнивания в простом режиме редактора

✓ Совет: Кроме непосредственно самого видео, можно добавлять текст, картинки и другую информацию на страницу для создания комплексного учебного материала.