The Video Mood Visualizer is a web app that locally transforms a video into a single image that reflects its overall tone or "mood" by sampling and blending frame colors, featuring different output styles and formats.
Try it here: https://landonikko.github.io/Video-Mood-Visualizer
- Automatic Black Bar Removal: Intelligently crops out letterboxing/pillarboxing.
- Optional Trimming: Define start/end points to process specific video segments.
- Output Modes:
Color: Vertical stripes of average frame colors.Stretch: Crisp, 1-pixel wide stretched frame slices.Gradient: Smoothly blended stretched frame slices.Pixel: Grid of average frame colors for a pixelated look.
- Format Customization: Presets (Desktop, Phone, Square) & custom dimensions.
- Film Grain Effect: Optional toggle for added texture.
- Instant Preview & Download: Click the generated image to open/save.
Source video: https://www.youtube.com/watch?v=_cMxraX_5RE
| Color | Stretch |
|---|---|
 |
 |
| Gradient | Pixel |
 |
 |
- No cloud processing or installations.
- 100% client-side: built with HTML, CSS and JavaScript.
- Mood images are stored temporarily in your browser as blobs.
creative projects, video analysis, artistic visualization, social media content, mood boards, color palette extraction, abstract art generation
The tool sequentially samples frames from your video. For each sample, it calculates color data (average or specific pixel lines) and renders it onto a canvas according to the selected mode and format, building the final visualization locally.
Contributions, bug reports and suggestions are welcome!