WebResourcesDepot

Posted by ryan | Posted on 13:14

Posted: 05 May 2010 10:36 PM PDT

With the rise of HTML5, formats like H.264 or OGG is being used much more everyday besides the well-known FLV (and yes, there is HD too).

In order to be compatible with every device and browser, you may need to serve multiple formats of the same video (like Youtube or Vimeo does).

And, with new videos being uploaded every minute, this can be a complex situation.

Panda is an online platform that enables you to convert videos into multiple formats in the cloud.

With a REST-based API, the platform not only helps encoding the videos, but the uploading process as well.

How Does It Work?

It is actually pretty simple and you can be up & going within hours (including the uploading and encoding of them).

create a form on your site which includes the provided Flash file upload component
user starts uploading the video (Panda displays a progress bar) and, once uploaded, it is added to the encoding queue
Panda submits you the ID of the video being encoded and puts it to your S3 bucket + updates you back when it is completed
That's it, you're ready to stream.

The platform offers ready to use codes for integration like a jQuery client uploader, PHP, Python libraries and a gem for Ruby.

Rather than pricing the service on a per-video basis, Panda provides you a dedicated cloud where you can encode an unlimited number of videos.

It is currently in public beta and free during this period. After that, a dedicated cloud of any size can be chosen depending on the processing power required.

P.S. This is a sponsored post.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Tags: FLV, H.264, OGG

MooTools Image Slider With HTML5: Gradually

Posted: 05 May 2010 10:34 PM PDT

Gradually is a simple MooTools image slider that can present the images in an order and display an informative text for each (which is sometimes all we need).

It makes use of the HTML5 canvas element to create a beautiful transition effect.

The slider simply requires an unordered list of images (hopefully, with the same size) and uses the alt tag value as the informative text.