Jump to content

Interactive Video?

Recommended Posts

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

Link to comment

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?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 8 months later...
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!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.