Ask HN: How do you produce product demo videos?
I would like to show a product demo video (screen capture) on my homepage. Seems like this is a common requirement. Can anyone share some advice from their experiences?
What software do you use to produce the videos? Any free solutions? What resolutions worked well for capturing text in a browser? Streaming or progressive download? Any other hints?
41 comments
[ 3.0 ms ] story [ 91.3 ms ] threadThanks!
The quality will be very high, but youtube will ruin it, I agree.
Here is a higher quality version done with XVidCap: http://overtrainer.com/render.ogg
Has a/b editing, records lots of things as separate tracks and has a special-purpose video editing interface just for screencasts.
Editing interface is a little quirky to get used to but the results are great.
and Snowflake: http://www.bluemic.com/products/snowflake
I own the former. Kinda wished I owned the latter.
http://www.youtube.com/watch?v=cL9qS6bAMPU
(See also: http://news.ycombinator.com/item?id=133349)
My standard toolchain is ( x264 -> rawvideo + faac or NeroAACEnc -> aac audio ) -> mp4box -> mp4 file. For those who are commandline-phobic, there are many GUIs to streamline the process; for example, MeGUI can produce Flash-compatible H.264 video files with x264.
Make sure you're using the latest versions of the encoders as well, especially if you're trying to get away with a much more fancy video than the one in the parent--it's better quality and compression for free.
Also remember that Flash supports H.264 all the way up to High Profile, so there's no reason not to use all the features.
(aside: above video uses a ~2007 version of the encoder, according to my detection tool)
NB: This comment was made after this thread went dormant. This cross-post is for the benefit of anyone browsing the archives..
Once you have the video, there's obviously still the decision of how to get it onto your site. After trying a couple different methods, I settled on YouTube. My primary objection to this originally was the video quality, however there is a way to force embedded video to play in either "High Quality" which I found acceptable, or in HD, which is great (and what we ended up using). To do this, you append "&ap=%2526fmt%3D22" for HD or "&ap=%2526fmt%3D18" for high quality onto the back of both links in the YouTube embed code. (more here: http://www.mydigitallife.info/2008/11/20/how-to-embed-and-pl...).
Lastly, we used lightwindow to diplay the video (http://www.stickmanlabs.com/lightwindow/). Just drop some js and css files into your site and follow the following example code (in the case of HD). Mess with the width and height as appropriate.
<a class="lightwindow page-options" title="My Demo" params="lightwindow_width=640,lightwindow_height=385, href="http://www.youtube.com/v/vifE3sBge8k&hl=en&fs=1&...;
It's not cheap, but I think you can get it as 30-day trialware. Not sure.
I've used iShowU to capture video on my Mac but then mastered it into Flash files. You can add pauses, description, etc.
Screenflow also seems really bad ass from my limited experience with it if you are happy with doing 100% Mac demos.
I tried Camtasia and Adobe Captivate on Windows. Camtasia has been best to work with, although it has a couple of pretty horrendous bugs that require nonobvious workarounds that took me a while to learn. On the bright side, it has a great set of online video tutorials (duh) and it's easy to do transition effects and record from Powerpoint.
The other commenters are right -- the hardest thing to do well is the voice-over. You need a good mic -- USB digital mics are probably best, but I've gotten by OK with a good headset. You also want a quiet place -- digital "noise removal" post-processing makes me sound like the Predator. One day when I was at a shared office, I spent the morning standing in the bathroom, recording audio to my laptop.
It's also vital, of course, to have an engaging script and a product that's interesting to watch. Writing and filming the screencast will force you to concentrate on these things from the perspective of a new user, and you should take that opportunity to ferret out any needless distractions.
http://www.debugmode.com/wink/
Start with the written dialogue, record it meticulously then do the visual.
The Blue Snowball referral came from Scott Chacon at GitCasts. Great piece of equipment. Thanks Scott.
http://www.nextproof.com/holidays/
I use ScreenFlow and it's incredible. Very easy to record and create zooms/transitions.
For technical ones, I record the audio myself. I have an AKG 3000 studio microphone that goes into an ART TubeMP pre-amp. The pre-amp then goes to my MacBook Pro. I've found that it's better to record the audio after the video.
We were also lucky to find a great voice-over person on Craigslist. Usually, we just send him the video file and a rough script with a few time markers for guidance. He does a GREAT job and is not very expensive (especially compared to how many takes I require). I would definitely recommend going this route if you can.