Showing articles posted in the ‘Code & Data’ category

Mind Mapping with Mindomo

Ever need to build a flow chart or visual association map? Mindomo has a great online toolset to allow you to build and collaborate. We use it to build navigation architecture for websites we are developing, to applications that we need to map the screen usage in UI. Check it out if you are looking for the right tools. www.mindomo.com

Cross Browser Testing

As a web development team we are always up against different browser versions and websites looking slightly different in a particular configuration. Check out www.crossbrowsertesting.com we use this site to help the process of seeing issues that others might see.

crossbrowsertestinglogo3 Cross Browser Testing

Some cool jQuery elements for web development people

Here is a resource for some jQuery element that can be used when programming a website. We like to collect these and use this type of code in projects.

http://speckyboy.com/2011/12/07/the-50-most-useful-jquery-plugins-from-2011

Javascript jQuere getting better and better for web development

Have you checked out the new Apple iPhone 4S page on the Apple site?

http://www.apple.com/iphoneiPhone jQuerePage Javascript jQuere getting better and better for web development

The new design of this page has a really clean look and the motion of the graphic elements is clean smooth and exacting. The shadows and transparent layers really play well. A few years ago we would have built this in flash to get anything close to that, and the transitions would not have been a clean and smooth as the transitions being used in this jQuere. It seems that plane old code wins out again. In the long run after being a flash designer I now find it more challenging to try to work with these type of libraries and get them to work on all browsers and devices.

Editing Video Shot on a Flip Camera

I’m sure you’ve seen them, those little rectangular Flip cameras. They look more like a toy than a video camera, but these little guys actually shoot HD video at an aspect ratio of 1280 x 720. Compared to standard definition cameras, which are only shooting at an aspect ratio of 720 x 480, the Flip is a great camera for shooting quick home movies, and can even be used for some professional situations. Here is one of those situations.

For the past year I’ve been producing a daily web show for a local St. Louis radio personality, JC Corcoran, called “JC’s Daily Dose”. JC, like many radio personalities, has seen the value of supplementing his radio show with a web show. Having a daily web show keeps your fans coming back. If they miss your program that day, they can always catch up with you online later.

The web show doesn’t have to be fancy, as web viewers are used to this type of raw format, and have even grown to expect it. This is where The Flip camera comes in. Every morning at around 5:30AM, JC wakes up, sets up his Flip camera on a tripod, hits ‘record’ and then gives us the latest entertainment news happening around the world. Then, on the way to his 10AM radio show, he drops off The Flip camera here at MindActive. Here’s where my work begins.

My job is to edit the Daily Dose video and upload it to JC’s website. First I delete some video from the beginning and end, then I add an intro and outro title sequence. It’s a very simple edit, but before I edit anything, I must convert The Flip video file to something usable.

The Flip camera records an MP4 video file. To simply upload an MP4 file to youtube is a breeze, but if you want to edit your video, you must first convert it from MP4 to something usable by your editing program, because MP4 files are NOT editor-friendly! I use a Macintosh with Final Cut Pro as my video editor, so I require MOV files.

The Flip camera plugs right into a USB port on any computer, then acts as a hard drive, so you can click and drag the video files right onto your computer.

Now for the conversion process: I’ve found that MPEG Streamclip is the simplest way to do this conversion, and it’s free. Now since this video will be going on a web site, I can shrink it down to 640 X 360 pixels (exactly half its original size of 1280 X 720 pixels), it is much better to convert it to this size right away! It makes it a much smaller file size so Final Cut Pro can process it a lot faster. (Originally I tried to convert it at full size (1280 X 720) and this slowed my computer way down).

Once I have my MOV file, editing goes very smoothly. When exporting my final video, I use an h.264 codec for video and an AAC codec for audio. These are common audio and video codecs (for now anyway) that are easily uploaded and digested by transcoding programs all over the web.

After figuring out this conversion process, using the Flip camera for JC’s web show has been the ideal way to go!

JC’s Daily Dose

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,