You’re ready to create an iPhone app promo video for your upcoming app? Or maybe you’d like to display a video inside an iPhone on your app website? Sometimes the only way to show how your app works is to actually record what’s going on and capture the iPhone screen as a video. You can then use the video as it is or go further and showcase it in an animated video to give a feeling of “real-life” usage.
Althought it might get a little technical, I feel like this info is all spread up everywhere as new solutions were created and I believe it’s a good idea to do a wrap-up. So here are a few ways to do it.
Option 1: Using the iPhone or iPad simulator on your Mac
The most known (maybe because it was the first one) way to do a screencast of an app is probably to use the iPhone/iPad simulator on your Mac, while recording your screen with a tool like ScreenFlow, Camtasia Studio, iShowU, or Jing.
That way, you can either record your whole screen or a specific screen region (the inside of the iPhone or iPad for example). Using a tool like SimFinger, you can add a little nub on top of the video to show where the “taps” on the screen are made. It also allows you to display fake apps on the home screen along yours, a new carrier text and adds a shine to the iPhone. SimFinger seems to have been updated for the iPhone 4.
Option 2: Record directly from your iPhone or iPad
This one will require you to jailbreak your iPhone. By downloading a paid app ($4.99) called “Display Recorder” on Cydia, you can easily record your device’s screen. Several options allow you to define the video/audio format (cannot record system audio), the framerate (on a scale, you can’t actually choose which framerate you’re using) , whether to show “taps” (a circle that highlights where the taps are done) or if the phone is used in portrait or landscape mode.
Once the video of your app is recorded you can either upload it directly to YouTube or access it via an IP address if your device and computer are connected to the same WIFI network.
The quality depends on the mobile device resolution and I assume on how fast the device is (for better framerate). With display recorder you can capture iPhone and iPad screen videos with a pretty good quality. However, it can lag especially for games.
Here are a few examples of iPhone and iPad video captures from Display Recorder :
Last but not least, you can mirror your iPhone or iPad screen on your Mac or PC desktop by downloading the Reflector app ($12.99 or $54.99 depending on the license). It works wirelessly : no cable, no jailbreaking your device. And it captures audio too.
You will need to have an iPad 2, iPad 3 or iPhone 4S and the good thing is you can record directly from the Reflector app. Make sure you adjust the settings for the device you’re using (iPhone/iPad).
The people behind the Reflector app told me that it should record at the same quality you’re mirroring at. The frame rate might not be as good as using and HDMI card (probably won’t be enough for a game or an app using a lot of resources), but it is a way cheaper.
The Reflector app for Mac is more advanced than the one for PC, but both work well if your computer is fast enough.
As you can see, there are many ways of recording an iPhone or iPad screen video (and man, that was a long post!). Now you just have to choose one based on your needs and the quality you need…And your budget, of course.
You might also be interested in checking out these tips on how and where you can use your video to promote your app.
And if you need an affordable and professional-looking promo video for your app, we’d be happy to discuss it and produce one for you. We spend hours and days making sure we create videos using the best screencasts possible (we use HDMI) for iPhone, iPad or Android Smartphones. Check out the example below for iPad.
What is your favorite way of doing an iPhone or iPad screencast? We spent some serious time on researching the subject to be as thorough as possible, so don’t hesitate to leave us a comment if we forgot anything!