Встраиваемый проигрывать Fluidic Player

Теперь учащиеся могут взаимодействовать с объектами обучения даже вне Learning Manager. С помощью общедоступного API можно собрать всю информацию, связанную с объектами обучениями, регистрациями учащихся и ходом выполнения объектов обучения, и отобразить их на своем сайте. Более того, теперь вы можете разместить проигрыватель Fluidic Player из Learning Manager на сайте, благодаря чему учащиеся смогут пользоваться содержимым на вашем сайте. Проигрыватель Fluidic Player позволяет воспроизводить содержимое, поддерживаемое Learning Manager. Функциональность проигрывателя, встроенного на сайт, не будет отличаться от его функциональности в Learning Manager.

Воспроизводите любое содержимое для электронного обучения

Проигрыватель Fluidic Player позволяет легко и быстро воспроизвести практически любое содержимое для электронного обучения. При этом, вам не придется устанавливать плагины или дополнительные файлы. Достаточно просто запустить содержимое — оно воспроизведется вне зависимости от типа.

Примечания и закладки

Оставляйте примечания и закладки в любом содержимом, вне зависимости от его типа. Если вам необходимо пометить определенную часть большого файла или видео, оставьте закладку в тех местах, которые оказались для вас полезными. Примечания и закладки можно найти в поиске или отправить в электронном письме. При щелчке по примечанию или закладке в проигрывателе Fluidic Player откроется нужный момент видео или нужная страница документа.

Более подробные сведения о проигрывателе Fluidic Player приведены в разделе Проигрыватель Fluidic Player.

Далее приведены несколько примеров использования встраиваемого проигрывателя Fluidic Player.

• Проигрыватель Fluidic Player можно разместить на вашем сайте, чтобы в нем отображался список курсов, на прохождение которых зарегистрировался ваш сотрудник, и содержалась ссылка для запуска объекта обучения. Таким образом, учащиеся смогут проходить объекты обучения на внутреннем сайте вашей корпорации.
• Если ваша корпорация занимается обучением, вполне возможно, что у вас имеется собственный сайт, на котором клиенты могут приобрести курсы. На этот сайт можно встроить проигрыватель Fluidic Player, и тогда учащиеся смогут пользоваться приобретенным содержимым прямо на вашем сайте.
  

Разработка пользовательского приложения для встраивания проигрывателя Fluidic Player на ваш сайт выполняется в три простых шага:

1. Создание приложения в Learning Manager для администраторов интеграции.
2. Получение маркера доступа.
3. Использование маркера доступа для получения ресурсов из Learning Manager с помощью общедоступного API.
   

1. Создание приложения в роли администратора интеграции

На данном шаге создаются идентификатор приложения/клиента и секретный ключ приложения/клиента, которые используются для получения маркеров доступа и восстановления. Более подробные сведения о создании приложения приведены в разделе Процесс разработки приложения.

2. Получение маркера доступа

Поскольку Learning Manager использует код OAUTH2.0. для получения ресурсов через общедоступный API требуется маркер доступа. Получить маркер доступа можно с помощью маркера обновления, идентификатора клиента или секретного ключа клиента.

2.1 Маркер обновления

• Получение кода Oauth

Код OAuth используется для получения маркера обновления. При входе в систему по нижеприведенному URL-адресу Learning Manager перенаправит пользователя по URL-адресу с кодом OAuth (пример извлечения кода OAuth приведен в файле «oauthredirect.html» в примере приложения):

https://learningmanager.adobe.com/oauth/o/authorize
client_id= <application_id>
&redirect_uri=<redirect_uri>
&state=<dummy_data>
&scope=learner:read,learner:write
&response_type=CODE
&account=<account_id>
&email=<email_id>

где: client id — идентификатор приложения, полученный в шаге 1.
redirect_url — URL-адрес перенаправления, указанный в шаге 1.
state — любые фиктивные данные, на основании которых нужно отфильтровать URL-адрес перенаправления для получения кода OAuth. «Scope» — область распространения прав учащихся, установленная на шаге 1.
response_type — всегда «CODE».
account — дополнительное поле
email — дополнительное поле
* Если предоставлены и идентификатор, и адрес электронной почты учетной записи, пользователи смогут войти в одну и ту же учетную запись с помощью вышеприведенного URL-адреса. Пример конечной точки приведен в файле «index.html» примера приложения.

• Получение маркера обновления

С помощью полученного кода OAuth, идентификатора и секретного ключа клиента из нижеуказанной конечной точки можно получить маркер обновления:

https://learningmanager.adobe.com/oauth/token

В ответ на оставленный вами запрос вы получите:

i. refresh_token
ii. access_token
iii. user_id
iv. expires_in
v. user_role
vi. account_id

2.2 Получение маркера доступа из маркера обновления

Для получения маркера доступа необходимо отправить еще один запрос по нижеуказанному адресу, указав в теле письма маркер восстановления, идентификатор клиента и секретный ключ клиента:

https://learningmanager.adobe.com/oauth/token/refresh

В ответ на оставленный запрос вы получите:
i. refresh_token
ii. access_token
iii. user_id
iv. expires_in
v. user_role
vi. account_id

3. Получение ресурсов через общедоступный API

На этом этапе необходимо воспользоваться маркером доступа и получить ресурсы из Learning Manager с помощью общедоступного API .  Маркер доступа используется для любого вызова через общедоступный API Кроме того, он должен быть добавлен в заголовок, как это показано в примере приложения.

Встраиваемый проигрыватель

Для воспроизведения содержимого объектов обучения в приложении сторонних разработчиков можно воспользоваться встраиваемым проигрывателем.

Открытие курса во встраиваемом проигрывателе

1. Создайте встраиваемый URL-адрес

Для открытия курса во встраиваемом проигрывателе необходимо создать встраиваемый URL-адрес, как показано далее:

https://learningmanager.adobe.com/app/player?lo_id=<v2-api course id>&access_token=<access_token>

Где lo_id (идентификатор объекта обучения) должен соответствовать формату идентификатора курса V2 API.

Пример: https://learningmanager.adobe.com/app/player?lo_id=course:123456&access_token=45b269b75ac65d6696d53617f512450f

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

Примеры: https://learningmanager.adobe.com/app/player?lo_id=certification:12345&access_token=c1a4847dfbf4007826a027d481b93c1e

https://learningmanager.adobe.com/app/player?lo_id=learningProgram:12345&access_token=c1a4847dfbf4007826a027d481b93c1e

https://learningmanager.adobe.com/app/player?lo_id=jobAid:1234&access_token=c1a4847dfbf4007826a027d481b93c1e

     2. Установите данный URL-адрес в атрибуте «src» iframe.

Закрытие встраиваемого проигрывателя

window.addEventListener("message", function closePlayer(){
   if(event.data === "status:close"){
     //handle closing event
   }
});

Руководство по разработке примера приложения

В приложенном PDF-документе содержится руководство по разработке примера приложения.