vuEPG · Vue focus management and spatial navigation, including legacy Android 4.x operator set-top boxes

📺

Modern and legacy devices

Supports modern browsers and provides an integration path for Android 4.x, WebView 30 and existing operator boxes, with a complete project, ES5 builds and device development.

🧭

Spatial navigation

Chooses the next focus by live screen position, without manually maintaining direction tables when layouts change.

🪶

Vue 2.7 and Vue 3

The same API on Vue 2.7 and Vue 3. Add directives to existing elements; zero runtime dependencies and TypeScript declarations.

🔌

Keyboard, remote and other input

Built-in keyboard and remote mappings, with APIs for gamepads, virtual controls and native callbacks.

🗂️

Groups and default focus

Organize menus, content and dialogs into navigation regions, searching within groups first with default entries and cancellable boundaries.

📜

Scrolling and focus recovery

Keeps focus visible in scroll containers. The next navigation recovers within an available group when a target is hidden or unmounted.

Included complete example project

The repository includes an independent Vue 2.7 project with Vite / webpack development entries, ES5 builds, required polyfills and real Chromium 30 regression tests. Copy it and replace the pages and data to start your own TV / IPTV application, with legacy set-top box configuration already in place.

TV learning center: remote navigation, scrolling and dialogs

Open the complete example ↗

The example demonstrates circular navigation, scrolling, page position restoration, dialogs and Android native input. Copy the project and retain your own UI and business logic. Its application interface is in Chinese. See the navigation demo for interaction rules and Android 4.x integration for legacy configuration.

Support the project