Skills
.Work. You
Rest

shelby-media-player

Community

Stream decentralized video in React with Shelby.

Software Engineering#React#HLS#Decentralized#Shaka Player#DASH#Shelby Protocol#Video Streaming#Media Player
Authorzacharyr0th
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides expert assistance for integrating the Shelby Protocol media player SDK into React applications, simplifying the complex task of building video streaming apps with adaptive HLS/DASH from decentralized storage. It streamlines setup, customization, and playback from Shelby's network.

Core Features & Use Cases

  • React Video Player: Easily integrate the SimpleShakaVideoPlayer component for robust adaptive HLS/DASH streaming in your React applications.
  • Customizable UI: Build unique player layouts and controls using primitive components and the usePlayer hook, giving you full design flexibility.
  • Decentralized Streaming: Seamlessly stream videos directly from Shelby's decentralized blob storage, leveraging its optimized network for performance.
  • Use Case: "I need to add a video player to my React application that streams content from Shelby Protocol. Show me how to install the SDK, configure TailwindCSS 4, and use the SimpleShakaVideoPlayer component."

Quick Start

Install the Shelby media player SDK, configure TailwindCSS 4, and create a React component that plays a video from a given Shelby blob name.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: shelby-media-player
Download link: https://github.com/zacharyr0th/next-starter/archive/main.zip#shelby-media-player

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository