Member Avatar for bueller555

I need to develop training materials and thought that I'd try to include web tutorials/demos to aid in training on a web app. I've looked at at least 5 different "web demo" packages, but none have been able to do the job. The biggest feature that I need is the ability to zoom in on specific sections of the screen then zoom out as we continue. Recording mouse clicks is also useful as well as call out buttons or simply having the ability to place text on the screen. Lots of the videos that I see on Youtube meet my needs, but I have no idea what app they are using. Output format doesn't matter much. It could be video format or flash. I have no preference.

Previous packages that I've used had really bad lag in that by the time the mouse clicks appeared on the screen, the screenshot had already moved on to the next screen. It required too much manual tweaking to get it to work.

Software suggestions are very much appreciated.

  • 3 Contributors
  • 2 Replies
  • 182 Views
  • 3 Weeks Discussion Span
  • Latest Post Latest Post by shannie2010

Dani AI

Generated

For : the simplest path to the smooth, zoomable web demos described in the thread is to separate capture from presentation. Capture a clean, high‑quality recording of the live app (stable resolution and frame rate), then do zooms, callouts and click effects in a timeline editor that supports keyframing. That avoids the “click shows on the wrong frame” lag that comes from relying on on‑the‑fly overlays.

A practical workflow that has worked in production:

  • Record at the target playback resolution (set Windows scaling to 100% so pixels match) and 30–60 fps, using full‑screen capture if possible.
  • Leave short pauses (0.5–1s) before/after each action to create clean edit points.
  • Use a high bitrate or lossless intermediate for the recorded file so zooming doesn’t amplify compression artifacts. Save to a fast disk (SSD) and close background apps to avoid dropped frames.
  • In the editor, add animated zooms with keyframes centered on the cursor or UI focus; apply easing to avoid jarring jumps. Add mouse click visuals and text callouts in post so timing can be nudged to match on‑screen events exactly.

Troubleshooting the lag described in earlier posts:

  • If clicks lag, it’s usually capture CPU/disk bottleneck or display scaling issues — lower capture resolution, enable hardware encoding, or record to a faster drive.
  • Browser animations can desync with recorded input; disabling nonessential CSS/JS animations during capture or recording a simulated step‑through (screen grabs + timeline) gives frame‑accurate playback.
  • If the goal is interactive step‑throughs (not just video), authoring tools that export HTML5 with hotspots are preferable to a pure video workflow.

Relevant points from earlier replies: and pointed toward screen‑record and slideshow approaches; choosing between an editor‑centric recorder (for polished video) and an authoring tool (for interactive tutorials) depends on whether interactivity or pure playback quality is the priority.

Member Avatar for gstdharma

I need to develop training materials and thought that I'd try to include web tutorials/demos to aid in training on a web app. I've looked at at least 5 different "web demo" packages, but none have been able to do the job. The biggest feature that I need is the ability to zoom in on specific sections of the screen then zoom out as we continue. Recording mouse clicks is also useful as well as call out buttons or simply having the ability to place text on the screen. Lots of the videos that I see on Youtube meet my needs, but I have no idea what app they are using. Output format doesn't matter much. It could be video format or flash. I have no preference.

Previous packages that I've used had really bad lag in that by the time the mouse clicks appeared on the screen, the screenshot had already moved on to the next screen. It required too much manual tweaking to get it to work.

Software suggestions are very much appreciated.

==========
Please look around BB FlasBack Express. I know that from FreewareHome.com; under Graphics : Screen Capture.
Or you go to this link :
http://www.bbsoftware.co.uk/BBFlashBackExpress/CompareEditions.aspx?cc=true

Member Avatar for shannie2010

I need to develop training materials and thought that I'd try to include web tutorials/demos to aid in training on a web app. I've looked at at least 5 different "web demo" packages, but none have been able to do the job. The biggest feature that I need is the ability to zoom in on specific sections of the screen then zoom out as we continue. Recording mouse clicks is also useful as well as call out buttons or simply having the ability to place text on the screen. Lots of the videos that I see on Youtube meet my needs, but I have no idea what app they are using. Output format doesn't matter much. It could be video format or flash. I have no preference.

Previous packages that I've used had really bad lag in that by the time the mouse clicks appeared on the screen, the screenshot had already moved on to the next screen. It required too much manual tweaking to get it to work.

Software suggestions are very much appreciated.

Hi I use a very good program as to what you are looking for, it is Photodex Producer I have used it for puting slideshows on my web pages and it is about the best there is and can zoom in as much as you want it to hope this helps. go to http://www.photodex.com

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.