3 easy ways to produce software demos with CueCam

CueCam is perfect for producing software demos—whether you're recording ahead of time or presenting live on a call.
Today I'll walk you through three powerful ways to create software demonstrations using CueCam:
  1. Sharing browser-based or desktop applications
  2. Sharing iOS mobile apps
  3. Pre-recording interactions and splitting videos
We'll finish with a pro tip to help you tighten up your demos even further.

How CueCam Works

CueCam uses a card-based approach to help you script and present your demo in a flexible, powerful way.
Each card represents a share (such as a screen, camera, or video), with simple layout options and the ability to zoom and pan. You can overlay text, graphics, and images to build up a compelling presentation.

Way 1: Share Web Applications

If you're demoing a web app in a browser, CueCam makes it easy:
  1. Add a Website card to share your default browser.
  2. The card will pop up a URL bar—just paste in the link you want to show.
    • Tip: Copy the full URL from your browser’s address bar (including parameters).
  3. Set up different browser profiles (e.g. in Chrome or Arc) to demonstrate different user roles.
  4. Use CueCam’s keystroke triggers to switch profiles mid-demo (e.g. Ctrl+1, Ctrl+2 in Arc).
  5. Write Teleprompter Notes for each card—these will guide your delivery and help shape the pacing of your demo.
  6. Get the crop just right for the browser window—zoom into the area you want to focus on. By cropping in, you’ll be able to see  your teleprompter notes right under your browser window.
  7. Use the 'Save Zoom for [Arc]' dropdown to save the default crop for future cards.save-zoom
  8. Run your presentation by pressing Record, or if you’re presenting live, make sure you have CueCam’s virtual camera selected in Zoom or Teams, then press Present in CueCam. Audio will be captured automatically when recording. If you're presenting live in Zoom or Teams, make sure to set your mic input to CueCam Audio so your narration is included. In Zoom, also enable Original Sound for Musicians to preserve full-quality audio.
  9. When you’re sharing your browser with picture-in-picture, you’ll be able to see exactly where you are so you don’t accidentally cover anything up.
lightbox
Tip: Enable 4K 60FPS in settings to capture fine detail and smooth interactions.


Way 2: Share iOS Devices

Mobile apps are easy to demo too:
  1. Connect your iOS device to your Mac with a USB cable.
  2. To make the device’s screen share look a little more natural, you can choose device frame (e.g. iPhone 15 Pro) for a polished look. Click your device’s name in the panel in the preview area and choose from the list of frames until you find one that looks right.
  3. Make your teleprompter notes, and duplicating the card to break it up into smaller cue cards
You can record your voice, include a picture-in-picture camera, or present live.
Pro Tip: Use Aside 3D to move your device out of the way while you talk on camera. It looks super cool!
aside-ipad.webp

Way 3: Pre-record Interactions & Split into Cards

Sometimes it's better to record the demo first, then script around it:
  1. Record your screen using the Screenshot app on macOS or via Control Center on iOS.screen-recording
  2. In CueCam, import the video  by dragging it onto a card. Hold the Option/Alt (⌥) key if you want to control the quality of the imported video.
    • Leave in place: Keeps full quality, best if you don’t want to copy a large file into your presentation and know it won’t move (and you won’t be sending the script to someone else).
    • Embed without converting: Embeds the video in your script, retains the resolution and frame rate of the original recording. This gives you more flexibility to crop into different regions
    • Convert (default option): Compact file size, embedded in your script, limited to 1080p.
  3. Add the video to a card, and find your first edit point by scrubbing through the video. You could use the Trim feature but it’s quicker to scrub to the edit point and click “Split”, then delete the previous card. You can split and trim the entire video this way.
  4. On each segment/card, you can:
    • Add narration or PIP camera
    • Adjust playback speed
    • Mute or keep the recorded audio

How to split up the cards

The best place to split a card is when you are about to perform the next interaction. If the user should select a menu option, split the video at the point at which the menu option is highlighted. This gives you an opportunity to focus attention on the relevant part of the user interface, giving you a chance to draw more attention to it via Video Pencil or by zooming in.
In the following example I’m talking about choosing  the “Pop” option.
pop
In the next example I talk about dragging a range (1). I make the video pause just before the drag begins (2), so that the drag will start when I press “next” after saying ”And then I drag it straight into Keynote”.
drag
Here I only had a couple of things to say about an action (1) but the video was over 30s long (2), so I sped up the clip (3).
speed-up
-----

Fixing mistakes

If a take goes wrong a few minutes in, you can save it, mark it (“Mark As Good” in the “Show File” button that appears after you save) and then start a new recording from where you left off.
Then use your editing software to trim and stitch together two or more good segments.

Wrapping Up

CueCam gives you powerful tools to create polished, professional software demos—without complex editing software. You can share your screen, walk through an app, or narrate over a pre-recorded video and, CueCam’s card-based workflow and integrated teleprompter wll help you keep things punchy and to-the-point.
Ready to try it out? Start building your first script and see how much faster and easier demo creation can be.
BETA Download script 3 easy ways to produce software demos with CueCam