🖖
The Interactive Video Grid Documentation v1.0
  • An Interactive Video Grid
  • Start now! Get the videos ready.
    • Download the project files.
    • Configure the project and call it done.
  • The Extra Mile: Publish your project online.
    • 1. Fork a Github repository.
    • 2. Host a repository using Github Pages.
    • 3. Host multiple repositories(coming soon).
  • Further customize your project.
  • Automate sequential naming and export clips from a timeline.
  • Know the license: GPLv3.
  • Showcase your work in the community project page.
  • Technical Contact and Special Thanks
Powered by GitBook
On this page

Start now! Get the videos ready.

PreviousAn Interactive Video GridNextDownload the project files.

Last updated 1 year ago

Step 1 : get the videos ready.

Prepare a series of videos in MP4 format named sequentially as:

video1.mp4, video2.mp4, video3.mp4, .... up to any quantity you prefer.

Store them anywhere on your computer for now.

Consider it done!

Also, monitor the size!

Large file sizes would not break the program but sometimes add extra seconds to your loading time and the overall reacting speed.

I recommend the following for video output:

  1. Videos with 540 px in height already provide more than enough resolution for this project. You can certainly go down from there without compromising video quality.

  2. Choose the H.264 codec.

Generally, keeping each file under 2MB is a good practice. (Sharing your project through Github service may result in warnings for files over 50MB.)

You can rename the files manually or use editing softwares for some cool automation.

Click to see how you can do it with Final Cut Pro, DaVinci Resolve and Adobe Premiere.

here