Show HN：VAM Seek – 2D 影片導航網格，15KB，零伺服器負載
一篇於 Hacker News 的「Show HN」貼文介紹了 VAM Seek，這是一個輕量級、客戶端（client-side）的 JavaScript 函式庫，用於創建影片搜尋的 2D 導航網格。它體積小巧，僅 15KB，且無需伺服器負載。
Navigation Menu
Search code, repositories, users, issues, pull requests...
Provide feedback
We read every piece of feedback, and take your input very seriously.
Saved searches
Use saved searches to filter your results more quickly
To see all available qualifiers, see our documentation.
2D Video Seek Marker - Client-side video navigation grid library
License
Uh oh!
There was an error while loading. Please reload this page.
unhaya/vam-seek
Folders and files
Latest commit
History
Repository files navigation
VAM Seek - 2D Video Seek Marker
A lightweight 2D video seek grid library for video streaming sites.
Navigate videos visually with a thumbnail grid instead of a 1D seek bar. Client-side frame extraction with smooth marker animation.
🎯 Stop blind scrubbing. See every scene at once.
Why VAM Seek?
Keywords: video player, video seek, thumbnail grid, video navigation, HTML5 video, JavaScript library, video streaming, media player, video controls, video thumbnails, seek bar alternative, video UX
Quick Start (For External Sites)
That's it. See docs/INTEGRATION.md for full documentation.
Features
Privacy & Architecture
Your video never leaves the browser.
Traditional thumbnail systems upload videos to a server, process with FFmpeg, store thumbnails, and serve via CDN. This costs money, takes time, and raises privacy concerns.
VAM Seek works differently:
All frame extraction happens in the user's browser using the Canvas API. When the page closes, everything is gone. No data is ever sent to any server.
Why 2D Grid Seek?
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 Reality of Video Watching
The 1D seek bar excels at passive viewing. But for active exploration, it fails.
Why This Design Works
Why 1D Will Always Exist
The 1D seek bar is:
2D doesn't replace 1D. It handles what 1D cannot: exploration.
The Mark of Standard UI
Good UI has these properties:
VAM Seek satisfies all four. Once you use it, going back feels incomplete.
Note: This UI is based on a design concept I call "Grid Seek Marker" — a time-exploration interface where video becomes a 2D navigable space. VAM Seek is the implementation; Grid Seek Marker is the idea.
Directory Structure
For Library Users
Installation Options
CDN (Recommended)
npm
Basic Usage
Configuration
For Demo Development
Requirements
Setup
API Endpoints
Technical Details
Frame Extraction (Client-side)
VAM Algorithm
Keyboard Shortcuts
Browser Support
License
Free for personal, educational, and research use.
Commercial use requires a paid license. Contact: [email protected]
Development History
2025-01-10: Initial Release
2025-01-10: Library Release
Credits
Based on VAM Desktop application algorithms:
About
2D Video Seek Marker - Client-side video navigation grid library
Topics
Resources
License
Uh oh!
There was an error while loading. Please reload this page.
Stars
Watchers
Forks
Releases
1
Packages
0
Contributors
2
Languages
Footer
Footer navigation
相關文章