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

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

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

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

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

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

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

• К видео должен быть «Доступ по ссылке»

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

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

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

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

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

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

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

СКРИН

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

СКРИН

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нажимаете save

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

Кнопка Share

Вкладка «Embed»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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