Step by Step Slides, View Mode Steps, Blurry During Action, Crisp When Still

I am using Articulate Storyline 360 version 3.23.17522.0
I have a course with several screen recordings. I've inserted these into the project as View Mode Steps. On some of the slides I've added audio or created arrows pointing to controls on the screen. Everything is nice an crisp until the Screen Recording Action begins. Then it blurs. When the Screen Recording Action ends, the screen capture returns to crisp.

In Chrome and I.E. , this blur is not that noticeable. In Edge the blur is so bad that you can't make out what is on the screen.

I would like to eliminate the blur entirely but I'm mostly curious about what is going on with Edge.


Any ideas?

8 Replies
Katie (Gokhshteyn) Riggio

Sorry you've come across this issue, Rachael. I'd love to help!

Your description sounds similar to a bug we're currently investigating in Storyline 360. In step-by-step screen recording slides, the recording appears blurry until the mouse click. After the mouse click, the screen looks sharp again.

With your permission, I'd like to test your .story file to determine if it's related to this. If that works for you, click here to share the file privately with me. I'll let you know my findings, and will delete it after troubleshooting.

Crystal Horn

Thanks for adding your voice, Ina. We have this behavior reported as well: Screen recordings appear blurry in Storyline 360's video output. I'll add this discussion so we can notify you here with any updates.

Perhaps we can consider a workaround. Let me grab some details from you:

  • Are you using your screen recording as step-by-step slides or as a video on a single slide?
  • Do you have other slide content besides the screen recording?
Ina Draijer

Hi Crystal,

thanks for chiming in.

To answer your questions:

  • I'm using my recording as step-by-step slides.
  • Yes, I've added some shapes and text.

It is possible to do a workaround and simply insert the recording as a video and not as a step-by-step, but I really like the smooth mouse movement the step-by-step adds to the recording. 

 

Crystal Horn

Thanks for the additional context, Ina. You make a fair point about the benefits of step-by-step. In that case, I don't have a workaround other than editing the single video into smaller clips yourself and inserting the clips on each slide. That may be more work than it's worth for you.

I'll keep you posted on the bug!

Ina Draijer

I just found a workaround for my situation!

When inserting a recording as a step by step, each slide has four different elements: the mouse cursor, a rectangle with text, a rectangle highlighting where to click and a recording. 

In my case, the image was crisp when still, but had a noticeable jump when starting the timeline started playing the recording. My solution to that is - just turning the visibility of the recording off. 

It's a really simple solution, but I feel like a genius right now. I'm off recording stuff!

Allison Kozlowski

Hi Ina, 

We are experiencing the same thing with our recordings. The image is clear, but once the movement starts it is blurry. I tested publishing it to Review and it was not blurry there, but you see it loading in between each step, so it's not seamless. 

What do you mean by turning the visibility of the recording off? Hiding it on the timeline? Won't that keep you from seeing the movement at all?

Ina Draijer

Hi Allison,

if you're getting good results in Review, you might want to try publishing to your LMS first and check how it looks there. The Storyline Preview can show quality jumps, but the published version can still be fine.

Yes, I hid the recording in the timeline. As you said, once you hide the recording, you won't be able to see movement like typing. In my case though, all I needed to record was clicking through a software - and in that case, the recording is not really necessary, since it really only shows how the button is clicked. The step by step recording adds a mouse cursor, so if you're aiming to show simply where to click, this might work for you.

I also discovered that I don't have any image quality issues if I record my screen in a 16:9 resolution like 1280x720 or 1600x900. 

I hope this helps! It's interesting to know that you see your step to step loading in Review. I'm publishing my recording as a video, but sometimes I still see the loading screen...