Добавление материалов к уроку (видео, аудио, виджеты и т.д.)

Перед началом работы с обучающими курсами рекомендуем ознакомиться в вводными видеоуроками по теме.

Перейдите в раздел Тренинги - Список курсов. Выберете курс - выберете урок/добавьте урок, далее по инструкции ниже

Image

Добавление видео в урок с YouTube

  1. Зайдите на YouTube в видео, которое хотите разместить в уроке
  2. Внизу под видео нажмите на кнопку «Поделиться», в открывшемся окне кликните на кнопку «Копировать»
  3. Копируем ссылку видео
  4. Заходим в нужный урок в системе АвтоВебОфис, нажимаем на «+» на блоке урока, выбираем  Видео и вставляем ссылку в нужное место и  выбираем тип видео

СКРИН

5. Сохраняем урок

  • Встраивание видео должно быть разрешено в настройках видео на YouTube. То есть владельцем канала, с которого Вы хотите добавить видео в урок. youtube studio→контент→сведения/редактировать видео→внизу страницы галочка «Разрешить встраивание…»
Image
  • К видео должен быть «Доступ по ссылке»
Image

Добавление видео из Vimeo в урок

Для защиты видеоконтента есть разные способы, в CRM-системе АвтоВебОфис разработана мощная система защиты Вашего контента, Вы можете выкладывать видео прямо из YouTube, размещение на котором бесплатно, и они будут защищены.

Но если у Вас уже загружены видео в Vimeo и Вы хотите разместить видео оттуда в уроке, то это можно сделать:

1. Зайдите в Ваш аккаунт в Vimeo, перейдите у нужному видео и нажмите на шестеренку настроек

Image

2. В настройках конфиденциальности видео необходимо указать 2 пункта Hide this video from Vimeo.com и Only on sites I choose (в этом пункте укажите вместе с субдоменом ИДЕНТИФИКАТОР.autoweboffice.ru)

Image

3. Далее необходимо скопировать ссылку видео

4. Заходим в нужный урок в системе АвтоВебОфис, нажимаем на «+» на блоке урока, выбираем  Видео и вставляем ссылку в нужное место и  выбираем тип видео:

СКРИН

5. Сохраняем урок

Добавление видео из ВК в урок

На данный момент ВК Видео позволяет скрыть видео из общего доступа и добавить его в курс.

Что дает ВК Видео:

Возможность быстрого размещения видео

Возможность скрывать загруженные видео из публичного доступа

Возможность встраивать скрытые видео в личные кабинеты учеников

Бесплатное использование.

Можно настроить приватный доступ к видео, только тем у кого есть ссылка на видео и встроить код видео в личный кабинет ученика, так видео можно будет посмотреть только в личном кабинете (настройка доступна только для видео размещенного в сообществе).

Image

Для добавления видео нужно сделать следующее:

1. Зайти на свою страницу в ВК, настроить доступ к видео «У кого есть ссылка»

Image

2. Нажимаем на вкладку «Поделиться» видео от сообщества и в появившемся окне, на вкладке «Экспортировать» скопировать «Код для вставки»

Image

3. Заходим в нужный урок в системе АвтоВебОфис, нажимаем на «+» на блоке урока, выбираем текстовый блок урока и вставляем код в редакторе в боковом меню, справа в «Содержимое → Исходный код»

Image

4. Сохраняем урок

Добавление видео из RuTube в урок

Можно разместить видео бесплатно, но есть премодерация, которая на данный момент крайне не быстрая. Если скрыть видео из публичного доступа, то его нельзя встроить в личный кабинет ученика. А если не скрыть, то встроить можно, но и всем пользователям RuTube оно так же будет доступно.

Подходит для размещения бесплатных видео. Настройки приватности только базовые. Доступ можно ограничить по ссылке, но в таком случае встроить в уроки видео не получится. Защиты от скачивания нет. И всё-таки варианты, в которых Rutube может подойти для хранения образовательных видеоуроков, есть. К примеру, Вы можете загрузить на Rutube бесплатные курсы и тренинги с целью привлечения трафика на какой-то другой платный курс. Можно встроить бесплатный видеоурок, загруженный на Rutube, в курс на АвтоВебОфис и в личном кабинете дать возможность ученикам докупить доступ к дополнительным или продвинутым урокам, которые можно хранить в закрытом доступе.

Условия размещения видео:

  • Видео на RuTube после загрузки уходит на модерацию.
  • Модерация нашего видео в 9 секунд заняла чуть более суток, ориентируйтесь
  • Встроить видео из RuTube можно только сделав его общедоступным.
  • В этом случае не будет работать наша базовая защита.
Image

Чтобы добавить видео в урок нужно:

  • Под видео нажать «Поделиться» и скопировать код для вставки плеера
  • Далее следует добавить код видео в текстовый блок урока, в «Содержимое → Исходный код»

Заходим в нужный урок в системе АвтоВебОфис, нажимаем на «+» на блоке урока, выбираем текстовый блок урока и вставляем код в редакторе в боковом меню, справа в «Содержимое → Исходный код»

СКРИН

Добавление видео из Selectel в урок

Платно, подходит для размещения платных видео уроков, видео скрыто из публичного доступа по умолчанию. Ежемесячной платной подписки у сервиса нет — вы платите только за хранимые и просматриваемые объемы видео

Для добавления видео нужно сделать следующее:

1. В своём аккаунте Selectel открываете вкладку в меню слева «Облачное хранилище» → «Хранилище»

Image

2. Создаете «Контейнер» и тип хранения выбираете «Приватный»

Image

3. Создаете «Контейнер» и тип хранения выбираете «Приватный»

Image

4. Получаете прямую ссылку на видео для встраивания в урок

Image

5. Заходим в нужный урок в системе АвтоВебОфис, нажимаем на «+» на блоке урока, выбираем блок Видео.
Тип видео «Файл видео» и вставляем ссылку в редакторе в боковом меню, справа в «Содержимое»

Image

6. Сохраняем урок

Добавление видео из Boomstream в урок

Платное хранение видео, можно скрыть видео из публичного просмотра, установив доступ только из личного кабинета ученика, плюс есть дополнительная система защиты от скачивания. Такой вариант хранения и защиты видео подходит для продажи курсов с видео уроками, так как позволяет использовать несколько вариантов защиты видео.

Для добавления видео нужно сделать следующее:

1. Загружаете видео на https://boomstream.com/ после этого, следует в разделе «Видеофайлы» кликнуть по видео.

Image

2. После этого следует нажать на кнопку «Поделиться» у желаемой по качеству версии видео. Откроется окно, в котором следует скопировать прямую ссылку на видео, которая ведет непосредственно на файл

Image

3. Заходим в нужный урок в системе АвтоВебОфис, нажимаем на «+» на блоке урока, выбираем блок Видео.
Тип видео «Файл видео» и вставляем ссылку в редакторе в боковом меню, справа в «Содержимое»

Image

4. Сохраняем урок

Добавление аудио в урок из хранилища аккаунта

Добавляем аудио в урок:

  1. Заходим в нужный урок
  2. Нажимаем на «+» на блоке урока, выбираем аудио
  3. В правом меню блока нажимаем на кнопку «Выбрать из хранилища»
  4. Выбираем аудио в хранилище. Справа, в боковом меню можно настроить аудиоплеер.
  5. Сохраняем урок

Добавление аудио в урок из soundcloud

Для размещения с soundcloud.com Регистрируетесь

Image

Нажимаете «upload»

Image

Дальше выбираете «private»

Image

Загружаете файл.Перетяните файл в зелёную область или нажмите на кнопку и выберите расположение файла на компьютере

Image

Нажимаете save

Image

Затем нажимаете «go to your track»

Image

Кнопка Share

Image

Вкладка «Embed»

Image

Копируем этот код

Image

Заходим в нужный урок в системе АвтоВебОфис, добавляем код в «Исходный код» текстового блока

Image

Сохраняем урок

Добавление общего чата в урок с помощью виджета вКонтакте

Если Вы хотите, чтобы ученики в определенных уроках имели возможность общаться, видеть комментарии друг друга, например, при проведении вебинара, Вы можете воспользоваться готовыми плагинами или виджетами и разместить их в уроке, например, виджет для комментариев VK

  1. Переходим по ссылке https://vk.com/dev/Comments
  2. Заполняем поля, в поле «Адрес сайта» укажите ссылку на Ваш магазин в системе АвтоВебОфис вида https://mastergroup.autoweboffice.ru/, основной домен в данной ситуации будет mastergroup.autoweboffice.ru
  3. Нажимаем Сохранить
  4. Нам сгенерируется готовый код виджета, который уже можно размещать в уроке. Для этого Заходим в нужный урок в системе АвтоВебОфис, нажимаем в текстовом блоке на кнопку «Исходный код» и вставляем код в нужное место
  5. Сохраняем урок

Добавление общего чата в урок с технологией единого входа (SSO)

Некоторые виджеты для общего чата поддерживают технологию единого входа (SSO), АвтоВебОфис позволяет интегрировать Вам такую опцию, чтобы ученикам, которые залогинены в личном кабинете АвтоВебОфис, не пришлось дополнительно авторизоваться в чате, это удобно и проще для пользователей с мобильных телефонов. Рассмотрим настройку на примере Tolstoy Comments

1. Зайдите в раздел Настройки-Управление и скопируйте Ключ доступа к API

Image

2. Далее необходимо перейти в Ваш магазин в АвтоВебОфис раздел Обучающие курсы-Настройки и внизу нажать «Настроить SSO»

3. На открывшейся странице необходимо добавить переменную для данного чата, название переменной Вы задаете сами, оно должно быть на латинице, в поле API вставляем скопированный ранее ключ и нажимаем Сохранить

Image

4. Далее Вам необходимо разместить код самого виджета в уроке, его Вы можете взять в разделе Настройки-Код личного кабинета Tolstoy Comments

Image

5. Вставляем код во вкладку Источник урока в нужно Вам место, под ним также нужно добавить следующий код, чтобы задействовать технологию единого входа

<script type="text/javascript"> window.tolstoycomments.config = { sso: tokenSSO }; </script>

где tokenSSO - это имя Вашей переменной, созданной в АвтоВебОфис

Image

Добавление PDF-файла в урок.

Для того, чтобы добавить PDF-файл в урок, нужно:

1. Добавить текстовый блок в урок

СКРИН - https://wampi.ru/image/RtPfbzQ

2. Далее  в исходный код текстового блока урока добавить код вивера для показа pdf в уроке:

СКРИН

Скачать файл с кодом можно перейдя по ссылке

  • Если ссылка на файл расположена в облачном хранилище, то вставляем ее так:

СКРИН

  • Если ссылка на файл расположена в файловом хранилище аккаунта, то вставляем ее так:

СКРИН

3. В редакторе урока вставленный PDF файл будет выглядеть, как пустой блок:

СКРИН

4. Высоту окна показа документа нужно задать в редакторе блока → Размеры и отступы

СКРИН

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

Выглядеть в уроке, например, будет так

СКРИН