The TGFI Web Design Blog
This is where descuss web design, business and strategy, customer experience, things we enjoy, ourselves and more.
Our Work: Building a Better Customer RelationshipGreg Benedict - October 28, 2011
For the last 18 months we’ve been working with PinPoint Perks – an Indianapolis coupon, deal and savings site – to rebuild, redesign and enhance the way local businesses connect with their customers.
We started by taking their existing design and created a solid foundation with a custom Ruby on Rails application to replace their failing PHP web site. Once the foundation was in place we began to slowly redesign key elements of the site, such as the navigation, coupons, search functions and administration.
Greg Benedict - September 29, 2011
We’ve worked with the wonderful people at Floormingo since 2005 to provide a great way for do-it-yourselfers to buy hardwood flooring online at discount prices. For this year’s update we created a brand new web design and e-commerce shopping experience.
Greg Benedict - December 9, 2010
We’ve just wrapped up developing version 2.0 of the HL Mobile iPhone application for the 2010 season.
In addition to speed improvements, new features include:
- A much larger video archive, including some games in HD (requires IOS 4.0).
- Schedule of Upcoming Games
- iPhone 4 Retina Graphics
For those of you wanting to watch games live, you’ll have to wait a bit more. While we have the capability to show them to you, most of the game locations cannot give us the multiple, large video streams we need.
Image Gallery
Here are a few screen shots of the iPhone App. Click on each one to view full size.
Greg Benedict - October 22, 2010
The most popular way to stream video today is the same as 4 years ago: using a Flash player to play a video file with an FLV wrapper. Unfortunately, only desktop computers can play these files, leaving mobile devices with nothing to see.
Over the last two years we have been working hard to change this and bring video to mobile viewers. We found early on that people wanted to watch sports, podcasts, TV shows and even movies on the go. In 2008 there was really only one choice for mobile video – archival footage on YouTube for the iPhone. Live streaming was not supported and hosting it yourself was not worth the pain.
Thankfully, the landscape changed dramatically in 2009 and early 2010. We can now deliver mobile video to 100′s of millions of people in both archived and live streaming formats.
Apple, Android and Blackberry
Based on market share, there are three platforms you need to care about when providing mobile video. The iPhone, iPod touch, iPad, Android devices and some Blackberry phones.
All these platforms handle H.264 encoded video with AAC audio in an MP4 wrapper. This is a major bonus as the MP4 wrapper is great for both the desktop web and mobile as it allows you to start playing the video before it downloads the entire file. That’s the difference of seconds over minutes to start watching a video and also keeps them from clicking elsewhere.
The biggest challenge we have is what dimensions and bit rate we use for the video. Apple set the standard and the others are now following suit. The iPhone, iPad and Android all play nicely together, but some of the older Blackberry handsets need smaller video files.
Here are the specs to use:
H.264 video, up to 1.5 Mbps, 640 by 480 pixels, 30 frames per second, Low-Complexity version of the H.264 Baseline Profile with AAC-LC audio up to 160 Kbps, 48kHz, stereo audio in .mp4 file formats.
If you have specific Blackberry phone coverage you need to meet, then we suggest you take a look at Blackberry’s list of supported media types for their phones. Many of the older phones or smaller screens only support 320×240 resolution.
I would also suggest you keep the bit rates closer to 650Kbps. Many cellular carriers can’t handle larger files and it will take too long to start playing the file.
Note: We haven’t been able to test it yet, but the specs for Windows Phone 7 show similar support for H.264.
Hosting Video for Free
At this point you have a choice in how to handle delivery of the video. You can do it yourself, pay someone to host it for you, or use a free service. There are pros and cons to each.
YouTube
These guys have been around the mobile space the longest. They know how to do it, and as long as you upload them an H.264 video file, they will convert it to the proper formats for both desktop and mobile.
There is one big caveat to YouTube though. You don’t have as much control as they are hosting it for free. Consequently, if you include copyrighted music or video from third parties, chances are their automated flagging system will pull your video down. Many news organizations have been caught out by this, even when they legally have the right to fair use.
YouTube works great at no cost, just be careful building mashups pulling in other video or music. The also have the best API for automating large numbers of video in the background.
Vimeo
Vimeo separates itself from YouTube in several ways. It has both free and paid options (faster conversion and larger files), has above average content from a great community, and does not allow commercial video. If you are a business, you can skip this one.
Back in January 2010, Vimeo announced HTML5 video support for desktops using H.264. This was a great first step that lead to their Universal Player announcement this past August. The Universal Player is an embeddable iFrame that works on iPad, iPhone and Android. Their support for Blackberry is suspect, but they are working on it.
If you want to use Vimeo for mobile, make sure you pay for the Plus option. It’s the only way to get it.
Viddler
This is a product built for businesses. Viddler provides some of the best ways to customize, monetize and track the video playback experience. I would suggest watching their promotional video for an overview of what they provide.
In order to get mobile support, you’ll have to be a business member (starts at $100/mo) and you’ll have to specifically enable iPhone and iPad support. This works with Android as well and may work with newer Blackberry models.
The Community Aspect
All three of these hosted services provide discovery features for visitors browsing their site. If you are providing video for wide audiences then you’ll benefit greatly from the community. However, if you are targeting a niche the impact will be near zero.
Live Streaming to Mobile for Free
There are three main competitors for businesses in the live streaming space: UStream, Justin.TV and LiveStream. As of today, the only one that supports live streaming to mobile devices via a web page is LiveStream. Ustream and Justin.tv have applications that must be installed, but frankly, that just doesn’t work for business.
In the long term, Ustream actually looks very well suited. They are currently working on the technology to stream events using variable bitrates from one master feed. This will allow you to stream a game or press conference to just about everyone on their desktop, mobile device on cellular or wifi and still provide the best video they can. Their uptime and load capabilities are also the best around.
Personally, we’ve used LiveStream in the past, but switched away due to downtime issues. I still wouldn’t put them aside though. Their mobile streaming package is currently the best.
Hosting Video Yourself
If you are one of those companies who needs to have total control, then you’ll want to host it yourself. You have a lot of options here, but the most common for hosting archival videos are Amazon S3, Edgecast, Rackspace and Akamai.
You’ll need to do all of the file conversion yourself using tools like Apple’s Final Cut Pro, Adobe Premier or Handbrake before you upload, or pay someone to do it for you. Most of the time your video production or web design partner can do this for you.
You’ll also need some very specific knowledge around Flash video, HTML5 video and JavaScript to make this all work. We’ve spent a significant amount of time investigating the different ways to deliver video to the desktop and mobile devices at the same time. It’s not easy, but it works great when done right.
Streaming Video Yourself
If you are wanting to stream events live, there aren’t many choices here and you will pay a hefty fee for it. Edgecast, Akamai, Ustream and LiveStream all provide white label products so it looks like you host it yourself. However, unless you are a major corporation with money to burn, you don’t want to go this route. It’s highly cost prohibitive.
Planning for the Future
For a variety of reasons, video is great way to set yourself apart. With 100′s of millions of devices in the market, mobile video has tipped and is on a downhill rush. You are making a huge mistake if you don’t have your website videos viewable on the go. Consumers are eager to see great content about your product, or watch your events live, but they want to do it on the go.
Don’t make the mistake and hide what you have to say from so many people. It’s minimal work to make that sale or gain a new fan – Be mobile ready and beat your competition today!
Greg Benedict - February 16, 2010
For the last month we’ve been working in secret to create a brand new iPhone/iPod Touch application for the Horizon League.
Horizon League Mobile provides fast access to the latest blog entries, news from other sites around the web, Twitter updates, and videos for your favorite Horizon League teams — Butler, Cleveland State, Detroit, Green Bay, Loyola Chicago, Milwaukee, UIC, Valparaiso, Wright State, and Youngstown State.
You can view the app on the iTunes website or in iTunes on your desktop or iPhone.
Greg Benedict - September 17, 2009
We teamed up with WebStream Productions to create an all new experience for fans of the Horizon League. You can watch games live or on-demand, view weekly highlight shows, keep up with Twitter, chat via Facebook and interact in the Forums. The Horizon League represents ten teams, including Indianapolis’ own Butler University.
Greg Benedict - August 24, 2009
Most people hate writing and I used to be right there with you. However, a few years ago I made some tweaks to my workflow that changed everything. Here the seven steps that I use to get into the zone — that creative flow for writing.
Read more »
Greg Benedict - August 15, 2009
Almost every time we are engaged with a potential client, the subject of corporate blogging comes up. Sometimes the client notes a blog in their requirements, other times we suggest it for various reasons, and other times we ask the question for reaction.
Every company is different — people, customers and culture. When considering a blog for your company, there are five key things you should know.
Read more »
Greg Benedict - August 12, 2009
Last night I attended the first Indianapolis iPhone Developer meetup. A big thanks goes out to Apple. They realized the potential in the area and pulled the resources together to get the group off the ground.
Read more »
Greg Benedict - August 9, 2009
The building blocks of code that tell your web browser how a web site looks are changing once again. Learn what you can expect from the latest specification and when you will benefit.
Read more »
You should follow us on