Skip to content

πŸŽ₯ | A website that extracts the video's frames - a seeker-like YouTube video seeker.

Notifications You must be signed in to change notification settings

vinicius-goncalves/react__frame-seeker

Repository files navigation

🎞 Frame Seeker

Seeker for frame by frame in your video using this app

Introdution

A frame seeker app was one of my first applications using vanilla JavaScript, HTML, and CSS. The initial purpose of this application was to create a YouTube video seeker using the Canvas API and requestAnimationFrame to extract frames and render them when hovering over a progress bar. This was concluded years ago, and now the project has been recreated using React and Tailwind with a clearer visual.

Technologies used

Those are the main technologies I used to build this project.

πŸ’» languages πŸ“š libraries & frameworks
-
-
-

How to install locally

If you want to test the project local for any reason, first of all clone this repo:

git clone https://github.com/vinicius-goncalves/react__frame-seeker

After cloning, go to the root project folder and then install the required packages using your package manager.

npm install

Since this project uses Vite, you can use npm run dev when developing or npm run build for deployment purposes.

Try it out

You can try this project out by clicking below on the follow link: frame-seeker.vinicius-goncalves.com.

About

πŸŽ₯ | A website that extracts the video's frames - a seeker-like YouTube video seeker.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published