Brightcove Player-Plugins

In diesem Thema erfahren Sie mehr über Brightcove mitgelieferte Plugins für den Brightcove Player, die verwendet werden, um den Player zu verbessern.

Zusätzliche Ressourcen

Die folgenden Dokumente bieten einen besseren Einblick in das Erstellen und Verwenden von Plugins:

Einleitung

Ein Plugin für den Brightcove Player verwendet eine Kombination aus HTML, JavaScript und/oder CSS, um den Player irgendwie anzupassen. Mit anderen Worten, alles, was Sie auf einer Webseite tun können, können Sie in einem Plugin tun.

Im Großen und Ganzen können Plugins entwickelt werden, um:

  • Standardverhalten ändern
  • Funktionalität hinzufügen
  • Anpassen des Erscheinungsbildes (das kann im Standard-CSS nicht durchgeführt werden)

Brightcove Plugins

Die Übersicht: Das Dokument Player Plugins listet die von Brightcove gelieferten Plugins auf und welche Plugins standardmäßig geladen werden.

Die von Brightcove mitgelieferten Plugins können auf verschiedene Arten verwendet werden. Obwohl alle über den Plugins-Bereich im PLAYERS-Modul von Studio implementiert werden können, verfügen einige über einen eigenen Bereich, in dem die Funktionen wie Werbung, Endscreens und soziale Netzwerke geladen werden können. Sie können auch zusätzliche Hilfe für einige Plugins in der erhalten Plugins Abschnitt wie in diesen Screenshots gezeigt:

Plugin in Studio hinzufügen
Mitgeliefertes Plugin für Brightcove

Hinzufügen von Plugins in Studio

Wenn Sie es nicht möchten oder es keine Möglichkeit gibt, ein Plugin auf andere Weise hinzuzufügen, verwenden Sie das folgende Formular. Wie gezeigt, wählen Sie zuerst Benutzerdefiniertes Plugin aus, das Formular scheint auszufüllen.

Plugin in Studio hinzufügen
Plugin in Studio hinzufügen

Sie sehen, dass Sie den Plugin-Namen, einen auf das Internet zugänglichen Link zur JavaScript-Datei, zur CSS-Datei (falls erforderlich) und Optionen hinzufügen.

Standard-Plugins

Standardmäßig sind zwei Plugins geladen. Sie sind:

  • Fehler - Ermöglicht dem Player, benutzerfreundliche Nachrichten anzuzeigen, wenn ein Fehler auftritt. Die Anzeige ist ein Overlay, das halbtransparent und durch das Standard-Stylesheet gestaltet ist.
  • HLS - Spielt HLS-Video auf Plattformen ab, die HLS nicht unterstützen, aber Flash Player haben. Der ermöglicht es, den Videoinhalt im m3u8-Manifest im Player abzuspielen.

Wenn Sie nicht möchten, dass ein bestimmtes Plugin geladen wird, können Sie dies verhindern, indem Sie die jeweiligen Standard-Plugins false beim Erstellen/Aktualisieren eines Players oder eines untergeordneten Spielers auf setzen. Notiere dass der hls , debugger Und errors Felder sind unter verschachtelt configuration -Eigenschaft und nicht in einer anderen Gruppierungseigenschaft, wenn Sie a verwenden POST So erstellen Sie einen neuen Spieler:

curl \
  --header "Content-Type: application/json" \
  --user $EMAIL \
  --request POST \
  --data '{
      "name": "MySamplePlayer",
      "configuration": {
        "media": {
          "sources": [{
            "src":"http://solutions.brightcove.com/bcls/assets/videos/Tiger.mp4",
            "type":"video/mp4"
          }]
        },
        "hls": false,
        "errors": false
      }
    }' \
    https://players.api.brightcove.com/v2/accounts/$ACCOUNT_ID/players

Wenn Sie die hls, debugger und/oder errors Plugin (s) mit ausschalten möchten als vorhandener Spieler müssen Sie einen PATCH wie folgt verwenden:

curl \
  --header "Content-Type: application/json" \
  --user $EMAIL \
  --request PATCH \
  --data '{
      "hls": true,
      "errors": true
    }' \
  https://players.api.brightcove.com/v2/accounts/$ACCOUNT_ID/players/$PLAYER_ID/configuration

Wie erkennt man, ob ein Standard-Plugin geladen ist?

Sie können feststellen, ob ein Standard-Plugin geladen wird, indem Sie zur Konsole eines Browsers gehen, wenn Sie die URL- oder embed_in_page-Implementierungen eines Players verwenden und prüfen, ob das entsprechende Plugin-Objekt vorhanden ist. Der folgende Screenshot zeigt das Vorhandensein des Plugins.

Standard-Plugin-mit-hls

Wenn Sie festgelegt haben, dass ein bestimmtes Standard-Plugin NICHT geladen wird, wird sein Objekt nicht auf der Seite vorhanden sein. Im folgenden Screenshot sehen Sie, dass das HLS-Plugin-Objekt NICHT vorhanden ist:

Standard-Plugin-no-hls

Daten übergeben

Sie können auch eine zusätzliche options untergeordnete Unterkunft mit nutzen plugins. Auf diese Weise können Sie Daten zur Initialisierungszeit an das Plugin übergeben. Es macht Plugins auch flexibler, da die Wiederverwendung von Plugins erheblich verbessert wird, wenn Sie verschiedene Implementierungsdaten für verschiedene Verwendungen eines einzelnen Plugins übergeben können.

Für eine vollständige Diskussion der option Eigentum siehe die Übergeben Sie Daten an das Plugin dokumentieren.

Plugin und PostMessage ()

In einer Iframe-Player-Implementierung möchten Sie möglicherweise Daten von der übergeordneten Seite in den Iframe senden. Dies ist mit der postMessage() Methode von JavaScript möglich. Kurz gesagt, auf der übergeordneten Seite senden Sie postMessage() eine Nachricht in den Iframe, der einen Ereignis-Listener verwendet, um die Nachricht abzurufen und darauf zu reagieren.

Siehe die Video von iframe Parent abspielen Dokument für eine vollständige Erklärung und ein Arbeitsbeispiel.

Rolle von Stylesheets

Es ist nicht ungewöhnlich, sowohl ein Plugin als auch ein zugehöriges Stylesheet für dieses Plugin zu haben. Zum Beispiel in dem einfachen Plugin, das im Schritt-für-Schritt verwendet wird: Player-Management verwendet das Plugin selbst JavaScript, um Text auf dem Player zu platzieren, während das zugehörige Stylesheet Farbe, Schriftgröße und Positionierung steuert. Dies kann in die folgende Best Practice abstrahiert werden:

  • Ein Plugin sollte über ein zugehöriges Stylesheet verfügen, um Aufgaben auszuführen, die Stylesheets am besten können. Stylen Sie nur im Plugin, wenn es nicht in einem Stylesheet durchgeführt werden kann, z. B. bei der dynamischen Auswahl von Stylesheets.

Kompatibilität

Der Open Source Videojs Player, auf dem der Brightcove Player basiert, hat viele Plugins dafür gebaut. Diese Plugins sind nur mit dem Brightcove Player kompatibel, solange die Version des Videojs Players dieselbe Version ist, auf der der Brightcove Player basiert. Der Brightcove Player kann versionsmäßig entweder vor oder hinter dem Open Source Videojs Player sein.