ÜBERSICHT ÜBER DIE AKTUALISIERUNGEN VON BRIGHTCOVE PLAYER VERSION 6

Bild von JESS R
JESS R

Brightcove Player V6 ist ein großer Schritt nach vorn, um die Playerentwicklung und -anpassung zu vereinfachen. In diesem Blog werden einige der Vorteile dieser neuen Version beschrieben und wie Sie sie ausprobieren können. Version 6 umfasst:

  • Erweiterte Plugins. Eine verbesserte Plugin-API, die das Schreiben und Warten von Plugins erleichtert.
  • Dynamische Quellen. Ermöglicht das Ändern von Videotypen nach der Playerinitialisierung, sodass Sie Content-Typen über Wiedergabelisten und Anzeigen hinweg mischen können und bedingtes Laden und dynamisches Seitenverhalten besser unterstützen.
  • Aktualisierung der Zugänglichkeit. Verbesserungen der Gliederungsstile und Entfernung verschachtelter Schaltflächen.
  • Leichtere Anpassung der Benutzeroberfläche. Einfacheres CSS-Modell und bessere Tooltips.

Warum eine Hauptversion?

Obwohl wir uns sehr bemüht haben, potenziell zerstörende Änderungen zu minimieren und die Kompatibilität mit bestehenden Plugins und Anpassungen beizubehalten, haben wir die Hauptversionsnummer erhöht, weil einige der Änderungen, die wir zur Vereinfachung der API vorgenommen haben, einige Integrationscodes zerstören könnten. Die Hauptversionsnummer weist auf dieses Potenzial hin und zeigt an, dass Anpassungen und Integrationen überprüft werden müssen, um sicherzustellen, dass sie noch funktionieren.

Merkmal Details

Dynamische Quellen

Die dynamischen Quellen des Brightcove-Players wurden in Anlehnung an die beliebten Middleware-Angebote in Web-Frameworks wie Express und Django entwickelt und sind ein einfaches, aber leistungsstarkes Feature, das eine fein abgestimmte Steuerung des Quellenauswahlprozesses und der Player-Zeitleiste ermöglicht.

Erweiterte Plugins

Brightcove Player V6 unterstützt jetzt sowohl vorhandene Plugins als auch erweiterte Plugins. Diese bieten eine Reihe von Vorteilen für Plugin-Autoren, darunter die Verwaltung des Lebenszyklus (Einrichtung/Entsorgung), wodurch Speicherlecks vermieden werden. Mit dieser Änderung kommen neue Playermethoden zur Erkennung, welche Plugins verfügbar sind und welche derzeit in einem Player verwendet werden.

Barrierefreiheit

Wir bemühen uns, unseren Player für Benutzer mit Behinderungen zugänglich zu machen. Auf der Grundlage des Feedbacks von Brightcove Player V5-Benutzern haben wir die Verwendung unseres Players durch eine barrierefreie Website erleichtert.

  • Die Gliederungsstile wurden von den Elementen entfernt, so dass es schwierig oder unmöglich war, zu erkennen, welches Element im Player fokussiert war.
  • Es gab Fälle, in denen wir HTML-Schaltflächen innerhalb von HTML-Schaltflächen hatten. Dies verwirrte Bildschirmleser und erschwerte die Verwendung der Lautstärkeregler.

UI-Verbesserungen

Aufgrund von Rückmeldungen haben wir einige Änderungen vorgenommen, um die Verwendung und Anpassung des Players zu erleichtern. Insbesondere haben wir die Steuerelemente für Untertitel und Untertitel in einem Menü zusammengefasst. Auch die Zeit-Tooltips in der Fortschrittsleiste befinden sich jetzt immer innerhalb der Grenzen des Players.

Leitfaden zur Migration

Plugins für Version 5 sollten weiterhin mit Version 6 funktionieren. Während die meisten Plugins kompatibel sein sollten, ist es wichtig, sich der Änderungen bewusst zu sein und jedes Plugin zu bewerten, da es einige rückwärtskompatible Änderungen gibt. Im folgenden Abschnitt werden diese Änderungen erläutert und wie sie sich auf den Code unserer Kunden und Partner auswirken können.

Methodenverkettung entfernt

Eines der relativ unbekannten Features von Brightcove Player V5 besteht darin, dass viele Playermethoden in jQuery-Manier miteinander verkettet werden können. Das Problem dabei war, dass die Rückgabewerte einiger Funktionen unvorhersehbar waren, was zu schwer zu debuggenden Code führte. Manchmal gaben sie einen Wert zurück, manchmal den Player selbst. In Version 6 wurde die Unterstützung der Methodenverkettung entfernt. Methoden, die zuvor einen Player zurückgaben, geben nun nichts mehr zurück.

Die Funktion src()

In Brightcove Player V5 gibt die Funktion src() die Quell-URL zurück, die im Videoelement wiedergegeben wird. Dies kann bei bestimmten Formaten wie HLS zu Problemen führen, da eine "Blob"-URL zurückgegeben werden kann. Dies ist für die Benutzer praktisch nutzlos, da sie in der Regel die ursprünglich im Player eingestellte Quelle wissen wollten. In Version 6 gibt die Funktion src() nun stattdessen den Quellpfad zurück, der durch das neue dynamische Quellenauswahlverfahren ermittelt wurde.

Einstellung der asynchronen Quelle

In Brightcove Player V5 wurde durch den Aufruf von src() und die Übergabe eines Wertes ein synchroner Quellenauswahlalgorithmus gestartet. Dies bedeutete, dass alle nachfolgenden Aufrufe von src() die Quelle zurückgeben würden, die beim letzten Aufruf ausgewählt wurde:

player.src({type: ‘video/mp4’, src: ‘foo.mp4’});
videojs.log(player.src().src); // ‘foo.mp4’

Da der neue Mechanismus für die Quellenauswahl jedoch Asynchronität beinhaltet und fortschrittliche Workflows wie Serveraufrufe für die benutzerdefinierte Quellenauswahl unterstützt, kann der Player nicht mehr garantieren, dass dies der Fall ist.

Änderungen an der Benutzeroberfläche und Zugänglichkeit

Die Änderungen an der Benutzeroberfläche und der Barrierefreiheit, die in Brightcove Player V6 vorgenommen wurden, bedeuten, dass sich auch HTML und CSS geändert haben. Zu den Komponenten, deren Markup geändert wurde, gehören:

  • Lautstärkeregler
  • Kombiniertes Menü mit Untertiteln und Untertiteln
  • Fortschrittsbalken Zeit-Tooltips

Benutzerdefinierte Skins mit vielen Anpassungen müssen möglicherweise an diese Änderungen angepasst werden.

Verwerfungen

Mehrere Methoden aus Brightcove Player 5 wurden veraltet. Sie protokollieren Warnungen in der Browserkonsole mit einem Vorschlag, wie sie vermieden werden können, falls gewünscht. Einige der wichtigsten Methodenänderungen sind:

  • videojs.plugin() ist veraltet, verwenden Sie stattdessen videojs.registerPlugin().
  • DOM-Manipulationsmethoden - wie addClass(), hasClass(), createEl() usw. - werden in ein Unterobjekt verschoben: videojs.dom. Jede Methode gibt eine entsprechende Warnung aus, funktioniert aber während der gesamten Lebensdauer von Brightcove Player 6 weiter.

Los geht's

Testen Sie die Vorabversion von Brightcove Player V6, und lassen Sie uns wissen, was Sie davon halten.

Teilen Sie

Tags

Brightcove half einem Hersteller von Diagnosegeräten dabei, die Unterrichtszeit und die Kosten zu reduzieren und gleichzeitig den Erfolg ...
Brightcove unterstützte den bekanntesten Automobilmarktplatz bei der Verwaltung seiner umfangreichen, älteren Videobibliothek und deren Monetarisierung...
Um die Markenintegrität zu wahren, benötigen Einzelhandelsmarken anpassbare Videoplayer, die es ihnen ermöglichen, die Farben, die Schriftart...

SIND SIE BEREIT, LOSZULEGEN?

Setzen Sie sich mit uns in Verbindung, um zu erfahren, wie wir Ihre Videomarketing-Bemühungen verbessern und Ihnen dabei helfen können, die gewünschten Ergebnisse und den gewünschten ROI zu erzielen.