Различия

Здесь показаны различия между двумя версиями данной страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия
Предыдущая версия
lesson_materials [2020/01/30 16:25]
efim [Добавление аудио в урок]
lesson_materials [2021/03/12 09:38] (текущий)
a.001
Строка 1: Строка 1:
 =====Добавление материалов к уроку (видео,​ аудио, виджеты и т.д.)===== =====Добавление материалов к уроку (видео,​ аудио, виджеты и т.д.)=====
 Перед началом работы с обучающими курсами рекомендуем ознакомиться в вводными [[https://​www.youtube.com/​watch?​v=C6lsRbhv6xg&​list=PL5QfAdJIkqGYg6vsuporon6YNfDTc8NI-|видеоуроками]] по теме. Перед началом работы с обучающими курсами рекомендуем ознакомиться в вводными [[https://​www.youtube.com/​watch?​v=C6lsRbhv6xg&​list=PL5QfAdJIkqGYg6vsuporon6YNfDTc8NI-|видеоуроками]] по теме.
 +
 +Перейдите в раздел Тренинги - Список курсов. Выберете курс - выберете урок/​добавьте урок, далее по инструкции ниже {{ :​список_курсов.png?​direct |}}
 ====Добавление видео в урок с YouTube==== ====Добавление видео в урок с YouTube====
-{{ youtube>1SOun6v9G78?​medium?​854x480 }}+{{ youtube>AVmysncy8ho?​medium?​854x480 }}
  
     - Зайдите на YouTube в видео, которое хотите разместить в уроке     - Зайдите на YouTube в видео, которое хотите разместить в уроке
-    - Внизу под видео нажмите на кнопку "​Поделиться",​ в открывшемся окне на кнопку "Встроить"​ +    - Внизу под видео нажмите на кнопку "​Поделиться",​ в открывшемся окне кликните на кнопку "Копировать"​ 
-    - Копируем код видео +    - Копируем ​ссылку видео 
-    - Заходим в нужный урок в системе АвтоВебОфис,​ нажимаем на вкладку Source (Источники вставляем код в нужное место+    - Заходим в нужный урок в системе АвтоВебОфис,​ нажимаем на «+» на блоке урока, выбираем Видео ​и вставляем ​ссылку в нужное место
     - Сохраняем урок     - Сохраняем урок
  
-====Добавление аудио в урок==== 
  
-В урок можно ​добавить аудио, сам файл может быть размещен у Вас на сервере или даже на обычном файловом ​хранилище. \\ \\  Пример,​ {{ img-2019-04-11-11-59-28.png }} +====Добавление видео в урок ​из хранилища аккаунта==== 
-    - Размещаем ​файл, копируем ссылку на него. Путь до него должен ​быть абсолютный (%%полный с http:// ​или https://, пример https://autoweboffice.com/audio/​Nirvana_Smells_Like_Teen_Spirit_Original.mp3%%) +{{ youtube>​DzgdV1kaN9Y?​medium?​854x480 }} 
-    - Добавляем ​Вашу ссылку в код проигрывателя. Есть ​варианта проигрывателей, один больше подойдет ​для ​размещения файлов с Вашего сервера, другой с soundcloud.com (там можно бесплатно выкладывать ​аудиофайлы с защитой. Работает такжекак ​и видео на youtube) ​ + 
- \\ \\  Для ​размещения с сервера: \\ \\   <​code><​script src="​https://​autoweboffice.ru/​js/​plugins//​audiojs/​audio.min.js"></​script>​ +    - Загрузить видео в хранилище ​можно ​в Настройки - Файловой хранилище - ⬆︎ 
-<​script>​ +    - Заходим ​в нужный урок в системе АвтоВебОфис, нажимаем на «+» на блоке урока, ​выбираем «Тип видео» Файл видео, нажимаем на кнопку «Выбрать из хранилища» 
-  ​audiojs.events.ready(function() ​+    - Сохраняем урок 
-    var as = audiojs.createAll();​ + 
-  ​}); +====Добавление видео из Vimeo в урок==== 
-</​script>​ + 
-<p> +Для защиты видеоконтента есть разные способы, в CRM-системе АвтоВебОфис разработана мощная система защиты Вашего контентаВы можете выкладывать видео ​прямо ​из YouTube, размещение на котором бесплатно,​ и они [[https://www.youtube.com/watch?​v=PSwuEyS43rc|будут защищены]]
-<audio src="Ваша публичная ссылка на файл" preload="​auto"​ /> + 
-</​p></​code>​ \\ \\  +Но если у Вас уже загружены ​видео в Vimeo и Вы хотите разместить видео оттуда в уроке, то это можно сделать
 +    - Зайдите в Ваш аккаунт в Vimeo, перейдите у нужному видео и нажмите на шестеренку настроек {{ vimeo_2_.jpg }} 
 +    - В настройках конфиденциальности видео необходимо указать 2 пункта Hide this video from Vimeo.com и Only on sites I choose ​(в этом пункте укажите вместе с субдоменом ИДЕНТИФИКАТОР.autoweboffice.ru) {{ vimeo_33_.jpg }} 
 +    - Далее ​необходимо ​скопировать ​ссылку видео 
 +    - Заходим в нужный урок в системе АвтоВебОфис,​ нажимаем на «+» на блоке урока, выбираем Видео и вставляем ссылку в редакторе ​виде ​в боковом меню, справа 
 +    - Сохраняем урок 
 + 
 + 
 +====Добавление аудио в урок из хранилища аккаунта===
 + 
 +{{ youtube>​L49qRyr1R68?​medium?​854x480 }} 
 + 
 +Добавляем аудио в урок: 
 +  ​- Заходим в нужный урок 
 +  - Нажимаем на «+» на блоке урока, выбираем аудио 
 +  ​- ​В правом меню блока нажимаем на кнопку «Выбрать ​из хранилища» 
 +  - Выбираем аудио в хранилище. Справа, в боковом меню можно ​настроить ​аудиоплеер. ​ 
 +  ​- Сохраняем урок 
 \\ \\
 +\\
 +
 +====Добавление аудио в урок из soundcloud====
  
 Для размещения с soundcloud.com ​ Для размещения с soundcloud.com ​
Строка 63: Строка 85:
 \\ \\
  
-Заходим в нужный урок в системе АвтоВебОфис, ​нажимаем ​на вкладку Source (Источник) и вставляем ​код ​в нужное ​место+Заходим в нужный урок в системе АвтоВебОфис, ​добавляем код в "Исходный код"​ текстового блока {{ :исходный_код_текс_блока.png?​direct |}}
 Сохраняем урок Сохраняем урок
 \\ \\
 \\ \\
- 
-====Добавление видео из Vimeo в урок==== 
- 
-Для защиты видеоконтента есть разные способы,​ в CRM-системе АвтоВебОфис разработана мощная система защиты Вашего контента,​ Вы можете выкладывать видео прямо из YouTube, размещение на котором бесплатно,​ и они [[https://​www.youtube.com/​watch?​v=PSwuEyS43rc|будут защищены]]. 
- 
-Но если у Вас уже загружены видео в Vimeo и Вы хотите разместить видео оттуда в уроке, то это можно сделать:​ 
-    - Зайдите в Ваш аккаунт в Vimeo, перейдите у нужному видео и нажмите на шестеренку настроек {{ vimeo_2_.jpg }} 
-    - В настройках конфиденциальности видео необходимо указать 2 пункта Hide this video from Vimeo.com и Only on sites I choose (в этом пункте укажите вместе с субдоменом ИДЕНТИФИКАТОР.autoweboffice.ru) {{ vimeo_33_.jpg }} 
-    - Далее необходимо скопировать полный код, для каждого видео он свой. Вы можете это сделать в настройках видео Embed - Get embed code {{ vimeo_311_.jpg }} 
-    - На открывшемся окне копируем код {{ vimeo_55_.jpg }} 
-    - Затем переходите в свой магазин и будь то "​Информация для личного кабинета клиента",​ редактируемая в Товарах,​ или уроки в Обучающих курсах,​ в окне редактирования переходите во вкладку Источник и вставляйте этот код там, где хотите разместить окошко видео. Нажимаем кнопку Сохранить {{ vimeo_6_.jpg }} 
  
 ====Добавление общего чата в урок с помощью виджета вКонтакте==== ====Добавление общего чата в урок с помощью виджета вКонтакте====
  
-Если Вы хотите,​ чтобы ученики в определенных уроках имели возможность обащаться,​ видеть комментарии друг друга, например,​ при проведении вебинара,​ Вы можете воспользоваться готовыми плагинами или виджетами и разместить их в уроке, например,​ виджет для комментариев VK+Если Вы хотите,​ чтобы ученики в определенных уроках имели возможность общаться,​ видеть комментарии друг друга, например,​ при проведении вебинара,​ Вы можете воспользоваться готовыми плагинами или виджетами и разместить их в уроке, например,​ виджет для комментариев VK
  
     - Переходим по ссылке [[https://​vk.com/​dev/​Comments|https://​vk.com/​dev/​Comments]]     - Переходим по ссылке [[https://​vk.com/​dev/​Comments|https://​vk.com/​dev/​Comments]]
     - Заполняем поля, в поле "​Адрес сайта"​ укажите ссылку на Ваш магазин в системе АвтоВебОфис вида %%https://​mastergroup.autoweboffice.ru/​%%,​ основной домен в данной ситуации будет mastergroup.autoweboffice.ru     - Заполняем поля, в поле "​Адрес сайта"​ укажите ссылку на Ваш магазин в системе АвтоВебОфис вида %%https://​mastergroup.autoweboffice.ru/​%%,​ основной домен в данной ситуации будет mastergroup.autoweboffice.ru
     - Нажимаем Сохранить     - Нажимаем Сохранить
-    - Нам сгенерируется готовый код виджета,​ который уже можно размещать в уроке. Для этого Заходим в нужный урок в системе АвтоВебОфис,​ нажимаем ​на вкладку Source (Источники вставляем код в нужное место+    - Нам сгенерируется готовый код виджета,​ который уже можно размещать в уроке. Для этого Заходим в нужный урок в системе АвтоВебОфис,​ нажимаем в текстовом блоке на кнопку "Исходный код" ​и вставляем код в нужное место
     - Сохраняем урок     - Сохраняем урок