shelby-media

Build and transcode media with Shelby Protocol for HLS, DASH, and Widevine DRM.

45|29|Updated Feb 4, 2026
One-click install
npx skills add https://github.com/shelby/shelby-skills --skill shelby-media
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shelby-media
Source: https://github.com/shelby/shelby-skills/tree/main/skills/shelby-media
Command: npx skills add https://github.com/shelby/shelby-skills --skill shelby-media

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @shelby-protocol/player, @shelby-protocol/media-prepare, shaka-player, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Enables developers to efficiently create video streaming and media processing applications on Shelby Protocol.

Core Features & Use Cases

  • Media Playback Integration: Provides React components like VideoPlayer for seamless video playback with adaptive streaming and controls.
  • Media Transcoding & Packaging: Facilitates transcoding videos into CMAF format and packaging for HLS and DASH with support for DRM encryption.
  • Use Case: A developer can create a live streaming service that transcodes user-uploaded videos into multiple resolutions and formats, then delivers a secure, adaptive stream to viewers.

Quick Start

Use the shelby-media skill to integrate a video player into your React app or transcode videos using the provided Node.js API.

Frequently Asked Questions about shelby-media

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate adaptive video streaming into a React application?

To integrate adaptive video streaming into a React application, use the provided React VideoPlayer component which supports HLS and DASH playback with built-in controls. It leverages the Shelby Protocol player library to handle adaptive streaming automatically.

What's the best way to transcode videos into CMAF format for HLS and DASH delivery?

Transcoding videos into CMAF format for HLS and DASH delivery is handled through the backend Node.js API provided. It packages transcoded media outputs and applies Widevine DRM encryption to ensure secure streaming across multiple resolutions.

Can I use shaka-player with Shelby Protocol for media playback?

Yes, shaka-player is supported as a core dependency for media playback. It works alongside the Shelby Protocol player library to render adaptive streaming formats like HLS and DASH within your React video components.

Does this media processing pipeline support Widevine DRM encryption?

Yes, Widevine DRM encryption is fully supported during the media packaging phase. The transcoding pipeline integrates DRM encryption when packaging your video content into CMAF format for secure delivery.

How do I build a live streaming service that handles user-uploaded video transcoding?

Build a live streaming service by utilizing the Node.js transcoding API to convert user-uploaded videos into multiple resolutions. The pipeline then packages these streams into CMAF format for secure adaptive delivery to viewers.

Do I need specific libraries to use Shelby Protocol for media hosting applications?

Yes, you need the @shelby-protocol/player and @shelby-protocol/media-prepare libraries. These dependencies are required to manage video playback integration and backend media transcoding pipelines seamlessly.