Technology: Vid Slider

The main technology that runs in the interactive music video is a HTML5 before-after comparison slider, which I found on

As mentioned before in my previous blog post, I took away the phone input due to its complexity with Node.js after testing on a prototype. Besides that, many have mentioned that using the phone distracts them from the actual animation.

Thus, removing the phone and focusing on the web interaction seemed like the best option that I had. It was a tough decision at first because I proposed to turn my project into a cross-platform interactive music video, but there were unseen circumstances which prompted me to make this decision.

Thankfully, by using this slide interaction, users are able to see and compare the two scenarios (which was originally meant to be controlled with the phone) on the screen instead. This way, they can put full concentration on the interaction and watch the music video as well.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s