Wednesday, July 06, 2011

Channel 9 Wiki Markup and Query Param Quick Reference

This is just a quick write-up for the current wiki markup supported in Channel 9 posts, as well as the supported Channel 9 Silverlight video query param's.

This is a much a means so I can find this in the future as anything. If it helps other Channel 9'er's too, well that's cool too!  :) The credit for this information goes to Clint Rutkas and Duncan Mackenzie, I'm just the OCD guy that felt a need to write it up... lol

Channel 9 Wiki Markup

Code

Description The code markup will apply source code formatting rules, such as coloring, scrolling, etc, to a given selection.
Markup [code]
[/code]
Attributes lang|language
Sets the layout/formatting language.

lang="csharp"
lang="vb"
language="html"
language="js"
language="sql"
language="xml"
language="cpp"
language="css"
language="php"
language="psh"
Example
image

image
Channel 9 Post Editor
image
image
Notes a) Keep an eye on the line breaks. Sometimes the finally rendered html line breaks don't match up with the lines in the edit body. So preview your posts and if needed, add a break (<br>) at the start of any lines that don't seem to break right (i.e. are appended to the preceding line).
You can see this behavior in the above VB example (note the "Dim FullPath..." and "workPath ..." lines. To fix this, I'd add a break at the start of those two lines and it would then all layout as expected.

b) If you're using a tool like Windows Live Writer to author your posts, be careful how you paste in your code snips. I've found this it's easier to paste the code into notepad and then copy/paste from there into the actual post. This strips all formatting, etc. (which the Paste Special, remove formatting doesn't seem to for me).

Video (Channel 9)

Description Embeds a Channel 9 video, with player, into the post
Markup [c9]
Attributes videourl
Sets the video to be embedded. Use the given Channel 9 video's main/normal url (i.e. copy from the address bar)
Example [c9 videourl="http://channel9.msdn.com/Shows/PingShow/Ping-107-Ballmer-Birds-Office-365-Kinect-and-health-care"]

image
Channel 9 Post Editor None (that I am aware of)
Notes Be careful when pasting in this tag. I copied it from an email, pasted it into a post and it wouldn't work. The issue was that the "paste" included a good bit of formatting that wasn't easily visible outside the HTML view. Once I made sure I was pasting in very plain text, it worked like a charm.

Video (YouTube)

Description Embeds a YouTube video, with player, into the post
Markup [youtube]
Attributes video
Sets the video to be embedded.
Example [youtube video="nGeKSiCQkPw"]
image
Channel 9 Post Editor image
image
Notes Easiest way I've found to use this is to take the video URL from YouTube and paste it into the above dialog. It will parse out the information it needs from that.

Video (Vimeo)

Description Embeds a Vimeo, with player, into the post
Markup [vimeo]
Attributes video
Sets the video to be embedded.
Example [vimeo video="4044623"]
image
Channel 9 Post Editor None (that I'm aware of)
Notes I've not used this at this time...

Channel 9/Silverlight Media Query Params

Time

Description Indexes into a Channel 9 video at a specific minute/second.
Param time
Value ##m##s
m=Minutes
s=Seconds
Example #time=11m05s
http://channel9.msdn.com/Shows/This+Week+On+Channel+9/TWC9-Office-365-Internet-Explorer-10-PP2-Choosing-the-Right-collection-class-ToneCheck#time=11m05s
Channel 9 Post Editor None (that I'm aware of)
Notes  

No comments: