video

JohnnyExpress. It’s 2150. There are all sorts of Aliens living throughout space. Johnny is a Space Delivery Man who travels to different planets to deliver packages. Johnny is lazy and his only desire is to sleep in his autopilot spaceship. when the spaceship arrives at the destination, all he has to do is simply deliver the box. However, it never goes as planned. Johnny encounters strange and bizarre planets and always seems to cause trouble on his delivery route. Will he be able to finish his mission without trouble? Source

Time-Lapse | Earth. All Time-lapse sequences were taken by the astronauts onboard the International Space Station (ISS) (Thanks guys for making this available to the public for use!) All footage has been color graded, denoised, deflickered, slowed down and stabilized by myself. Clips were then complied and converted to 1080 HD at 24 frames/sec. Source

Mirror City Timelapse.  Mirror City is a visual story through some of the great American cities: Chicago, San Francisco, San Diego, Las Vegas and Los Angeles. The video starts off with simple mirrors and recognizable architecture, as the video progresses, so does the visual stimulation, showing the real abstraction of the piece. Source

Responsive Video Embeds with FitVids

Last week, Trent Walton tweeted about the frustration of getting standard video players to work in a responsive design:

Trent is right. It’s deceptively difficult to make videos fluid and responsive. I almost lost all my hair getting it to work on Do Lectures. On one hand, the HTML5 video element is super easy to make responsive: video { max-width: 100%; height: auto; }

Unfortunately, if you want to do something basic like embed a video from YouTube or Vimeo (that has a flash fallback) you can set the width: 100%; but the height stays the same breaking the aspect ratio… until now.

After some interstate brainstorming and coding with Chris Coyier, we came up with a solution. Mr. Walton, we’re here for our check.

Introducing FitVids

FitVids is a lightweight, easy-to-use jQuery plugin for fluid width video embeds. It currently supports the major video vendors: YouTube, Vimeo, Blip.tv, and a couple outliers.

How it works

The plugin is based on Chris’ pre-exising work on fluid videos and the Intrinsic Ratio method suggested by Thierry Koblentz (ALA #284). With these gems of knowledge combined with my ability to only make tiny jQuery plugins, getting your videos do aspect ratio-based resizing is now as easy as targeting your .container, .post, etc. with FitVids.

$("#thing-with-videos").fitVids();

It’s that easy! Best part, there’s very little Javascript happening. After the initial setup, it’s all percentage based resizing with just CSS.

You can fork it on Github to dig in deeper into how it works. We’d love your feedback.

FitVids happily joins the Paravel family of easy-to-use tools for radical web: Lettering.js andFitText. If you use FitVids or any of these plugins on a something, let us know! We love to seeing this stuff in action.

Updates: Plugins and Modules

Absolutely amazed that people are taking this and running with it. Thanks, y’all.

  1. Also, we’ve made some updates to FitVids and you can add your own custom video vendors and test out other players. If this interests you, read more here.

Source

V Motion Project: Music Video powered by Kinect. They created this piece by hacking the Kinect motion tracking software and integrated it with audio production software, The V Motion Project created a tool that could transform the body’s movements into music. It’s great to see the Kinect technology being used in innovative and creative ways like this and it helps that the music track is pretty cool.

A single night of staring into screens, condensed to 4mins. Filmed with a phone, off TV, laptop and tablet. The first video for amazing new band Lost Lander.

DC is one of the most difficult places to shoot. No tripods, no fancy equipment, only a single camera. 

After planning my shots and figuring out what time would be best to shoot, I went out and started this HDR Time-lapse production. 

During the course of the shoot I was stopped 9 times by NPS (national parks service) and three times by DC Metro police. Apparently there was a target on me… 

It took me 6 months of on and off shooting to finish this project and I’ve learned a couple things along the way. First off, LA might be the entertainment capital of the world, but it sure is difficult to shoot around downtown without having homeland security officers, police, or security take notice and harass you. Know your shooting rights!