Integrierbarer Fluidic Player

In diesem Artikel finden Sie Informationen zum Integrieren des Fluidic Players in eine benutzerdefinierte Anwendung.

Als Unternehmen können Sie jetzt eine benutzerdefinierte Umgebung außerhalb von Learning Manager für Ihre Teilnehmenden bereitstellen. Mit der öffentlichen API können Sie alle Informationen zu Lernobjekten, Teilnehmerregistrierungen und Lernfortschritt abrufen und auf Ihrer Website anzeigen. Darüber hinaus können Sie sogar den Fluidic Player von Learning Manager in Ihre Website einbetten, sodass der Teilnehmer den Inhalt direkt auf Ihrer Website nutzen kann. Der Fluidic Player gibt Ihnen die Möglichkeit, alle Inhalte abzuspielen, die Learning Manager unterstützt. Beim Integrieren in Ihre Website stehen genau dieselben Funktionen zur Verfügung wie bei der Verwendung in Learning Manager.

Beliebigen eLearning-Inhalt abspielen🔗

Der Fluidic Player spielt praktisch jede Art von eLearning-Inhalten auf dieselbe konsistente und intuitive Art und Weise ab, ohne dass Plug-ins oder Downloads erforderlich sind. Der Teilnehmer kann den Inhalt starten und dieser wird unabhängig vom Dateityp abgespielt.

Anmerkungen und Lesezeichen

Sie können unabhängig vom Dateityp Anmerkungen erstellen und Lesezeichen für alle Inhalte erstellen. Wenn Sie aus einer langen Datei oder einem Video eine bestimmte Auswahl treffen möchten, können Sie Lesezeichen für genau die Stellen erstellen, an denen Sie die für Sie relevanten Informationen gefunden haben. Die Notizen und Lesezeichen können durchsucht oder als E-Mail gesendet werden. Durch Klicken auf diese wird genau die gewünschte Stelle im Video bzw. die Seite im Dokument im Fluidic Player geöffnet.

Weitere Informationen zum Fluidic Player finden Sie unter Fluidic Player.

Hier sind einige Beispiele, wo Sie den integrierbaren Fluidic Player verwenden können.

Schritte für die Integration des Fluidic Player in Ihre Website stepstoembedfluidicplayerinyourwebsite

Das Erstellen einer benutzerdefinierten Anwendung zum Integrieren des Fluidic Player in Ihre Website umfasst drei grundlegende Schritte:

​1. Anwendung im Integrationsadministrator erstellen createanapplicationinintegrationadmin

Dieser Schritt ist erforderlich, um eine Anwendungs-/Client-ID und ein Anwendungs-​​/Client-Geheimnis zu erstellen, das zum Abrufen des Aktualisierungstokens und des Zugriffstokens verwendet wird. Weitere Informationen zum Erstellen einer Anwendung finden Sie unter Anwendungsentwicklungsprozess.

​2. Abrufen des Zugriffstokens retrievingaccesstoken

Da Learning Manager OAUTH2.0 verwendet, ist ein Zugriffstoken erforderlich, um Ressourcen mithilfe der öffentlichen API abzurufen. Das Zugriffstoken kann mithilfe des Aktualisierungstokens, der Client-ID oder des Client-Geheimnisses abgerufen werden.

2.1 Aktualisierungstoken

Der OAuth-Code ist zum Abrufen des Aktualisierungstokens erforderlich. Learning Manager leitet den Benutzer zur Umleitungs-URL mit dem OAuth-Code um, wenn er sich mit der folgenden URL anmeldet (die OAuth-Codeextraktion ist in der Datei "oauthredirect.html" in der Beispielanwendung dargestellt):

code 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>

Hier ist Client-ID die in Schritt 1 erhaltene Anwendungs-ID.
2​redirect_url ist die in Schritt 1 festgelegte redirect_url.
1​state sind alle Dummy-Daten, auf deren Grundlage wir die Umleitungs-URL filtern müssen, um OAuth-Code zu erhalten. "Scope" ist der in Schritt 1 festgelegte Teilnehmerbereich.
response_type​e ist immer "CODE".
account ist ein optionales Feld.
email ist ein optionales Feld.
* Wenn sowohl die Konto-ID als auch die E-Mail-Adresse angegeben werden, kann sich der Benutzer über die obige URL bei demselben Konto anmelden. Dieses Endpunktbeispiel wird in der Datei "index.html" in der Beispielanwendung dargestellt.

Sobald der OAuth-Code empfangen wurde, kann das Aktualisierungstoken mithilfe des OAuth-Codes, der Client-ID und des Client-Geheimnisses vom folgenden Endpunkt abgerufen werden:

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

Als Antwort auf Ihre POST-Anforderung erhalten Sie Folgendes:

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

2.2 Abrufen des Zugriffstokens über das Aktualisierungstoken

Um Ihr Zugriffstoken abzurufen, senden Sie eine weitere Anforderung mit Ihrem refresh_token, client_id und client_secret als POST-Text an die folgende URL:

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

Als Antwort auf Ihre POST-Anforderung erhalten Sie Folgendes:
i. refresh_token
ii. access_token
iii. user_id
iv. expiry_in
v. user_role
vi. account_id

​3. Abrufen von Ressourcen mithilfe der öffentlichen API retrieveresourcesusingpublicapi

Als dritten Schritt müssen Sie das Zugriffstoken verwenden, um Ressourcen mithilfe der öffentlichen API aus dem Learning Manager abzurufen. Das Zugriffstoken ist erforderlich, um einen öffentlichen API-Aufruf durchzuführen, und es muss im Header hinzugefügt werden, wie in der Beispielanwendung gezeigt.

Integrierbarer Player embeddableplayer

Anwendungen von Drittanbietern können integrierbare Player verwenden, um den Inhalt eines Lernobjekts wiederzugeben.

Kurs in integrierbaren Player öffnen

Schließen des integrierbareren Players

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

Tutorial für Beispielanwendung sampleapplicationtutorial

Das angehängte PDF-Dokument enthält ein Beispielanwendungs-Tutorial.
Beispieltutorial und Tutorialquelle zum Einbetten des Fluidic Players. Alternative Inhalte

Als Administrator können Sie Ihr Kursmaterial so einrichten, dass Sie den Teilnehmern im Fluidic Player alternative Inhalte anbieten können. Wenn Sie beispielsweise Teilnehmer in verschiedenen Regionen haben, die mehrere Sprachen verwenden möchten, können Sie denselben Inhalt in mehreren Sprachen erstellen. Der Fluidic Player bietet dem Teilnehmer die Sprache, für die er möglicherweise eingerichtet ist, aber der Teilnehmer hat auch die Möglichkeit, direkt im Player zu einer anderen Sprache zu wechseln.

Videospezifische Steuerelemente

Die Streaming-Technologie, die vom Learning Manager Fluidic Player verwendet wird, bietet Teilnehmern eine Videowiedergabe ohne Verzögerungen beim Starten des Videos und ohne Bedarf an Speicherplatz auf einem beliebigen Gerät. Der Fluidic Player bietet außerdem intelligente Steuerelemente wie Wiedergabegeschwindigkeit (1x, 1,5x) und Überspringen von ±10 Sekunden, die dem Teilnehmer die exakte Steuerung bieten, die er benötigt, um seine Lerngeschwindigkeit einzuhalten.

Diese Aufgabe muss von einem Mitarbeiter Ihres IT-Teams oder einem externen Berater durchgeführt werden, der eine Anwendung erstellen kann, die dann auf Ihrer Website gehostet wird.

Ändern Sie die URL des eingebetteten Players von Learning Manager mit Parametern, die auf das exakte Lernobjekt verweisen, das absolviert werden muss.

URL: https://learningmanager.adobe.com/app/player

Jeder dieser Parameter kann zum Starten eines Kurses verwendet werden:

Obligatorischer Parameter:

Führen Sie Lern-Manager-API-Aufrufe durch, um die oben genannten Parameter abzurufen. Diese API-Aufrufe müssen von der Anwendung durchgeführt werden, die Ihr IT-Mitarbeiter bzw. -Berater erstellt und auf Ihrer Website hostet.

Weitere Details zur Verwendung der API finden Sie hier:

Learning Manager V1-API - https://learningmanager.adobe.com/docs/primeapi/v1/

Learning Manager V2-API - https://learningmanager.adobe.com/docs/primeapi/v2/