shelby-media-player - Integrate Shelby video streaming in React
Helps integrate the Shelby Protocol media player into React applications for adaptive HLS/DASH streaming, custom layouts, and Shelby storage videos.
Tags
Updated: 2026-10-02Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Install the player package
- Configure TailwindCSS 4 styles
- Create adaptive video players
- Stream videos from Shelby storage
- Build custom player layouts
- Configure Shaka Player settings
- Add playback error handling
Inputs
- React application
- Player package dependency
- TailwindCSS 4 configuration
- Video source URL
- Shelby blob name
- Poster image URL
- Video title
Outputs
- React video player component
- Adaptive HLS/DASH playback
- Custom playback controls
- Shelby storage video playback
- Player error events
Requirements
- React
- @shelby-protocol/player
- TailwindCSS 4
- Shaka Player support