Kürzlich hinzugefügte Videos

In diesem Beispiel erfahren Sie, wie Sie Analytics-Daten für Videos abrufen, die in letzter Zeit zu Video Cloud hinzugefügt wurden (die Sie in den Eingaben definieren). Beachten Sie, dass diese App nur Berichte zu einer einzelnen Dimension zurückgibt, obwohl sie geändert werden kann, um Berichte zu mehreren Dimensionen zu erstellen.

Kode PEN

Quellcode

Suchen Sie den gesamten Code, der mit diesem Beispiel verknüpft ist, in diesem GitHub-Repository.

Beispiel-App

Siehe den Stift Beispiel für Analyse-/CMS-APIs: Kürzlich hinzugefügte Videos von Brightcove Learning Services (@rcrooks1969) auf CodePen.

Einschränkungen

Verwendete APIs

In diesem Beispiel werden zwei Brightcove-APIs verwendet:

  • CMS-API (um kürzlich hinzugefügte Videos zu finden)
  • Analytics-API (um die Analysen zu erhalten)

Anmeldeinformationen erhalten

Um ein client_id und zu erhalten client_secret, müssen Sie zur OAuth UI gehen und diese App registrieren:

Dies sind die Berechtigungen, die Sie benötigen:

Analytics-API-Berechtigungen
Analytics-API-Berechtigungen

Sie können Ihre Anmeldeinformationen auch über CURL oder Postman abrufen - siehe:

Wenn Sie Anmeldeinformationen direkt von der API erhalten, benötigen Sie dies die Berechtigungen:

            [
              "video-cloud/analytics/read",
              "video-cloud/video/read"
            ]

CodePen verwenden

Hier sind einige Tipps zur effektiven Verwendung des obigen CodePen:

  • Schalten Sie die aktuelle Anzeige der App um, indem Sie auf klicken Ergebnis Taste.
  • Drücke den HTML/CSS/JS Tasten, um EINEN der Codetypen anzuzeigen.
  • Klicken Auf CodePen bearbeiten in der oberen rechten Ecke, um diesen CodePen Ihrem eigenen Konto zuzuordnen.
  • Suchen Sie den gesamten Code, der mit diesem Beispiel verknüpft ist, in diesem GitHub-Repository.

Kode

Die App besteht aus vier Teilen:

  • Die HTML
  • EIN Datenmodell für die Analytics API (Diese Daten könnten gerade im JavaScript erstellt worden sein, aber ich hatte das Modell bereits für andere Zwecke)
  • Die JavaScript
  • Die Stellvertreter (erhält Zugriffstoken und stellt die API-Anfragen - geschrieben in PHP, aber jede serverseitige Sprache reicht aus)

Sie können den HTML-Code und das Haupt-JavaScript im CodePen Oben. Das Datenmodell und Informationen zum Proxy sind unten aufgeführt.

Proxy-Code

Um Ihre eigene Version der Beispiel-App auf dieser Seite zu erstellen, müssen Sie Ihren eigenen Proxy erstellen und hosten. (Die von Brightcove Learning Services verwendeten Proxys akzeptieren nur Anfragen von Brightcove-Domains.) Ein Beispielproxy, der dem von uns verwendeten sehr ähnlich ist, aber ohne die Prüfungen, die Anfragen von Nicht-BrightCove-Domänen blockieren, kann in diesem GitHub-Repository gefunden werden. Dort finden Sie auch grundlegende Anweisungen zur Verwendung und eine ausführlichere Anleitung zum Erstellen von Apps rund um den Proxy unter Verwenden der REST-APIs.