All Projects → zzarcon → video-snapshot

zzarcon / video-snapshot

Licence: MIT license
Get snapshots from a video file in the browser 🎥 🌅

Programming Languages

typescript
32286 projects
HTML
75241 projects

Projects that are alternatives of or similar to video-snapshot

urlbox-screenshots-node
Capture website thumbnails using the urlbox.io screenshot as a service API in node
Stars: ✭ 14 (-77.78%)
Mutual labels:  screenshot, preview, thumbnail
Mac2imgur
⬆ A simple Mac app designed to make uploading images and screenshots to Imgur quick and effortless.
Stars: ✭ 914 (+1350.79%)
Mutual labels:  screenshot, capture
X11 Recorder
xrec helps you capture any area of your screen either as a screenshot or record a gif file.
Stars: ✭ 17 (-73.02%)
Mutual labels:  screenshot, capture
Capture Frame
Capture video screenshot from a `<video>` tag (at the current time)
Stars: ✭ 109 (+73.02%)
Mutual labels:  screenshot, capture
Singlefile
Web Extension for Firefox/Chrome/MS Edge and CLI tool to save a faithful copy of an entire web page in a single HTML file
Stars: ✭ 4,417 (+6911.11%)
Mutual labels:  screenshot, snapshot
1click Webpage Screenshot
Entire page Screenshot extension for Google Chrome. I'm developing open source extension for Google Chrome. All extension are free for use. Let's make Chrome great again!
Stars: ✭ 406 (+544.44%)
Mutual labels:  screenshot, capture
Imgursniper
📷 A quick and easy Image, Screenshot and Screen recording sharing tool
Stars: ✭ 69 (+9.52%)
Mutual labels:  screenshot, capture
freeshooter
This is old-school tool for taking screenshots without bloatware features, simple as life, light as air.
Stars: ✭ 102 (+61.9%)
Mutual labels:  screenshot, snapshot
Flameshot
Powerful yet simple to use screenshot software 🖥️ 📸
Stars: ✭ 15,429 (+24390.48%)
Mutual labels:  screenshot, capture
Save Page State
A chrome extension to save the state of a page for further analysis
Stars: ✭ 208 (+230.16%)
Mutual labels:  screenshot, snapshot
Screenshot Stream
Capture screenshot of a website and return it as a stream
Stars: ✭ 228 (+261.9%)
Mutual labels:  screenshot, capture
Swappy
A Wayland native snapshot editing tool, inspired by Snappy on macOS
Stars: ✭ 264 (+319.05%)
Mutual labels:  screenshot, snapshot
Menyoki
Screen{shot,cast} and perform ImageOps on the command line 🌱 🏞️
Stars: ✭ 255 (+304.76%)
Mutual labels:  screenshot, capture
Quickshot
Capture images of any View, SurfaceView or Bitmap from your Android app in: .jpg .png or .nomedia with simple oneliner codes.
Stars: ✭ 663 (+952.38%)
Mutual labels:  screenshot, capture
KeyPlexer
Capstone: Keylogger Trojan
Stars: ✭ 32 (-49.21%)
Mutual labels:  screenshot, capture
Jsdom Screenshot
📸 Take screenshots of jsdom with puppeteer
Stars: ✭ 39 (-38.1%)
Mutual labels:  screenshot, snapshot
VideoScreenRecorder
Record video of your screen and save the file locally 🎥
Stars: ✭ 36 (-42.86%)
Mutual labels:  screenshot, capture
snapcrawl
Crawl a website and take screenshots
Stars: ✭ 37 (-41.27%)
Mutual labels:  screenshot, capture
Screenshots
A screenshot plugin for electron
Stars: ✭ 130 (+106.35%)
Mutual labels:  screenshot, capture
Sharex
ShareX is a free and open source program that lets you capture or record any area of your screen and share it with a single press of a key. It also allows uploading images, text or other types of files to many supported destinations you can choose from.
Stars: ✭ 18,143 (+28698.41%)
Mutual labels:  screenshot, capture
Logo

video-snapshot Build Status

Get snapshots from a video file in the browser

Demo 💅

https://zzarcon.github.io/video-snapshot

Install 🚀

$ yarn add video-snapshot

Usage

import VideoSnapshot from 'video-snapshot';

document.querySelector('input[type="file"]').addEventListener('change', onChange);

const onChange = async (e) => {
  const snapshoter = new VideoSnapshot(e.target.files[0]);
  const previewSrc = await snapshoter.takeSnapshot();
  const img = document.createElement('img');

  img.src = previewSrc;

  document.body.appendChild(img);
};

Api 👀

type CustomVideoTime = 'start' | 'middle' | 'end';
type VideoTime = number | CustomVideoTime;

class VideoSnapshot {
  constructor(blob: Blob) {};
  takeSnapshot(time?: VideoTime): Promise<string>;
  end(): void;
}

Features 💸

  • Dependency free
  • 2kb size
  • Take snapshot at any time
  • You can pass smart times to easily get better previews

Author 🦄

@zzarcon

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].