Monday, April 25, 2011

Browsing through time and space with GigaPan and Chrome

From the presidential induction to the World Series to gorgeous cityscapes, for the past few years the GigaPan team at Carnegie Mellon University has been making it probable to explore breathtaking panoramic photos from around the world. GigaPan pioneered the hardware plan that captures these photos and used innovative rendering techniques—similar to those of Google Maps—to create seamless transitions among photos, so people can pan and zoom through the image for an interactive and incredibly thorough photo experience.

Yesterday, the GigaPan team took their original and technical skills to the next level with the GigaPan Time Machine, which brings this same kind of visual interactivity to video using the power of HTML5 and modern browser technology. Time Machine works chiefly well on Google Chrome, thanks to its support for the latest HTML5 features and its stability architecture, which ensures it can easily run complex web applications without crashing. Time Machine is featured on the gallery of Chrome Experiments, a showcase of creative web applications submitted by developers just about the world, and built using the latest web technologies.

The complicated cameras the GigaPan team uses for their photographs detain hundreds or even thousands of digital pictures and stitch them jointly to form an interactive panorama. With Time Machine, the cameras confine these image mosaics at regular intervals to create a video with hundreds of millions or even billions of pixels in each frame. The result is a video that spectators have the ability to zoom in on while it’s playing and see incredible detail.

With Time Machine, watching paint dry or grass grow is in fact pretty cool. Take a look at a table full of potted plants grow and bloom into flowers. Zoom in to examine a exact plant or even a single leaf, or watch a caterpillar bite off a leafy green for lunch.

One of the critical elements of making Time Machine work was developing algorithms that allow the site to shift flawlessly from one portion of a video to another, to give people the experience of zooming and panning across a video of about limitless resolution. This is particularly challenging because a seamless transition between videos requires opening a new video before the old one is finished, and then queueing it to align perfectly in time before the swap. The GigaPan researchers were able to achieve this successfully using HTML5’s video tag feature, as well as by taking advantage of Chrome’s speed and stability to leave the content smoothly as videos start and stop dynamically.

While you can’t fast-forward to the weekend (yet), head over to GigaPan’s Time Machine to zoom around in space and time with some of the samples, or create your own Time Warp by structure your own animated tour through any of the sample videos.

No comments:

Post a Comment