Home
  • About
  • Contact
  • Presentations
  • WordPress Consulting
  • Advertising
  • For Students
  • Jobs
  • Podcasts Book Reviews

    Trying Out Picture in Picture in Screencasts

    December 17th, 2009 | Posted in blog 6 Comments »

    In a previous post, Adding the Human Element in Screencasts, I argued that adding a human element in a screencast (by human element, I mean someone you can actually see talking) increases the appeal of the video significantly. So I tested this out by adding a picture-in-picture (PIP) effect for two WordPress screencasts.

    (By the way, the WordPress screencasts I create are mainly to test out some screencasting methods. But I hope they’re also useful to the WordPress community — I usually push them out to WordPress.tv.)

    Here’s my first attempt to incorporate a human element. I just came back from playing basketball, and it’s late and dark, and there’s a bunch of junk in the background. I was going for the “real” effect here. But I made a fatal mistake. I plugged my mixer directly into my ancient Sony camcorder, and I think the camcorder’s default audio setting is on auto-gain, so when I’m not speaking, it increases the background static like a rushing wind.

    I made another mistake: I thought I could use one microphone and just kind of discretely hold it, so that it was close to my mouth when talking into the camera or the computer screen. But when I’m holding that mic in my hands, every little hand movement transfers into the microphone, and it sounds like I’m stretching a balloon at times. It’s also just awkward to hold it.

    Overall, the audio in this video is poor. The video is mostly uninteresting, and the screen demo is a little slow. But hey, this was my first PIP attempt.

    With my second attempt I corrected a few things. First, I plugged two mics into my mixer and then the computer, not the camcorder. I stopped handling the mic during the recording and just attached them on little stands. As a result, the audio sounds a lot better.

    New setup -- two mics, each on stands, hooked into the mixer/laptop, not the camcorder

    New setup -- two mics, each on stands, hooked into the mixer/laptop, not the camcorder

    I also recorded in a place where natural light abounds — my dining room, next to the giant patio glass door. There was just one fatal flaw in this setup: it was a Saturday afternoon and my three kids and wife were at home. In case you didn’t know, kids are drawn to microphones and video cameras like cats to string, and it was a little nerve-racking. Additionally, Jane says the kitchen is her office, and she doesn’t have to be quiet in her office.

    By the way, Jane makes a cameo appearance in this video! Yep, pretty cool. Watch for it, though. It’s subtle. Look for her disapproving countenance as she passes.

    Although the lighting was good, that’s the last time I will be recording anything in our dining room area. See Jane’s post for more details. :)

    This video starts off with more explanation than I intended. The file size ended up being huge — 233 MB when produced through Camtasia into MP4 format. I opened the MP4 in Quicktime Pro and saved it for the web in a MOV format, which reduced it, surprisingly, to 50 MB. I then uploaded it to Youtube, but Youtube didn’t convert it to HD like it did the other one.

    I’m not sure why it didn’t convert the video to HD. Perhaps Quicktime encodes the video with a codec that isn’t compatible with Youtube’s codec? I’m not sure, so I uploaded the 233MB monster MP4 video file and it did convert it to HD.

    So what do you think? Does adding the human element increase the appeal, even as ordinary as I am?

    One advantage with including a talking head, I realized, is that it fills the gaps when you explain concepts in videos (when you explain concepts, you usually don’t move your mouse and the screen is still). Without the talking head, you would normally resort to diagrams, charts, and workflows to provide eye candy during these static moments. But with the talking head, you can just talk to the user and still keep him or her watching.

    I think I’ll invest in a couple of studio lights for my office to give it better light. I told my manager that I might need to add a studio light in a conference room the next time I record video tutorials for work, and he asked if I would also be wearing makeup to compensate for strong light that might wash out my face. Uh, no. Wearing makeup before heading off to a conference room … will be the last thing I ever do. In that case, he said I should try to bounce the light.

    There’s so much to learn with video, I suppose.

    Sponsors

    Tags: , , , ,

    If you liked this post, keep updated with new content: Subscribe to I'd Rather Be Writing.

    Both comments and pings are currently closed.

    6 Responses to “Trying Out Picture in Picture in Screencasts”

    1. Looks good. I like the intros.

    2. Ellis Pratt says:

      We’ve also been looking at Screencasts with embedded videos, too. We’re currently using webcams, because of the audio and lighting issues with camcorders that you raise. I wonder if a different computer and webcam, with fast CPU and USB 2 connections, might give you different results?

      You wooden floor and the glass door might be affecting your audio. It might be worth trying recording with a couple of rugs on the floor.

      Screencasting raises a number of issues. Should we follow the conventions of TV or radio programmes? Is it TV? Is it training? What do we do about searching? What is the right balance between quality and “time to market”?

      • Tom Johnson says:

        I’m going to look more closely at webcams as well, because they just seem simpler. Having to go back and sync audio, video, and screen is a time drain, and anything that takes a lot of time usually doesn’t get done. If I can simplify everything with a webcam, so much the better.

        I think my previous experience using a webcam was tainted by the fact that I used it in low light, and as a result the quality wasn’t so good. I’ll try another one with better light. I actually have a decent little webcam, though it’s not HD. I would like to buy an HD webcam (not sure if Camtasia Studio accepts HD webcams or not — they don’t take camcorder inputs).

        Tom

    3. Tom,

      I think it looks really good. I think the audio sounds just fine and I wouldn’t worry too much about the lighting either. If you happen to have a laptop you can just find someplace (even outside) that has nice, natural light. I also like that you don’t show your face the whole time you are demoing because I find that really distracting and I don’t know whether to look at the person or the screen.

      I do sometimes hook up my camera with a firewire into my PC and record the video separately in chunks then import it into Camtasia and mix it in with the screencasts.

      My main suggestion might be that you look into the camera if possible so it looks more like you are talking to the viewer instead of talking to the computer screen. And I would like to see a little less explanation, as you mentioned in your post.

      Overall, I think it is an excellent test of the PIP capabilities.

      • Tom Johnson says:

        Thanks Michelle. I just listened to the videos again and didn’t realize how much youtube “optimized” them for the web. I guess that’s what happens when I upload a 200+ MB file. I wonder if the addition of the video means that youtube will always have to optimize the whole thing and thereby reduce the audio quality significantly. Hmmmm.

        Thanks for feedback about looking into the camera.

    4. Sita Bhatt says:

      Great effort and definitely looks good!

    « »