🀞 TV Controller JavaScript

A lightweight focus management library for Smart TV apps. Navigate with remote controls using simple HTML attributes.


![GitHub stars](
https://github.com/AnarDevStudio/tvcontroller-javascript
)

📦 Installation

``bash
npm install tvcontroller-javascript
`

🚀 Quick Start

`javascript
import { tvController } from "tvcontroller-javascript";

tvController().init();
`

`css
.tv-focused {
border: 3px solid #ff0000;
transform: scale(1.1);
transition: all 200ms ease;
}
`

`html

▶ Play Movie

`

📖 Attributes

| Attribute | Description |
|-----------|-------------|
| tv-focus="true" | Makes element focusable |
| tv-enter="..." | Runs on OK/Enter press |
| tv-focused="..." | Runs when focused |
| tv-back="..." | Runs on Back press |

💡 Examples

$3

`html






`html


`html
⏯ Play/Pause
⏪ -10s
⏩ +10s
`

🎨 Style Examples

`css
/ Glow effect /
.tv-focused {
box-shadow: 0 0 20px rgba(255, 0, 0, 0.8);
}

/ Slide effect /
.tv-focused {
transform: translateX(10px) scale(1.05);
}
``

⌨️ Controls

- Arrow Keys: Navigate
- Enter/OK: Select
- Back: Go back

📱 Compatible With

Samsung Tizen, LG webOS, Android TV, Fire TV, and more.

📄 License

MIT

---

⭐ Star us on GitHub if you find this useful!
From AnarLabs❤️