IVIDS is a premium, high-performance media player designed for a cinematic experience across multi-platform devices, including Android TVs, Tizen Smart TVs, Mobile, and Desktop browsers.
- Vanilla JS (ES6+): Modular architecture using native ES modules.
- HTML5 & CSS3: Modern responsive layouts with CSS Grid and Flexbox.
- Spatial Navigation: Smart focus management optimized for TV remotes.
- Universal Design: Seamless experience on TV (Landscape) and Mobile (Portrait).
The application uses a bespoke Single Page Application (SPA) router (router.js).
- Dynamic Loading: HTML templates are fetched from
pages/*.htmlon demand. - Modular Logic: Each page has a corresponding
.jsmodule (e.g.,pages/home.js) which is imported dynamically upon navigation. - State Management: Navigation history and page parameters are managed within the
Routerobject.
Ensures a native TV experience:
- Focus Management: Automatically tracks and manages
.focusableelements. - Page Logic Overrides: Specific pages can override navigation behavior.
- Responsive Handling: Adapts focus logic between Landscape (TV) and Portrait (Mobile) orientations.
Global translation system (lang/*.json) allows for easy localization across multiple languages, updating the UI dynamically without page reloads.
- Toast System: Non-intrusive notification system for user feedback (success/error/info).
app/src/main/assets/main/gui/:pages/: Page-specific HTML and JS logic.components/: Shared UI components (Sidebar, Loader).css/: Styling organized by page and global utility.js/: Core system logic (Router, SpatialNav, ErrorHandler).lang/: JSON translation files.
The easiest way to get started on Android devices:
- Navigate to the
IVIDSfolder - Find the APK file:
IVIDS/IVIDS-v0.1.0.apk - Transfer it to your Android device and install
For development or other platforms:
- Serve the
assets/main/guidirectory via a web server - Or load
index.htmlin a compatible web-view environment