Skip to content

5 Comments

  1. Lila
    August 5, 2012 @ 4:34 pm

    I’m struggling rgierdang this topic in regard to how to show full screen screencast without significantly degrading the crispness of he original. You seem to have licked this problem. Your screencast looks it originated at 1024 x 768 or so, and scaled down well.For the screencast I’m doing, I’m showing off a web app, and my minimum browser size of the original that I need to show is 936 x 780. I’ve experimented with capturing the fixed area (986 x 780), and my high res display (1920 x 1200)My question, what screen resolution is the original that’s shown in this post? as best as I can tell the scaled display image is 487 x 405? It looks really good.I’ve been experimenting with some free capture tools. I tried using Jing (very good results, but problems scaling the output for rendering in a browser well, also tried uTIPu, also very good, but not completely satisfied with output display. Any would be appreciated.

    Reply

  2. danielrpark
    August 8, 2012 @ 2:41 pm

    Hi Lila. The screencast in question was created at 800 x 450, and presented in the browser at 640 x 360. The fact that it’s framed in a cartoon tend to help the scaling issues, as animation and real-world camera video scale much, much better than screencast footage. It also looks decent in HD because its original size, while significantly smaller than HD, is still “big enough” to avoid looking horrible. In short, the video is not displayed at 100% (which is the ideal) in neither the browser NOR in full-screen size.

    BUT: There actually IS a way of doing what you’re after, specifically by leveraging JWPlayer, a popular web video player, and a plugin for it called HD Plugin. JWPlayer comes in both standalone and as a WordPress plugin. I have the WordPress version. Using these two in combination will let you select a standard res video file for display in the person’s browser, but then run a different file (the HD version of the video) when someone clicks the full-screen option button. You can see it at work here in our marketing video:

    http://www.dappertext.com/business_video_art/vidonly/

    For this to be successful, both versions have to be optimized for the sizes at which they’re produced. For example, you create an HD version where the zoom is predominantly set to 1280 x 720, and you also produce at that size. Then, you make another version where the zoom is predominantly set to 640 x 360, and you also produce at that size. In other words, no matter what the size of the video window, the CONTENT needs to display at 100% its original size.

    Please let me how this works out for you. best, d.

    Reply

  3. danielrpark
    August 8, 2012 @ 2:43 pm

    I should also mention that non-commercial version of JWPlayer is free, and the commercial version of the player as well as the plugin are quite inexpensive.

    Reply

  4. Michele
    August 19, 2012 @ 8:09 pm

    Daniel, you *are* a ninja. You have excellent teaching skills. Glad I stumbled across your site. I was looking for a way to jazz up a tutorial series, and ding ding ding – animation! Thank you. You have an informative site, and I’ll be back.

    Reply

  5. danielrpark
    August 20, 2012 @ 1:10 pm

    Thanks so much! Lots more good stuff coming down the pipe…

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *