Welcome to MSDN Blogs Sign in | Join | Help

Canadian UX Blog

Connecting Canadian UX Professionals. It's all about Technology and a whole lot more!

News



  • Sharing of thoughts and information is what blogging is all about. This way we can learn from each other. Post A Comment!

    These postings are provided "AS IS" with no warranties, and confers no rights. You assume all risk for your use.

    Number of online users in last 3 minutes



    Locations of visitors to this page

    Resident Bloggers


    Paul Laberge
    Partner Advisor
    Microsoft Canada

    Qixing
    Qixing Zheng
    UX Advisor
    Microsoft Canada

Posting Podcasts/Screencasts using Silverlight 1.0 RC

Sorry, it has been a little quite on the blog. I was on vacation last week and training down in Redmond the week before. As a bonus, I've included a good UX design example from my travel last week at the end of the post.

Quite a few people asked me about how to post screencasts/podcasts using Silverlight 1.0 RC on their blogs and streaming the digital content using Silverlight Streaming. There are great posts from Catherine Heller and Morten on how to post Silverlight content, but I thought a Silverlight screencast to answer the very question should be very effective. Please see below screencast: a walkthrough tutorial on posting a podcast using Silverlight 1.0 RC.

Major Steps

Step 1: record the screencast (e.g. Camtasia)

Step 2: encode the screencast media file in Expression Media Encoder (EME)

Step 3: output Silverlight project (i.e. screencast player) from EME and compress appropriate project files

Step 4: upload compressed project files to Silverlight Streaming

Step 5: embed screencast/podcast in a blog post

Useful Code Fragments

manifest.xml file has the following code:

<SilverlightApp>
<version>1.0</version>
<loadFunction>StartWithParent</loadFunction>
<jsOrder>
<js>MicrosoftAjax.js</js>
<js>BasePlayer.js</js>
<js>PlayerStrings.js</js>
<js>player.js</js>
<js>StartPlayer.js</js>
</jsOrder>
</SilverlightApp>

iframe object code:

<iframe src=http://silverlight.services.live.com/invoke/AccountID/AppName/iframe.html scrolling="no" frameborder="0" width="500" height="400"></iframe>

Replace the AccountID with your Silverlight Streaming account ID and replace the AppName with your application name. In my case, it's "PostingPodcast."

Now the bonus...

I passed a nice little town called "Picton" on my way traveling to Sandbanks last week. There is gourmet hot dog restaurant called "The Budda Dog" (see their logo below). Isn't it cute and clearly expresses what it is! :) In the restaurant, they have an efficient way of taking orders. All types of hot dog sauces and toppings have barcodes associated with them, so the waitresses just need to screen the menus to take orders. The orders are shown on the computer right away. Interesting solution, both cheap to implement and flexible to change.

Budda Dog  an efficient way to take orders

Posted: Tuesday, August 14, 2007 5:22 PM by qixing
Filed under: ,

Comments

Morten said:

You should probably take a look at my second post on the subject called "Silverlight Issues - Solved"

http://blog.pinkandyellow.com/silverlight/silverlight-posting-test-20070808/

It turns out the original code posted by Tim Sheath does not work in WordPress but will work with a slight modification. This is important info for all WordPress users.

# August 14, 2007 2:02 PM

qixing said:

Thanks for the update, Morten!

# August 14, 2007 2:37 PM

Canadian User Experience said:

In mid-June of this year, I had the privilege to participate in a great discussion on the role of user

# August 15, 2007 11:58 AM

優使文章 said:

In mid-June of this year, I had the privilege to participate in a great discussion on the role of user

# August 15, 2007 1:29 PM
Leave a Comment

(required) 

(required) 

(optional)

(required) 

Comment Notification

If you would like to receive an email when updates are made to this post, please register here

Subscribe to this post's comments using RSS

Page view tracker