Skip to main content
Participant
August 28, 2017
Question

How to embed the "Embeddable Fluidic Player"

  • August 28, 2017
  • 1 reply
  • 983 views

One of the main features sets that attracted me to the Captivate Prime Platform was the Embeddable Fluidic Player listed under the features set on the Captivate Prime website.

It would allow our existing platform continue to manage our memberships through the api as well as our own course catalog (bypassing the captivate prime offering). Allowing us to better maintain our 'look and feel'.

Unfortunately I cannot find any support documents that guide me through the process of actually doing this. Can anyone point me in the right direction on this feature?

This topic has been closed for replies.

1 reply

kylef95303432
Inspiring
August 28, 2017

I've spent a lot of time working on this. Here are my notes I have gathered from support, and my own testing.

captivateprime.adobe.com/app/embedplayer is wrong in the documentation, it should be  https://captivateprime.adobe.com/app/player?course_id=course:<id>&access_token=<token>

The v1 API key does not work. We had to go get a V2 API from https://captivateprime.adobe.com/docs/primeapi/v2/

The ideal call for course, learningProgram and certification should be:-

//For LP

https://captivateprime.adobe.com/app/player?lo_id=learningProgram:<learningProgramId>&access_token=<valid access token>

//For course

https://captivateprime.adobe.com/app/player?lo_id=course:<courseId>&access_token=<valid access token>

//For certification

https://captivateprime.adobe.com/app/player?lo_id=certification:<certificationId>&access_token=<valid access token>

All these lo_ids are returned in v2 apis.

Captivate Prime Fluidic player

The core focus for Captivate Prime as a learning platform is to provide learners an experience that is personalised and consistent across all devices. The Captivate Prime fluidic player is a central piece of that story and offers several industry first functionalities.

Play any eLearning content

The Fluidic player has been architected ground up in such a way that it plays virtually any type of eLearning content in the same consistent and intuitive manner without requiring any plugins, downloads or other such things. That means the learner simply clicks on the content and irrespective of the contents file type such a PDF, PPT, Video, SCORM, AICC, DOCX, it starts playing.

Notes and Bookmarking

One of the vital aspects of providing a personalised experience while learning, is how Prime allows learners to personalise the same eLearning content to their own needs. This is achieved through the ability to take notes and book mark any content, again irrespective of the file type.

This is a great way for eg for learners to annotate certain sections of a 20 min video or a 10 page PDF at the very points where they have found information that is strongly relevant for their own needs. These notes and book marks can then be searched or Prime sends you these in email, clicking on which lands the learner in the fluidic player exactly at that second of the video or page of the pdf.

Alternative contents

As an admin you can now set up your course material in a way that you can offer alternative content to your learners right within the fluidic player. For eg you have learners across geographies with multiple languages. You can now create the same content in multiple languages. The fluidic player will smartly offer the learner the language that she might be set up for, but the learner also has the choice to switch to alternative language right from within the player.

Video specific controls

Video is increasingly taking a central role in eLearning and Captivate Prime fluidic player offers video playback experience to its learners using streaming technology. Which means that the learner experiences no delays in starting the video and no requirements for disk space on any device unlike in most buffered playback systems. The fluidic player also offers smart controls like play back speed (1x, 1.5 X etc) as also skip +-10 s which are designed to give the learner the exact level of control they need to match their speed of learning.

Embed the Fluidic player

As an enterprise one goal you might have is to offer your learners the Captivate Prime experience in your own properties for eg your intranet website. This can be done by embedding the  Captivate Prime fluidic player . To achieve this requires some development work using Captivate Prime APIs. This is an effort that needs to be undertaken by someone from your IT team or an external consultant that can build an application that is then hosted on your site.

Here are the key steps that you would need to do

The core URL for the captivate prime embedded player is captivateprime.adobe.com/app/embedplayer

This URL further needs to be constructed with parameters which point to the exact content that needs to be taken

                course_id : This is the id of course to launch

                learning_program_id : This is the id of learning program to launch

                certification_id : This is the id of certification to launch

                access_token : This is the security parameter,  use the public api oauth  access token

   The above parameters have to be retrieved by making Captivate Prime API calls. These API calls are made by the application that your IT team/consultant would write and host on your site. More details on using the API can be found here

https://captivateprime.adobe.com/docs/primeapi/v1/

After constructing the URL, one way the application would use it for displaying to the learner is by putting it inside an iFrame  

Your learners would now be taken to your application on your site where they would see the link constructed by the application, clicking on which would lead to fluidic player being launched with the particular course in context.        

When the learner closes the Player, the fluidic player  will send a "close" message to the parent element using html5 postMessage . The loading controller should handle this message and proceed.