Web Functionalities
To include most of the media means in the film, I have decided to display it in a web app where I can incorporate some web functionalities. These functionalities will help me achieve my investigation on making stop motion experienced better.
Access to location
Gaining access to the users location will help make the user experience more personalised. It will allow me to view data that is related to the location they are at. Once I have accessed the location, I will be able to to pull a huge amount of data about the specific location using API services. Here are some of the services:
Radio
One good API I have found to get radio is "30,000 Radio Stations and Music Charts". It has a big amount of resources, which is much more than what I need. However, this resource is fairly complicated as it's there is no proper documentation on how to get what I need.
Weather
There are many API to get the weather forecast in any given location. The one that I will end up using is from "Open Weather Map". It is straight forward to pull data from as it gives many options on how you can use it.
Language
User will see some text displayed in the language they speak in their country. I will be using "Rest Countries" API which is a very good API for pulling other related data such time and currency.
Alpha channel videos
Since my film will be displayed in the form of multiple layers, I will have the video exported to alpha channel, that is the video will have the green screen in it transparent just like in PNG format. The video will then be displayed in the website using an open source library called SeeThru. It's the best and most reliable one I have found so far as it works on most browsers. However, as this is a new feature, it is still not working on mobile device which is quite disappointing as one would expect to see this first on their mobile phones. I am still exploring other options to get it implemented on mobile devices
Alpha channel video layers (Figure 1)
Parallax effect
Once the video is set up, I will have two layers of background behind and one in front of it. A library called "Universal Tilt" will help me to implement this feature where user will be able to have a tile effect on the layers whenever the mouse is hovered on the scree. Universal Tile provides various ways of showing the tile effect from scale to shine to float which is more than what I need. However, unfortunately it is not supposed in mobile devices as well.
Reference
Comments
Post a Comment