Различия

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

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

Предыдущая версия справа и слева Предыдущая версия
Следующая версия
Предыдущая версия
lesson_materials [2019/04/29 15:15]
annasemukhina
lesson_materials [2020/04/13 13:07] (текущий)
annasemukhina
Строка 12: Строка 12:
 ====Добавление аудио в урок==== ====Добавление аудио в урок====
  
-В урок можно добавить аудио, сам файл ​может быть размещен у Вас на сервере ​или ​даже на обычном файловом хранилище. \\ \\  Пример, {{ img-2019-04-11-11-59-28.png }} +Для ​размещения с soundcloud.com  
-    - Размещаем ​файл, копируем ссылку на него. Путь до него должен быть абсолютный (полный с http:// или https://) +Регистрируетесь 
-    - Добавляем Вашу ссылку в данный код ​ <​code><​script src="https://​autoweboffice.ru/​js/​plugins//​audiojs/​audio.min.js"></​script>​ +{{ аудио:audio1.png }} 
-<​script>​ +\\ 
-  audiojs.events.ready(function() ​{ + 
-    var as = audiojs.createAll();​ +Нажимаете ​ **"​upload"​** 
-  ​}); +{{ аудио:audio2.png }} 
-</​script>​ +\\ 
-<p> + 
-<audio src="​https://​autoweboffice.com/​audio/​Nirvana_Smells_Like_Teen_Spirit_Original.mp3(ПРИМЕР,​ СЮДА, МЕЖДУ КАВЫЧКАМИ,​ ВСТАВЛЯЕТЕ ССЫЛКУ НА ВАШ ФАЙЛ)"​ preload="​auto"​ /> +Дальше ​выбираете **"​private"​** 
-</​p></​code>​ +{{ аудио:audio3.png }} 
-    ​- ​Заходим в нужный урок в системе АвтоВебОфис,​ нажимаем на вкладку Source (Источник) и вставляем код в нужное место +\\ 
-    ​- ​Сохраняем урок+ 
 +Загружаете ​файл. \\ 
 +Перетяните файл в зелёную область или ​нажмите на кнопку и выберите расположение ​файла на компьютере 
 +{{ аудио:audio4.png }} 
 +\\ 
 + 
 +Нажимаете save 
 +{{ аудио:​audio5.png }} 
 +\\ 
 + 
 +Затем нажимаете ​**"go to your track"​** 
 +{{ аудио:audio6.png }} 
 +\\ 
 + 
 +Кнопка Share 
 +{{ аудио:audio7.png }} 
 + 
 +Вкладка **"Embed"** 
 +{{ аудио:​audio8.png }
 +\\ 
 + 
 +Копируем этот код 
 +{{ аудио:audio9.png }} 
 +\\ 
 + 
 +Заходим в нужный урок в системе АвтоВебОфис,​ нажимаем на вкладку Source (Источник) и вставляем код в нужное место 
 +Сохраняем урок 
 +\\ 
 +\\
  
 ====Добавление видео из Vimeo в урок==== ====Добавление видео из Vimeo в урок====
Строка 47: Строка 75:
     - Сохраняем урок     - Сохраняем урок
  
 +====Добавление общего чата в урок с технологией единого входа (SSO)====
 +Некоторые виджеты для общего чата поддерживают технологию единого входа (SSO), АвтоВебОфис позволяет интегрировать Вам такую опцию, чтобы ученикам,​ которые залогинены в личном кабинете АвтоВебОфис,​ не пришлось дополнительно авторизоваться в чате, это удобно и проще для пользователей с мобильных телефонов. Рассмотрим настройку на примере Tolstoy Comments
 +
 +    - Зайдите в раздел Настройки-Управление и скопируйте Ключ доступа к API {{ 008843d91b.png }}
 +    - Далее необходимо перейти в Ваш магазин в АвтоВебОфис раздел Обучающие курсы-Настройки и внизу нажать "​Настроить SSO"
 +    - На открывшейся странице необходимо добавить переменную для данного чата, название переменной Вы задаете сами, оно должно быть на латинице,​ в поле API вставляем скопированный ранее ключ и нажимаем Сохранить {{ c76b8d0964.png }}
 +    - Далее Вам необходимо разместить код самого виджета в уроке, его Вы можете взять в разделе Настройки-Код личного кабинета Tolstoy Comments {{ 60a2a291e7.png }}
 +    - Вставляем код во вкладку Источник урока в нужно Вам место, под ним также нужно добавить следующий код, чтобы задействовать технологию единого входа \\ \\  <​code><​script type="​text/​javascript">​
 +    window.tolstoycomments.config = { 
 +        sso: tokenSSO
 +    };
 +</​script></​code>​ \\ \\  где tokenSSO - это имя Вашей переменной,​ созданной в АвтоВебОфис{{ d26bc921ef.png }}