Storysize and Screenrecording size

Never mind.. lol..

I found it

Sorry for the delay, Donna! I'm happy to hear you were able to get this working, though

Hi Donna, I ran across this same question with the Try Mode last month but we couldn't find a resolution to the issue.  Curious how you were able to get this working?

Thanks!

Hi Brian,

Sorry for the late reply.. didn't think to check back till today. Anyways, here it goes..

Initial Setup

1. I adjusted the storysize to 16:9 default that comes with Storyline (720x4050)

2. Captured the screenrecording following 16:9 aspect ratio as well (1280x720)

***

3. Insert the slides as "Try Mode". As expected, it will fill the whole slide.

***

4. I Adjusted the storysize again.. still following 16:9 ratio (1024x576) then adjusted all other settings.. see screenshot

 - Lock Aspect Ratio (Checked)

- Choose Fill Background (since the storysize is larger)

- Then just choose the position (I picked Top Right)

So I ended up with this Layout. - - - This is the Slide View but as you can see the screencapture try mode is where I want it to be.. WOOT!  (I'm still working on the actual look and feel but I'm happy that we can do this in storyline!)

NOTES: You have to do trial and error when it comes to the resolution you want it to be customized to.. I learned that when you change your mind and say.. you want to shrink the size again - the actual video shrinks with it!!!  To address this, you have to crop so that the video size will stay at its current size and you're really just adjusting the actual project size (I hope that makes sense). See screenshot.

After you click Next.. if will give the option to drag and figure out the positioning. This way.. there will be no changes with your image size or video size.. etc.

 Hope this helps!

Try it out!

Donna

Of course there's an error.. in the SCREENSHOT for the 16:9 it shows 768x576 .. follow the bullet points.. I used 1024x576 - I used a different project to pull up the screenshots. FYI.

Just let me know if there are questions or clarifications.

Donna

Oh.. For the Slide View screenshot - I added those extra hotspots there because I have customized feedback for each button they click wrong (Yep.. it's tedious!!!)

Agreed, it is very cool that we can do this with Storyline, and can do it using step by step modes.  Thank you very much for sharing your process here Donna!

Hi!

Once a screen recording is on a slide is there any way to move it up so I can use the space below for cc? I don't want white space above the image. I want to move the whole screen recording to the top.

I have attached an image. Take a look and let me know what you find!

Hello Metta,

The only thing that comes to mind is to re-insert your video files but before you do so, adjust the story to the appropriate size. The tricky part about all this is you have to really know before hand the resolutions you will be working with.

Resolution of the video vs Resolution/size of the Storyline project.

1. Figure out at what resolution you captured your screenrecordings.

2. Adjust the storysize to increase the width so you can use the bottom for CC.

3. When you adjust the storysize, set to Fill Background and choose Top Center (see the screenshots provided above)

Hope this helps,

Donna

I am having the toughest time trying to figure out the story size, the recording resolution, and the Browser settings in the player. I'm trying to capture a wide SAP application, want to have a section for added content, and want to minimize the need to scroll but also keep the try it size large enogh for the user to be able to read the fields. Any helpful tips? I'm frustrated.

Hi Tricia, 

I'd suggest you draw out some boxes on a slide (I like using a master slide) to figure out how you're going to use your screen real estate. Here's my suggestion: 

1 - Figure out the screen resolution of your users, e.g. 1920x1080

2 - Figure out the minimum resolution required size for your SAP screens, e.g. 1024x768

3 - Subtract each dimension to find out what you're left to work with. E.g. horizontal: 1920-1024=896 pixels. vertical: 1080-768=312 pixels. 

4 - Draw out your frames on the screen to figure out a workable layout. 

Hi Tricia,

It looks like David has helped you out here, but if you need anything else please let us know! Welcome to Heroes, David! 

Is there no way to change the default to insert a video at one of the preset locations (top center, bottom center, etc.) rather than just the middle center?

If I understand this correctly, I'll have to record all my simulations first, insert then, resize my story, then build my navigation and course content around it. The chance of that running smoothly and not requiring me to start over with a new project regularly is slim.

Does anyone have best practices to deal with this issue? Or am I not aware of a feature that would let me set the default location of an inserted video?

Hi Sherrie,

There isn't a setting to change the location of a video when inserted, unless you using a slide master with a placeholder for media. I'm unsure from your post though if you're inserting a standard video or a screen recording created within Storyline. A regular video would allow for the placeholder method, where as the screen recording video will be automatically inserted once you've completed (either as video on a single slide or as step by step, the latter which will actually become part of your background). If you record your screen using Storyline's screen recording feature at a smaller size than your overall story size you would see it appear in the middle with no need to adjust the story size after the fact.

I was referring to the Storyline screen recordings. I want them to be located at the top of my slide, leaving room for directions or steps at the bottom. But it always locates in the center which, in the case of my training modules, will never work. I've submitted a feature request to allow us to determine the placement.

If anyone has a best practice for managing a project that includes the view, try, test features of the Storyline screen recording located somewhere other than the default center, I would love to hear about it.

Thanks

I had a slightly different situation, but along the same idea of resizing. I recorded a step-by-step video as a Show Me using the standard 720 size in Storyline. However, I had previously set my background size to that which is recommended for most players. So I ended up with a video that resides in the center of the background template. What to do?

Tried zooming, but with 50+ slides that's not going to work as the zoom function will provide a noticeable jump as the learner progresses through the slide. So I read through the posts here and thought, what if I simply resized the story using crop, assessed the size that worked for me (took me two tries, a little lucky there), and selected Resize All Slides.

Normal 0 false false false oNotPromoteQF /> EN-US X-NONE X-NONE /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin-top:0in; mso-para-margin-right:0in; mso-para-margin-bottom:10.0pt; mso-para-margin-left:0in; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin;}

Voilà, I now have a video that fits the entire background. To resize back to my original coordinates I simply Custom > resize > Scale to Fit and my video fills the screen.

Hope this helps someone.

Thanks Joe for sharing your ideas and workaround here! 

Hi Donna,
Actually i have question, if i take the screenrecording with resolution 1280x720,can i adjust the size when i put to try mode slide?because, when i take the video with resolution what i want, after done. I send the video to my manager, the resolution is not same with what i'm record on my laptop