Einen Spieler erstellen

In diesem Beispiel geben Sie Ihre Kontoinformationen ein. Außerdem geben Sie eine URL für Medien und den Medientyp oder eine Video Cloud-Video-ID ein. Beim Klick auf die Schaltfläche wird ein Spieler erstellt und ausgewählte Informationen über den Spieler angezeigt.

Haftungsausschluss

App-Architektur

Die allgemeine Anwendungslogik für diese App sieht wie folgt aus:

  1. Sammeln Sie Benutzerdaten, die zum Erstellen eines Spielers erforderlich sind
  2. Erstellen Sie die JSON-Datenstruktur, um sie zur Spielererstellung an die API zu übergeben
  3. Führen Sie beim Klicken auf die Schaltfläche einen AJAX-Aufruf aus, um einen Spieler zu erstellen
  4. Führen Sie bei erfolgreichem AJAX-Aufruf Folgendes aus:
    • JSON-Antwortdaten in HTML-Seite einfügen
    • Aufruffunktion zum Veröffentlichen des Players
  5. Führen Sie einen AJAX-Aufruf aus, um den Player zu veröffentlichen
  6. Führen Sie bei erfolgreichem AJAX-Aufruf Folgendes aus:
    • JSON-Antwortdaten in HTML einfügen
    • Erstellen Sie dynamisch HTML, das ausgewählte Spielerinformationen anzeigt, und fügen Sie diese in die HTML-Seite ein

Beispiel-App

Quellcode

Finden Sie den gesamten mit diesem Beispiel verknüpften Code in dieses GitHub-Repository.

Beispiel-App

Sehen Sie sich den Pen Create Player von Brightcove Learning Services (@rcrooks1969) auf CodePen an.

CodePen verwenden

Hier sind einige Tipps zur effektiven Verwendung des obigen CodePen:

  • Schalten Sie die aktuelle Anzeige des Players 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.

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.