cloudflare / cloudflare/stream-react

Add dvrEnabled support for live stream videos

オープン
#111 コメント 0 件 リアクション 1 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
198
フォーク
30
PR マージ指標
30日以内にマージされた PR はありません

説明

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.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、@cloudflare/stream-react 内の React プレーヤーコンポーネントと、prop またはプレーヤー設定の定義を見つけます。コンポーネントがサポートしているオプションを Cloudflare Stream の DVR ドキュメントと比較し、そのうえで dvrEnabled prop が受け付けられ、基盤となるプレーヤー設定に渡されることを、ライブストリームで DVR を有効にする場合のカバレッジとともに確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
frontend
issue の種類
機能追加
難易度
3/5
見積もり時間
1〜2日
活発さ
静か
明瞭さ
おおむね明確
初心者へのやさしさ
64/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。