Published Project Story HTML

Hello all,

Hopefully someone can assist me with this issue.

I've completed creating a module and approximately, 90% of the project is screen recordings. I published the entire project and wanted to view it in "story.html". However, when I'm viewing it in "story.html" the entire screen shifted and it's not aligned (see below).  

This is how it's suppose to look (see below).

 

Is there a way to fix this issue?

Thank you,

Kaye-lani

 

28 Replies
Ashley Terwilliger

Hi Kaye-lani,

Where are you viewing the content? Did you publish and put on your web server or LMS, or as Ron mentioned are you viewing it locally? We always recommend testing the content in the intended publish environment and using a supported browser.  (Those articles are for Storyline 2) 

If you have uploaded it and are still running into the odd shifting, could we take a look at your .story file? 

Kaye-lani Brissett

Hi Ashley,

I am viewing the content on my local drive on the web. Before I published via LMS and went into the folder and found the "story.html" file and view there. I also published via Web and did the same thing without using the FTP option). However, the problem still remains the same.

 I currently don't have access to the intended publish environment that will house the module. Do you think it's best to publish on there even though it's temporary and want limited/specific people (3) to view it? 

I will talk to the articulate experts here at my job to see if I can temporary house the draft module on iLearn (our publishing environment). 

If I still run into the same problem, with the screen recordings shifting and not aligning with the screen, what are the next steps I can take?

Thank you,

Kaye-lani

Kaye-lani Brissett

Hi Ashley,

I've uploaded the content onto the intended publish environment where the module will be housed for viewing.

I am still running into the same problem with the module shifting. I am unsure which .story file I'm suppose to attach for you to view it, however I am going to attach one.

Kaye-lani Brissett

Hi Leslie,

Thank you for taking the time out to look at the file for me. 

The first couple of slides are good, however once you start the screen recordings (after the summaries of the events) there are some screens that shift. But when you view the entire project in .story that doesn't happen, once it is published the some of the screen looks like this. 

I am still experiencing the issue even when I view the published content you have provided (these screenshots are from the Diabetes Support Group).

Hope this makes sense. 

Thank you,

Kaye-lani

Leslie McKerchie

Ah, I understand Kaye-lani. I didn't watch far enough. I'm not sure what size your screen recordings were done in, but I think it may be moreso to do with your Story Size. It looks like you've recorded your screens in 16:9 widescreen format, but your story is set to 4:3 so you are missing some slide content.

You have options to change some player and browser sizing as well, which you can read about here, but I think the above will help you most.

Kaye-lani Brissett

Good evening Leslie,

I believe I have found the issue. I noticed that on some of the slides I have the zoom region feature, which are the ones that are shifting. The slides without the zoom region feature are working just fine. 

The reason why I have the zoom region feature on the slides is because the font is too small for the trainee to see and/or they won't be able to view the module clearly.

Anyway you may point me to the right resource and/or have advice with this issue. 

Thank you,

Kaye-lani

Ashley Terwilliger

Hi Kaye-lani,

I took a look at your course, and saw the same behavior that zooming in while viewing the HTML5 output causes things to go off center. I'll share that with my team as a possible bug, and in the meantime you could look at viewing the flash output (look for the URL to end with story.html).

From here, I’ll meet with my team to take a closer look so we can determine next steps. 

Depending on priority and risk, some bugs can be fixed quickly, while others take longer to resolve. Here's more information on how we identify and tackle bugs.

I’ll let you know as soon as we have an update on this issue. Thanks so much again for letting us know about this, and I’m sorry if it’s slowing you down.

Kaye-lani Brissett

Hi Ashley,

I appreciate you getting back to me. For the Zoom Region, I made sure I unchecked the Show Until End on each slide in the timeline panel.

To test it, I published the course and viewed in "story.html" format and i also viewed it in "story_html5.html.

Maybe I have the browser setting incorrectly set. If you don't mind me asking, what are the browser settings?

I have mine set at Browser Size: Resize browser to fill screen, Player Size: lock player at optimal size.

 

Ashley Terwilliger

Hi Kaye-lani, 

It worked for me in a new file I tested, and I took a look at your course here and uploaded it to SCORM Cloud. Can you test this one for me?  

Testing it locally is not something we'd recommend as it can cause odd course behavior especially issues with security restrictions. When you were viewing the story.html file - did the URL still end in story.html or story_html5.html? The latter would be the HTML5 output. 

Kaye-lani Brissett

Hi Ashley,

I have tested it out, majority of the slides worked :-) . Some slides still shift. Do you mind letting me know what you have done to fix majority of the slides, so I can replicate on my end. Thank you so much.

The file I sent yesterday is that the file you have uploaded via SCORM Cloud? 

Again, thank you. I am getting somewhere with this. :-)