Embedding & Widgets

Eine Zeile HTML, null Cookies. Branded Player, Dokumentenvorschau, durchsuchbare Mediatheken und Livestreams als Web Components einbetten — kein Consent-Banner nötig.

Null Cookies

Alle Widgets laufen ohne Cookies oder Tracking. Kein Consent-Banner nötig — DSGVO-konform ab dem ersten Seitenaufruf.

Web Components

Ein HTML-Tag pro Widget. Funktioniert in jedem CMS, LMS oder jeder statischen Seite — React, Angular, Vue, reines HTML.

Visueller Konfigurator

Widgets mit Echtzeit-Vorschau in der Publishing Suite konfigurieren. Embed-Code kopieren und live gehen.

Einbettungs-Workflow

1
Konfigurieren

Widget-Typ wählen und Erscheinungsbild in der Publishing Suite anpassen

2
Embed-Code kopieren

Den einzeiligen HTML-Tag für das gewählte Widget kopieren

3
In Website einfügen

Den Tag in jede CMS-Seite, LMS-Kursseite oder Anwendungs-Template einfügen

4
Fertig

Das Widget lädt Inhalte direkt — keine Cookies, kein Consent-Banner, kein Backend-Setup

Für jeden Stack gebaut

Cookie-freie Web Components — kein Consent-Banner
9 Widget-Typen: Player, Slider, Mediathek, Livestream, PDF, Kapitel, Beschreibungen, Karussell, Empfehlungen
Adaptives Streaming (HLS) auf allen Geräten
Automatische Kapitelnavigation per KI
Volltextsuche in eingebetteten Mediatheken
Visueller Konfigurator mit Echtzeit-Vorschau
Responsive Design für alle Bildschirmgrößen
Dokument-Einbettung mit Seitenvorschau für PDFs
Bild-Einbettung mit Metadaten-Anzeige
Storybook-Dokumentation für Entwickler
Funktioniert mit jedem CMS, LMS oder statischer Website
oEmbed — per URL einbetten in jedem oEmbed-kompatiblen CMS oder LMS
In 60 Sekunden einbetten

Vom Konfigurator zum Live-Widget

Widget-Typ wählen, visuell konfigurieren, Embed-Code kopieren. Ihr Content ist live — cookie-frei, responsiv und gebrandmarkt.

<!-- 1. Streamdiver Widget-Bibliothek laden -->
<script
  type="module"
  src="https://embed.streamdiver.com/sdk/v2/index.js">
</script>

<!-- 2. Player einbetten -->
<streamdiver-player
  channel="YOUR_CHANNEL_ID"
  asset="YOUR_ASSET_ID">
</streamdiver-player>

<!-- 3. Oder eine komplette Mediathek einbetten -->
<streamdiver-portal
  channel="YOUR_CHANNEL_ID"
  search="true">
</streamdiver-portal>

Integrations-Ablauf

1
Widget-Typ wählenPlayer, Mediathek, Slider...
2
Visuell konfigurierenLive-Vorschau
3
Embed-Code kopierenJS oder iFrame
4
In Website einfügenJedes CMS oder LMS

Bereit loszulegen?

Kontaktieren Sie uns für eine persönliche Demo und erfahren Sie, wie Streamdiver Ihren Workflow transformieren kann.