# An Interactive Video Grid

author: Quan Zhang

### What? And, Why?

The Interactive Video Grid, an open-source software built with HTML and Javascript, allows simultaneous viewing, analysis, and recomposition of multiple videos through active mouse movement.

This project, inspired by Shane Denson's Interactive Video Essay “[Don’t Look Now: Paradoxes of Sutures](https://shanedenson.com/stuff/dont-look-now-javascript/index.html)” and as part of Quan Zhang's ongoing "[Modern Editing tools](https://quanzhang.xyz/modern-editing-tools)" project, aims to provide the general public with alternatives to mainstream editing tools, by making non-linear, scripting-reliant, and less commonly demanded functionality available.

I encourage the public to create their own versions of this project, populating the grid with videos of their liking, and to use it as an installation site, an analytical tool, an everyday resource for formal analysis, a teaching aid in classrooms...or much more.

All programming literacy levels can adapt and fork this tool. 

{% hint style="info" %}
No-code is guaranteed.
{% endhint %}

### Let the demos futher explain. Try them!

1. [Don't Look Now: Paradoxes of Suture : A Reconfiguration of Shane Denson's Interactive Video Essay](https://soquanchi.github.io/dont-look-now/index.html)
2. [Only Life in Footsteps: Hear Bresson's Mouchette(1967) with hands(or feet)](https://soquanchi.github.io/only-life-in-footsteps/index.html)

### You can claim it as yours in under 10 minutes.

#### Things needed for success:

1. Several video files with specific naming;
2. 10 minutes to set up the project according to the instructions.

#### Publishing it online adds additional 20 mins, for which you need:

1. A free Github account;
2. the Github Desktop app.

Click onto the next page and start building now.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://quan-1.gitbook.io/interactive-video-grid/an-interactive-video-grid.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.