TikTok: Custom Interactive Video Slideshow

4 Interactives for a conference booth. Each experience consisted of roughly 5 minutes of videos. By dividing the video into parts, I was tasked with creating the software that seamlessly joined each piece back together and allowed for users to advance the video at their pace. To achieve this, a "slideshow" is the core concept of how it all comes together.

‍

The elements:

Page Index: We have a number counter with a max/min loop that functions as the page number.

Containers: are used to reference unique videos that are arranged in sequence and hold the buttons to trigger moving the page index forward

Viewer: This is the main output and references the containers based on the page index.

‍

When the page Index changes:

The Viewer displays the corresponding container.

Inside the container, a video player will start playing if it is being displayed.

All other video players are not playing if they are not displayed.

‍

Automatically loading the video archive:

We had 4 projects and each one came out to be over 50+ video clips to process. By using the container's digit, we can load the corresponding video in the table pulled from the video archive.

‍

Other Features:

Quickly navigating the index with +/- keys

Reset with keystroke '1'

Quick edit for project resolution with a single source