banner
Workin' on Windows running on Windows Azure
Posts
 
Previous Next 

My good friend Mr Knowlton has been bugging me to write this post for a while so I dedicated this to Chris.

Let’s say I have a video (like the one of Chopper tubing at Snoqualmie Summit the other weekend) that I shot on my Canon SD880 that I want to

  • Add a simple title and transcode to a Silverlight compatible format
  • wrap in a nice Silverlight 2 player template
  • publish it to the 10GB of free geo-scalable storage up on Silverlight Streaming
  • and finally insert it in a blog post.

The first thing I need to do is install the correct components:

  1. get the Expression Encoder trial:
    Note that even though this is called a trial, when it expires you still get to use basic functionality since the trial runs in Express mode rather than completely timing out.
  2. install Expression Encoder 2 SP1:
  3. install the new SLS publishing plugin that works with the above:
  4. If you want to publish the video to a blog, make sure you have the latest Windows Live Essentials installed: http://download.live.com
    and get the LiveWriter plugin from here:

Phew!

OK so first off lets launch Encoder and import our video.  I already have Quicktime installed since the SD880 creates H.264 content inside of MOV wrappers.

image 

The only encoding setting I’m going to change is to pick the Web Server Broadband preset.

I can fill in some metadata to describe the video if I like:

image

I can design a simple animated title in Blend..

image

and use it as a XAML leader file in the Enhance Tab:

image

Next I want to pick the Silverlight template that I want to use.  I’m going to choose Black Glass which is a Silverlight 2 template that has some spiffy animated player controls:

image

Because I don’t want the video to start when the page loads, I first choose a thumbnail for the poster frame:

image

then I tell the Silverlight player not to autostart:

image

Now time to encode.. that didn’t take long.

image

OK so now we’re going to publish this bad boy up to Silverlight Streaming.  If you don’t have an account, go up to Silverlight Streaming and create one.

Once you do have one, you need the account ID and Key:

image

Just plug those into the publish palette:

image

and after a short wait you get both a code snippet and a live preview from Silverlight streaming

image

At this point you can take the code snippet and paste it anywhere that accepts iFrames or, if you are using Live Writer and you installed the Silverlight Streaming plugin:

image

you can easily insert you’re app:

image

and now here is the result:

And no YouTube in sight.. only an Inner Tube :-) Go Chopper!

Thanks Chris!

Comments[4]
  1. 1. Made by James Clarke on 6/15/2010 4:46:14 AM

    Well!!!Thank u!


  2. 1. Made by James Clarke on 6/15/2010 4:46:14 AM

    Confused. You state that you encoded it with the 'Web Server Broadband preset' but then published it to the 'Silverlight Streaming' facility. Why not use the 'Streaming Broadband' preset instead? What am I missing? What is the difference? Thx!


  3. 1. Made by James Clarke on 6/15/2010 4:46:14 AM

    Malcolm.. indeed it is confusing! Silverlight Streaming is a somewhat misleading name since the service is actually delivering a progressive download capability for Silverlight applications (application strreaming). Since most "applications" posted there contain video, we get confused. In progressive download scenarios, we recomment VBR encoding which yeilds better quality due to its 2 pass approach. Web Server Broadband is one of the presets that offers 2 pass VBR.


  4. 1. Made by James Clarke on 6/15/2010 4:46:14 AM

    Thank you for the post, i have been learning a lot from your blog, keep adding more interesting and informative entries here!


 Name
  email (will not be shown)
 web site


Close

7/31/2010 11:01:11 AM