🖖
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
PreviousStart now! Get the videos ready.NextConfigure the project and call it done.

Last updated 1 year ago

Step 2: download the project files.

  1. Visit: ;

  2. Click on the green "Code" button and select "Download ZIP";

  3. Unzip the file to access the "interactive-video-grid" folder. Store or rename it as you prefer.

Your directory should look like:

interactive-video-grid/
├─ videos/
├─ main.js
├─ config.js
├─ styles.css
├─ reset.css
├─ index.html
├─ LICENSE
├─ README.md
├─ .gitattributes

It might seem overwhelming, but you'll only interact with three things:

  1. videos/ (video directory)

  2. config.js (personalization settings)

  3. index.html (start-up file)

Open the index.html to verify its functionality.

Now you're ready for configuration.

The folder contains only one dummy video, forming not too much of a grid currently. If problems arise, consider using a different browser or reach out to .

https://github.com/soquanchi/interactive-video-grid
quanzh4396@gmail.com