Document 360: #1 Knowledge Base Software
Stay updated
Keep current with the latest trends in technical communication by subscribing to the I'd Rather Be Writing newsletter. 5,400+ subscribers

Search results

Document 360: #1 Knowledge Base Software

HD Screencast Example

by David CHEN on Mar 8, 2009 •
categories: technical-writingscreencasting

Embedding HD video screencasts into a WordPress blog is something I've been trying to figure out. The HD quality is key because it allows me to compress the file into a small space without the video looking fuzzy -- a necessity for screencasts with small text. I also like the idea of showing video content directly where the reader is, rather than displaying the video in a popup or secondary window.

I learned that if you upgrade your space on a WordPress.com blog (not a self-hosted WordPress blog), you can then upload videos using the Add Video button. If you record in a 1280 x 720 px dimension, the uploaded video will be automatically rendered into HD format. You can then grab the embed code for the video and embed it on your self-hosted WordPress blog, changing the width to 640px and the height to 360px, which is what I've done below.

The following video explains a bit about the different files in a WordPress theme. I'm not so much trying to explain this concept as I am demonstrating the HD format for the screencast. Make sure you select the HD On option, since you can't toggle back and forth from Off to On without restarting the video.

If you expand the view to full mode using the expand button in the lower-right corner, you can really see the difference between HD and non-HD. When it's small, the difference isn't that noticeable. Still, either mode is a lot clearer than other non-HD videos compressed to this size.

Youtube is also offering an HQ (for "high quality" -- not quite the same as high definition) option for uploaded videos, so soon this may be a default feature with screencasts. The following is a youtube video that looks fuzzy if you don't select the HQ option. If you expand the video to full size, though, it's not as clear as my expanded WordPress video.

To overcome fuzziness problems, you usually have to use pan and zoom features to magnify content. This makes it more time-consuming to create the video. I realize, though, that the text in my sample HD screencast is pretty tiny and would benefit from some magnification.

What's especially cool is that WordPress has made the HD transcoding engine available for use on your own server. The only catch is that it requires some advanced configuration on your part. Still, you could essentially create HD screencasts behind the firewall for your company.

follow us in feedly