Media Player
ShakaVideo
Core video component that wraps shaka-video-element
The core video component that wraps shaka-video-element and integrates with the player context.
import {
MediaProvider,
PlayerProvider,
PlayerContainer,
ShakaVideo,
DefaultControls
} from '@shelby-protocol/player'
function MyPlayer() {
return (
<MediaProvider>
<PlayerProvider>
<PlayerContainer>
<ShakaVideo
src="https://example.com/video.m3u8"
poster="https://example.com/poster.jpg"
config={{
abr: { enabled: true }
}}
className="w-full"
/>
<DefaultControls title="My Video" />
</PlayerContainer>
</PlayerProvider>
</MediaProvider>
)
}