VYSIONX Sports — Find the Moment. Skip the Search.

💡 Inspiration

Watching sports is exciting, but finding a specific moment in a match can be frustrating. Whether you want to revisit a spectacular goal, a penalty, a goalkeeper's save, or a decisive counterattack, manually searching through an entire video takes time.

We wanted to explore a better way to experience sports on a television: what if viewers could discover meaningful moments and jump directly to them instead of manually scrubbing through a video?

That idea inspired VYSIONX Sports, a TV-first sports video discovery and playback experience designed around moments rather than just matches.

🚀 What It Does

VYSIONX Sports transforms sports video exploration into an interactive, remote-friendly experience.

  • Smart Moment Discovery: Browse indexed sports events, including goals, penalties, red cards, saves, and counterattacks.
  • Search and Filtering: Find relevant moments using search queries, player names, and event categories.
  • Match Selection: Switch between available match datasets while preserving the selected match context.
  • Direct Moment Seeking: Select an event to jump to its associated playback timestamp without manually scrubbing through the entire video.
  • Interactive Video Timeline: Explore event markers directly within the player and navigate between important moments.
  • TV-First Interface: Use a high-contrast dark interface, visible focus states, spatial navigation, and remote-friendly controls designed for television screens.
  • In-Player Event Information: View the active match, selected moment, event category, and timestamp while watching.

Our goal is to make sports video discovery more intuitive, accessible, and engaging on a big screen.

🛠️ How We Built It

We built VYSIONX Sports using a modular architecture that separates shared interface components, sports data handling, playback behavior, and platform-specific functionality.

The application uses React Native and TypeScript within an Expo-based multi-platform project, with shared UI components for the Explore screen, video player, and interactive event timeline.

The sports catalog and timeline ingestion system manage match datasets and event metadata. Playback integration resolves event timestamps to playback positions, allowing viewers to select a moment and seek directly to it.

We also implemented TV-oriented spatial navigation and remote-control handling so that the interface can be explored using directional navigation and selection rather than relying exclusively on touch input.

The interface features a dark visual theme with emerald accents, category-based event indicators, match selection, search filters, detailed event cards, and a dedicated video-player HUD.

🧠 Challenges We Faced

One of the biggest challenges was making event-based video seeking reliable. Video players may not know their duration immediately, and attempting to seek before media metadata becomes available can lead to incorrect playback positions or repeated seek operations.

We addressed these cases by guarding initial seeking, clamping seek positions to valid duration boundaries, and allowing event markers to seek directly to their resolved playback timestamps.

Another challenge was designing navigation for television remotes. Traditional web and mobile interfaces often assume mouse, touch, or keyboard input. We incorporated spatial navigation and focusable controls to support a more natural TV-oriented interaction model.

We also worked on keeping match datasets immutable during catalog switching and handling incomplete video-duration information gracefully.

📚 What We Learned

This project strengthened our understanding of TV-first interface design, remote-control navigation, video playback integration, timestamp resolution, event-driven interfaces, and automated testing.

We learned that a compelling television experience requires more than adapting a mobile interface to a larger screen. Focus management, readable layouts, predictable navigation, and reliable playback behavior are essential.

We also learned the importance of distinguishing automated verification from real-device verification. Our automated test suite passes, while final validation of installation, playback, and remote navigation on physical Fire TV hardware remains a separate step.

🔮 What's Next

Our next milestone is deploying VYSIONX Sports to a physical Amazon Fire TV device and validating the complete experience using the actual remote.

We plan to continue improving playback reliability, expanding sports datasets, refining navigation, and exploring more advanced ways to help viewers discover meaningful moments in sports videos.

VYSIONX Sports is built around one simple idea: spend less time searching through a match and more time experiencing the moments that matter.

Built With

Share this project:

Updates

Submission history