cloudflare / cloudflare/stream-react
Add dvrEnabled support for live stream videos
- 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
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