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

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

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

Image

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

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

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.  Заходим в нужный урок в системе АвтоВебОфис, нажимаем на «+»  на блоке урока (1) и выбираем "Видео" (2)

Image

6. В "Тип видео" (1) выбираем сервис Vimeo и вставляем скопированную ссылку на видео (2):

Image

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

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

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

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

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

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

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

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

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

Image

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

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

Image

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

Image

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

Image

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

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

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

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

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

1. Под видео нажать «Поделиться» и скопировать ссылку:

  • Под видео нажать «Поделиться» и скопировать код для вставки плеера
Image Image

2. Далее следует добавить ссылку на видео в редактор видео в уроке в поле RuTube:

Image

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

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

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

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

Image

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

Image

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

Image

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

Image

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

Image

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

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

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

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

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

Image

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

Image

3. Заходим в нужный урок в системе АвтоВебОфис, нажимаем на «+» на блоке урока (1) и выбираем блок "Видео" (2).

Image

4. В "Тип видео" выбираем «Файл видео» (1) и вставляем скопированную ссылку (2)

Image

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

Добавление видео из Kinescope.

Чтобы добавить видео из сервиса Kinescope необходимо пройти регистрацию на сервисе Kinescope и настроить интеграцию с видео-хостингом.

Подробно о этапе регистрации и настройке интеграции описываем тут:  Интеграция с сервисом Kinescope.

После того, как Вы прошли регистрацию, настроили интеграцию с сервисом Kinescope и загрузили на видео-хостинг видео, можно переходить к этапу добавления видео в свой урок на АВО.

Зайдите в нужный урок в системе АвтоВебОфис, нажимаем на «+» на блоке урока (1) -  Видео (2)

Image

В "Тип видео" выберите "Другой сервис"

Image

В поле " Код для встраивания видео" вставьте код на видео с хостинга Kinescope

Image

Код на видео нужно скопировать из личного кабинета Kinescope.

Image

Есть два варианта встраивания видео в урок от Kinescope:

  1. Адаптивный -  он подстраивается (тянется) по размеру блока на странице;
  2. Фиксированный - не подстраивается под размер блока страницы, отображается по заданным параметрам.

Если Вы хотите, чтобы видео подстроилось под размер страницы/блока, скопируйте  адаптивный код (в личном кабинете ученика будет отображаться так):

Image

Если Вы хотите, чтобы видео отображалось по заданным параметрам, скопируйте фиксированный код (в личном кабинете ученика будет отображаться так):

Image

Сохраняем внесённые изменения.

Image

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

Загрузите видео в сервис Vdocipher нажав на кнопку "Закачать"

Image

После загрузки видео, нажмите на кнопку "Внедрить" (под видео)

Image

На открывшейся странице выбираем "Быстрое встраивание" (1) - Задайте параметры видео (срок действия кода встраиваемого видео; ограничения) (2) - Сгенерировать код для встраивания(3)

Image

Скопируйте сгенерированный код

Image

Зайдите в нужный урок в системе АвтоВебОфис, нажимаем на «+» на блоке урока (1) -  Видео (2)

Image

В поле "Код для встраивания видео" вставьте скопированный код

Image

Сохраните внесённые изменения

Как защитить свои видеоуроки от "пиратов" и недобропорядочных учеников?

Есть несколько вариантов внутренне защиты видео-уроков в вашем аккаунте в Автовебофис:

1.  Позволяет выводить на видео персональный QR-код хранящий в себе все идентификационные данные пользователя.

Т.е. в случае записи камерой перед монитором, клиент вместе с видео запишет и QR-код, с данными его кабинета ученика, по которому можно будет вычислить аккаунт.

Image

2.   Позволяет выводить пользователю поверх видео id контакта, под которым он авторизован. Если пользозавтель решит сделать запись экрана, то его можно будет определить по этому id.

Image

3. Двухфакторная аутентификация - это дополнительная защита. При попытке входа система запросит подтверждение через почтовый ящик и одноразовую специальную ссылку.

Image

4.  Защита от одновременного входа (при входе клиента в личный кабинет на одном устройстве будет автоматически происходить его выход на всех остальных устройствах).

Image

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

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

  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. Добавить текстовый блок в урок

Image

2.  Переходим в Содержимое блока → Исходный код:

Image

3.  Удаляем код содержимого:

Image

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

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

5. В поле «тут ссылка на файл» добавляем ссылку на PDF из хранилища:

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

1. Загружаем в хранилище файл → открываем файл

Image

2. Копируем ссылку на файл:

Image

3.  Добавляем ссылку в код в уроке:

Image

6.  Сохраняем → Проверяем:

Image

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

Image

8.  В предпросмотре откроется окно с PDF в уроке:

Image

Добавление якоря в урок.

В редакторе уроков есть возможность указать якорь в уроке и указать в ссылке/тексте урока переход к указанному якорю.

Использовать якорь в уроках можно для перехода к определенным элементам на странице урока:

1. Указать якорь в блоке урока. Для этого:

  • перейдите в нужный урок;
  • нажмите на блок в уроке;
  • в правом меню перейдите к полю «Прочее» → Добавить название якоря
Image

2. Добавить ссылку в тексте на якорь. Для этого:

1. Выделить текст для ссылки → 2. на панели редактора нажать значок редактирования ссылки 🔗 → 3. выбрать тип ссылки «якорь» → 4. выбрать указанный в уроке якорь → 5. ОК

Image

Поздравляем, материал в урок успешно добавлен!

Если у Вас еще остались какие-либо вопросы, пожалуйста, обращайтесь в нашу Службу поддержки по email zakaz@autoweboffice.com или в окне консультанта на сайте http://autoweboffice.com