cloudflare / cloudflare/stream-react

Add dvrEnabled support for live stream videos

Offen
#111 0 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
198
Forks
30
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

The `@cloudflare/stream-react` package currently does not expose or support the `dvrEnabled` property for live streams, as documented in Cloudflare Stream’s DVR feature: https://developers.cloudflare.com/stream/stream-live/dvr-for-live/

This prevents React users from enabling DVR functionality (pause, rewind, and resume live streams) through the official component.

## Expected Behavior
It should be possible to enable DVR playback for live streams by passing a `dvrEnabled` (or equivalent) prop to the React player component, aligning with the underlying Stream player capabilities.

Example (hypothetical):

```jsx

```

## Current Behavior
- The React component does not accept or forward a `dvrEnabled` option.
- There is no documented way to enable DVR via `@cloudflare/stream-react`.
- Developers must fall back to using HLS URLs or direct iframe usage.

## Why This Matters
DVR is an important feature for live streaming use cases, including:
- Allowing viewers to rewind live content
- Improving user experience for long-running streams
- Aligning React SDK capabilities with Cloudflare Stream’s core features

Without this support, the React SDK is functionally incomplete compared to the underlying platform.

## Proposed Solution
Expose a `dvrEnabled` prop in the React component and ensure it is passed through to the underlying player configuration.

Alternatively, provide a generic way to pass through player options so new features like DVR can be used without waiting for SDK updates.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, die React-Player-Komponente und die Definitionen der Props oder der Player-Konfiguration in @cloudflare/stream-react zu finden. Vergleiche die von der Komponente unterstützten Optionen mit der DVR-Dokumentation von Cloudflare Stream und überprüfe anschließend, dass ein dvrEnabled-Prop akzeptiert und an die zugrunde liegende Player-Konfiguration weitergegeben wird, einschließlich einer Abdeckung für das Aktivieren von DVR bei einem Live-Stream.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
64/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.