🎬Media Streaming

Smart TV Player

Professional video player built with Shaka Player, Smart TV navigation, and remote control support.

Key Features

🎥

Shaka Player

Professional-grade streaming with adaptive bitrate

🎯

Focus Management

Built-in spatial navigation for remote controls

🔧

Customizable

Flexible component architecture

📱

Responsive

Works on TV, mobile, and desktop

🎭

Zero Dependencies

Self-contained state management

🌐

Multi-language

Audio tracks, subtitles, quality selection

🎨

Tailwind CSS

Styled with utility classes

📡

DRM Support

Protected content playback

📦

Installation

Install the Smart TV Player package using your preferred package manager:

npm install @smart-tv/player
🚀

Quick Start

Get started with the Smart TV Player in just a few steps:

import React from 'react';
import {
VideoPlayer,
PlayerController,
MediaProvider
} from '@smart-tv/player';
import '@smart-tv/player/styles.css';
function App() {
return (
<MediaProvider>
<div className="relative w-full h-screen bg-black">
<VideoPlayer
src="https://example.com/video.m3u8"
poster="https://example.com/poster.jpg"
autoPlay={false}
onReady={() => console.log('Player ready')}
/>
<PlayerController
layoutStyle="youtube"
title="Sample Video"
subtitle="Episode 1"
/>
</div>
</MediaProvider>
);
}
🧩

Core Components

Essential building blocks for video playback

VideoPlayer

Core video component with Shaka Player integration for streaming video content.

<VideoPlayer src="..." />

PlayerController

Customizable player controls with multiple layout styles and button configurations.

<PlayerController layoutStyle="youtube" />

MediaProvider

Context provider for player state management and event handling.

<MediaProvider>...</MediaProvider>