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
  • Replies 4
  • Views 644
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

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?

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.