Interactive Video?

Site URL: https://mostcreativereiner.com/

Hi Everyone!

I had an idea to create an interactive claymation portfolio (you can look at my website for some work examples).

Anyways, I was thinking of having a tv, where there are three interactive buttons, a channel up and down, and an antenna, which are interactive toggles between video projects. For example, if you were to click on a channel button, it would start an animation where someone clicks the button, and then the channel changes.

Any ideas on how to get something like this done on squarespace? I know itd be javascript, but any other thoughts would be appreciated. I've written some sort of psuedo code with the idea:

Thanks!

count = 0

Buttons:

channel_up

channel_down

antenna

define pixels (x,y whatever) = channel _up

define pixels (x,y whatever) = channel_down

define pixels (x,y, whatever) = antenna

if channel up gets pressed:

            play mp4 of clay hand clicking the button

             switch the mp4 on the tv

            count = count + 1

elif channel_down gets pressed:

          play mp4 of clay hand clicking the button

         switch the mp4 on the tv

         count = count +1

        elif count == 3:

                   change to staticky video

                   if antenna gets clicked:

                  play mp4 video again

                  count = 0

I think this can be achieve using javascript, you can place video on the page and modify their behavior by code injection, do you have video in mp4 or hosted on vimeo, youtube?

Hey there! thanks for the reply. I have all three. I assume the mp4 would be the easiest to work with. 

You think this could get done on a squarespace site? I'm a bit new, so not sure what the basic paid service vs advanced offer.

If not--any suggestions on resources to take a look at?

Thanks Bangan! I think I want to try tackling this project myself, though I do appreciate your help. 

On 11/13/2020 at 4:11 PM, pizzaman said:

Site URL: https://mostcreativereiner.com/

Hi Everyone!

I had an idea to create an interactive claymation portfolio (you can look at my website for some work examples).

Anyways, I was thinking of having a tv, where there are three interactive buttons, a channel up and down, and an antenna, which are interactive toggles between video projects. For example, if you were to click on a channel button, it would start an animation where someone clicks the button, and then the channel changes.

Hey! I'm looking to do something similar on my website... were you able to find a solution? Would appreciate any tips/resources!

Thanks!