Last week, YouTube made big news by introducing “HD” video, thought it’s unclear what YouTube’s definition of “HD” is. The video is certainly higher definition, but it’s certainly not 720p or 1080p which is technically what HD is supposed to be. It might be 480p which is what Hulu.com does for their high quality streams (and is also what the Wii ouputs).
At DTS, we also recently revamped our videos to be “HD” (in the higher definition sense), moving to 480p in most cases.
- For chapels and profiles of students and alumni, we have moved from RMTP streamed 426×240 FLV videos to progressively downloaded 640×360 MP4 (H.264) videos using Amazon S3 (and soon, CloudFront) for video.
- For online education we moved from 320×240 streamed FLVs to 640×480 MP4s also from Amazon (c.f. previous post on online education player design).
We’ve also changed the player quite a bit. The old player had a lot of “chrome” around it and this new one is chromeless (ala Vimeo) and has the option to popout (similar to Hulu). Compare the old player below, with the new player showing two recent profiles, one of an alumnus and the other of a currents student who is also an NFL player.
Old player
New Embedded Player Samples
Some Technical Information
This player needed to be able to play both MP4s for video and MP3s for audio. Unfortunately, Flash’s built-in video controls like PlayButton and Seekbar only work for video, and there is no way to use them for audio. I wrote a some wrapper classes that can handle both MP4/FLVs and MP3s and normalizes the event model so they can both be hooked to the same control UI. If we move back to streaming it should be easy to write another class for that and have it all “just work.”
If anyone is interested in the source code, I’d be happy to publish it as an example of a Flash IDE AS3 video player that can also handle MP3s.
spelled "athletes" wrong in the video title… 🙂
Thanks! Fixed.
I’d love to see the source code… We’re getting ready to start working on a new video player!
the new UI looks great and the video quality and load time is excellent. Pulling the video from amazon s3 seems to work well. I wonder if that is a good alternative to a typical video CDN? (btw looks like there is some weirdness in the fullscreen button hotspot)
Andrew, I’ll try to remove all the DTS-specific stuff and get it up in a few days.
felix, Amazon CloudFront is their new CDN style delivery system, built on top of S3. We’ll be turning that on soon. Thanks for pointing out the fullscreen button problem. I’ll get on that!
Very nice work! Are you willing to share the latest source for someone like myself to check out? Feel free to email me if you want as well.
cheers!
John,
we are in process of starting development of a new FLV player based on the Akamai framework openplayer, using Akamai as CDN.
is your new player that works using the Amazon CDN, compatible with other Akamai CDN?
thanks,
Chris
Jon, I’ll try to get the source cleaned up after Christmas.
1080p = HD, and thats how i view the web and there is slow adoption to this for obvious reasons. anything less than this is not true hd and its getting boring listening to all the plays on what is hd.
Oh, so-cool. Reminds me a lot of Vimeo’s interface. Keep up the great work.
So very cool! One quick question though, because I recently made an amazon s3 account. To do mp4 video streaming like this.. Do I have to EC2 or is S3 sufficient?
Thanks!
Vinny, Amazon S3 is all you need for playing an FLV or MP4 using progressive download. However, you need Flash Media Server if you want to actually "stream" the video.
Oh, I see. Thank you for the quick reply!
What route would I have to take to get flash media server.. Must I use EC2?
Thanks again!
Very creative, one of the nicer sites I have seen today. Keep up the great work.