PanelWave Player als Open Source auf npm veröffentlicht

München, 7. Oktober 2026. PanelWave hat den PanelWave Player heute in der öffentlichen npm-Registry als @panelwave/player veröffentlicht. Der Player ist eine MIT-lizenzierte Angular-Bibliothek (Angular 20 bis 22). Sie stellt interaktive Graphic Novels aus einem PanelWave-Manifest dar, also aus dem offenen JSON-Format, das das Unternehmen gestern veröffentlicht hat. Jede Website kann den Player einbetten, und jedes Werk im PanelWave-Format läuft darin – ohne PanelWave-Konto.

Mit der Veröffentlichung sind die zentralen Entwicklungsphasen des Players abgeschlossen. Die Unit-Tests der Bibliothek und eine End-to-End-Testsuite mit automatisierten Barrierefreiheitsprüfungen laufen in Desktop- und Mobilbrowsern. Die Player-Dokumentation beschreibt die Bibliothek so, wie sie sich tatsächlich verhält – einschließlich einer öffentlichen Liste bekannter Einschränkungen.

Was der Player darstellt

• Graphbasierte Navigation. Kapitel sind Graphen aus Panels. Ihre Verbindungen tragen Bedingungen, die anhand typisierter Story-Variablen ausgewertet werden. Verzweigte Handlungen, Umwege und Schleifen sind damit gewöhnliche Graphformen, und die Zurück-Navigation funktioniert überall.
• Drei Ansichten. Die Panelansicht zeigt ein Panel nach dem anderen, die Seitenansicht gestaltete Comicseiten. In der Canvas-Ansicht liegen alle Panels eines Kapitels auf einer durchgehenden Fläche, und eine Kamera gleitet entlang der Geschichte von Panel zu Panel.
• Videopanels und eine Audio-Engine mit vier Bussen. Videoebenen mit Loop- und Ping-Pong-Modus sowie Posterbildern; getrennt regelbare Busse für Atmo, Musik, Voiceover und Soundeffekte.
• Eine Sprechblasen-Engine für Comics. Zehn Sprechblasentypen, als SVG gezeichnet. Die Stilhierarchie teilt sich der Player mit dem PanelWave CMS, sodass Lesende das Lettering genau so sehen, wie es gestaltet wurde.
• Interaktive Hotspots und Panel-Varianten. Klickbare Bereiche, die navigieren, Variablen setzen oder Bonusinhalte öffnen, sowie alternative Panel-Inhalte, die je nach Lesezustand ausgewählt werden.
• Lokalisierung ohne Neuladen. Text- und Asset-Varianten pro Sprache mit Fallback-Ketten und sofortigem Sprachwechsel.
• Barrierefreiheit. Die ganze Geschichte samt Hotspots lässt sich per Tastatur bedienen, alle Bedienelemente sind beschriftet. Bei reduzierter Bewegung werden auch Video-Autostart und Kamerafahrten zurückgenommen. Dazu kommen Leseeinstellungen für Manga-Modus und hohen Kontrast.
• Paywalls ohne Zahlungsabwicklung. Über eine Entitlement-Adapter-Schnittstelle entscheidet das Backend der einbettenden Website über den Zugriff; der Player selbst wickelt nie Zahlungen ab.
• Analysen mit Einwilligung und eine Plugin-Sandbox. Verlangt das Werk eine Einwilligung, wird ohne sie nichts erfasst. Plugins von Drittanbietern laufen in abgeschotteten iframes (Sandbox) mit einem Berechtigungsmodell.

Open Source aus Prinzip

Der Player ist neben dem Format selbst die zweite offene Ebene des PanelWave-Ökosystems. Er enthält bewusst die gesamte Rendering-Logik: Das kommerzielle PanelWave CMS bettet für seine Vorschau dieselbe Bibliothek ein, statt das Rendering neu zu implementieren. Das garantiert, dass die Vorschau im Studio genau dem entspricht, was Lesende sehen – und es gibt nur eine einzige, offene Codebasis für die Darstellung.

„Ein Format ist nur dann offen, wenn es auch einen offenen Weg gibt, es zu lesen“, sagt Jens Hoppe, Gründer von PanelWave. „Weil der Player unter der MIT-Lizenz steht, können Creators unsere Werkzeuge jederzeit verlassen und ihr Werk selbst hosten – und es läuft weiter. Auf diesem Versprechen baut das ganze Ökosystem auf.“

Verfügbarkeit

Der PanelWave Player ist ab sofort über npm für Anwendungen mit Angular 20, 21 und 22 verfügbar. Installationsanleitung, eine Fünf-Minuten-Anleitung zum Einbetten, die vollständige Referenz aller Ein- und Ausgaben sowie eine Dokumentation für Mitwirkende gibt es unter docs.panelwave.org/player. Quellcode-Repository, Issue-Tracker und Demo-Anwendung sind unter panelwave.org/player verlinkt.