All projects

Shotlify

Upload videos, capture still frames in the browser, and gather them for a slideshow.

Next.js, React, TypeScript, tRPC, Tailwind CSS

View the source on GitHub

The landing page: the Shotlify name in a red-to-blue gradient, links to Home, Videos and Images, and a welcome message.

Drop in one or more videos, pause on the moment you want, and capture it as a still. Your own images can go in alongside the captures. Turning the set into a slideshow is the next step.

It’s live at slideshow-sigma.vercel.app.

What’s in it

  • Frame capture in the browser. The current video frame is drawn to a canvas and exported as a PNG, with no trip to a server.
  • Multi-file uploads for videos and images, each with its own input path.
  • Usable down to 320px screens, including navigation fixes for Android.
  • Tracked in GitHub. Work went through issues and pull requests, including bug fixes and tech-debt refactors.

Status

Paused. The slideshow step lives in a separate Node service, Images to Slideshow, which already turns frames into an MP4. Wiring the Create Slideshow button to it is next.