Limeplay - Open Source Video Player UI ComponentsLimeplay

Player Hooks

Central, top-level memoized hooks for component-level state management

Installation

npx shadcn add @limeplay/player-hooks

Setup the player hooks in provider

components/limeplay/media-player.tsx
import { PlayerHooks } from "@/components/limeplay/player-hooks"

// ... other imports

export function MediaPlayer() {
  return (
    <MediaProvider>
      <PlayerHooks />
      <Suspense>
        <Layout.RootContainer height={720} width={1280}>
          <Layout.PlayerContainer>
            <MediaElement />
            <Layout.ControlsContainer>
              <BottomControls />
            </Layout.ControlsContainer>
          </Layout.PlayerContainer>
        </Layout.RootContainer>
      </Suspense>
    </MediaProvider>
  )
}

On this page