@livepeer-frameworks/player-react 0.0.4 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/README.md +14 -1
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/esm/index.js +1 -1
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/types/components/PlayerControls.d.ts +2 -0
  7. package/dist/types/components/StatsPanel.d.ts +2 -14
  8. package/dist/types/hooks/useMetaTrack.d.ts +1 -1
  9. package/dist/types/hooks/usePlayerController.d.ts +2 -0
  10. package/dist/types/hooks/useStreamState.d.ts +1 -1
  11. package/dist/types/hooks/useTelemetry.d.ts +1 -1
  12. package/dist/types/hooks/useViewerEndpoints.d.ts +2 -2
  13. package/dist/types/types.d.ts +1 -1
  14. package/dist/types/ui/button.d.ts +1 -1
  15. package/package.json +1 -1
  16. package/src/components/DevModePanel.tsx +5 -27
  17. package/src/components/IdleScreen.tsx +0 -14
  18. package/src/components/LoadingScreen.tsx +2 -2
  19. package/src/components/Player.tsx +2 -18
  20. package/src/components/PlayerControls.tsx +2 -7
  21. package/src/components/SeekBar.tsx +1 -1
  22. package/src/components/StatsPanel.tsx +42 -20
  23. package/src/components/SubtitleRenderer.tsx +1 -1
  24. package/src/hooks/useMetaTrack.ts +2 -2
  25. package/src/hooks/usePlayerController.ts +3 -5
  26. package/src/hooks/useStreamState.ts +2 -2
  27. package/src/hooks/useTelemetry.ts +1 -1
  28. package/src/hooks/useViewerEndpoints.ts +7 -8
  29. package/src/types.ts +1 -1
  30. package/src/ui/slider.tsx +1 -1
package/README.md CHANGED
@@ -22,7 +22,7 @@ export default function App() {
22
22
  <div style={{ width: '100%', height: 500 }}>
23
23
  <Player
24
24
  contentType="live"
25
- contentId="my-stream"
25
+ contentId="pk_..." // playbackId
26
26
  options={{ gatewayUrl: 'https://your-bridge/graphql' }}
27
27
  />
28
28
  </div>
@@ -30,6 +30,19 @@ export default function App() {
30
30
  }
31
31
  ```
32
32
 
33
+ Notes:
34
+ - There is **no default gateway**; provide `gatewayUrl` unless you pass `endpoints` or `mistUrl`.
35
+
36
+ ### Direct MistServer Node (mistUrl)
37
+
38
+ ```tsx
39
+ <Player
40
+ contentType="live"
41
+ contentId="pk_..."
42
+ options={{ mistUrl: 'https://edge.example.com' }}
43
+ />
44
+ ```
45
+
33
46
  ### Styles
34
47
 
35
48
  ```ts