GitHub vam-seek.js
Open Source Library

2D Video Navigation
Zero Server Cost

Transform your video player with a visual thumbnail grid. Navigate any video by clicking on a 2D map instead of scrubbing a 1D seek bar. 100% client-side processing.

Start Integration Watch Demo
0
Server CPU Usage
2D
Spatial Navigation
60fps
Smooth Animation
1 line
Integration

📰 Featured in Startup Media

VAM-Seek: Navegación Visual 2D para Videos sin Carga en Servidores
Why VAM Seek

Built for Scale

Every feature designed with performance and user experience in mind.

⚡

Zero Server Cost

All frame extraction happens in the browser. No FFmpeg, no S3 storage, no CDN costs for thumbnails.

🎯

X-Continuous Mode

Smooth navigation within cells. Not just cell-to-cell jumping, but pixel-perfect timestamp calculation.

💾

LRU Cache

Smart memory management with 200-frame LRU cache. Instant access to recently viewed frames.

🎨

Smooth Animation

60fps marker movement with physics-based easing. Feels natural and responsive.

📱

Mobile Ready

Touch-optimized interactions. Works on all modern browsers including mobile Safari.

🔧

Framework Agnostic

Works with React, Vue, vanilla JS, or any framework. Just one script tag.

The Story

Why I Built This

Long videos are no longer watched from start to finish.
We search. We go back. We verify.
The UI for this just didn't exist.

The Frustration

I hated the 1D seek bar. Scrubbing back and forth, guessing where that scene was, wasting time on trial and error. Videos aren't linear experiences anymore. Why should navigation be?

The First Attempt

At first, I just spread the video into a grid of thumbnails. But that wasn't enough. I couldn't tell where I was. The grid was a static map, but video is a temporal experience. They were disconnected.

The Marker

I needed a marker that moves smoothly across the grid, synchronized with playback. The moment I made it touchable, everything changed. The grid became a space you could explore, not just view.

The Final Insight

A single grid resolution misses details. I needed dynamic time granularity - the ability to zoom in and out of time itself. With smart caching, the grid regenerates instantly at any resolution.

The Journey

VAM started as a personal Python project. Over 3 months, it grew into 100,000+ lines of code - a desktop application pushing the limits of what one developer could build. But I wanted to share the core innovation with the web.

The Essence

VAM Seek is the essence of that journey, distilled into ~36KB of JavaScript (with Multi-Video Cache). No server. No dependencies. Just the pure idea: see your video in 2D, navigate instantly.

Grid Seek Marker is not a UI for watching videos.

It's a tool for exploring time.

This is not a new feature.
It's a missing standard.

Once you use it, going back feels incomplete.

Comparison

Why Not Server-Side?

Traditional thumbnail generation costs time, money, and infrastructure.

Feature
VAM Seek
Server-Side
Server CPU Usage
Zero
High
Storage Cost
None
$500+/month
Dynamic Time Granularity
Instant
Regenerate
New Video Ready
Immediately
Minutes to hours
Scalability
Unlimited
Linear cost
Integration

Simple Integration

Add VAM Seek to your project with just a few lines of code

index.html 
<!-- Include VAM Seek library -->
<script src="https://cdn.jsdelivr.net/gh/unhaya/vam-seek/dist/vam-seek.js"></script>

<!-- Your video element -->
<video id="myVideo" src="video.mp4" controls></video>

<!-- Container for the seek grid -->
<div id="seekGrid"></div>

<script>
  // Initialize VAM Seek
  VAMSeek.init({
    video: document.getElementById('myVideo'),
    container: document.getElementById('seekGrid'),
    columns: 5,              // Grid columns (default: 3)
    secondsPerCell: 15,      // Time interval per cell
    onSeek: (time) => console.log('Seeked to', time)
  });
</script>
Benefits

What VAM Seek Brings

Transform your video navigation experience

Instant Access

Jump to any moment in your video instantly. No more scrubbing through timelines blindly.

Visual Overview

See your entire video at a glance. Understand content structure before you start watching.

Zero Infrastructure

100% client-side processing. No server costs, no transcoding pipelines, no storage fees.

Enhanced UX

Give your users the navigation experience they deserve. Increase engagement and retention.

Interested in VAM Seek?

Get in touch for licensing, customization, or integration support.

Contact Us
Licensing

Flexible Licensing

Free for personal, educational, and research use.
Commercial use requires a paid license.

Non-Commercial

Free

Personal, educational, research use

  • All features included
  • Personal projects
  • Educational use
  • Research purposes
View on GitHub

Commercial

Contact us

Business & commercial applications

  • All features included
  • Commercial use rights
  • Priority support
  • Custom development
Get License

Share VAM-Seek

Help spread the word about client-side video navigation