https://github.com/guiseek/video-preview

Video preview thumbnails generator
https://github.com/guiseek/video-preview

html javascript thumbnail-generator thumbnails typescript vanilla video web

Last synced: 10 months ago
JSON representation

Video preview thumbnails generator

• Host: GitHub
• URL: https://github.com/guiseek/video-preview
• Owner: guiseek
• Created: 2023-06-10T15:32:32.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-10T16:43:05.000Z (about 3 years ago)
• Last Synced: 2025-08-23T00:53:28.209Z (10 months ago)
• Topics: html, javascript, thumbnail-generator, thumbnails, typescript, vanilla, video, web
• Language: TypeScript
• Homepage: https://guiseek.github.io/video-preview/
• Size: 19 MB
• Stars: 1
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# Video preview thumbnail generator

## Usage

```ts

const size = 320

const ratio = 16 / 9

const url = 'web-standards-for-the-future.mp4'

loadVideo(src, ratio, size)

  .then(drawThumbs)

  .then((canvas) => {

    document.body.append(canvas)

  })

```

## Demo

Access [Demo here](https://guiseek.github.io/video-preview/)

![Demo print screen](./assets/print.png)