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:
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>
Documentation
Explore detailed guides and API references
Installation
Package installation and setup instructions
Usage & Configuration
Basic and advanced player configurations
Components
All available components and their props
Hooks
React hooks for player state management
Examples
Sample implementations and configurations
Types
TypeScript type definitions and interfaces