Friday, April 17, 2015

Transforming a Video into an Interactive Map


The Cartography and Geovisualization Group at Oregon State University has created an amazing interactive map from NASA's video of A Year In The Life Of Earth’s CO2

The group's Interactive Map of A Year In The Life Of Earth's CO2 wraps an HTML5 version of NASA's narrated video of a year's Carbon Monoxide and Carbon Dioxide concentrations around an interactive globe. This mean that you can zoom in and out and pan the video just as you could an interactive globe.

That's right - the Cartography and Geovisualization Group at Oregon State University has managed to turn a video into an interactive map.

I've no idea how this was achieved but it possibly works by applying CSS transformations and transitions to the HTML5 video. Have a look at these example video effects to get an idea of how CSS can be applied to HTML5 video. Now all you need to do is work out how you can skew a flat portrait video into a globe.

No comments: