web object with canvas works in flash output but fails in html5

May 06, 2013

I am trying to implement some kind of electronic signature at the end of a Storyline course. To do this, I am using an HTML5 canvas with functions which capture the drawing of the signature of the learner.

I have attached a ZIP file so you can see what I mean:

  • Upload and unzip this file locally
  • run the "sampleMobileSignature.html" on your local browser
  • click on "record"
  • start to draw your signature
  • click on "stop"
  • click on "play" to see the redraw of the signature

So, you should see that the HTML page works fine.

Then:

  • I rename "sampleMobileSignature.html" into "index.html"
  • I create a Web Object in a Storyline slide, and make it point to the local folder which contains this file
  • I publish as SCORM 2004 output

When I test on my computer with Flash Player installed, either locally or on our LMS, everything works like a charm. You can test on your own from our LMS by clicking here. Sorry with the french labels, but you should manage to go to the second slide and proceed with the drawing of the signature.

But when I test locally the HTML5 output, by clicking on "story_html5.html", or when I test on an iPad, the Web Object does not show, there is a black square which appears and disappears in a blink of an eye.

So the bug seems really related to the fact that a Web Object with a canvas is not displaying on the Storyline HTML5 output.

Please provide any guidance to solve this. Our ability to embed electronic signature on tablets would be great for the project we are working on, and for all Storyline projects in general.

13 Replies
Eric Malalel

yes, and you should be able to draw a signature (or anything you want) in the blue box, isnt' it?

you run it online from amazon cloud and using Safari.

we run it locally on our own offline scorm player. maybe it's because we run it locally or it comes from our offline scorm player.

can you download your sample on an iPad and run it with articulate player? I will do the same on my side with my content and will let you know.

Gerry Wasiluk

Worked live in the Articulate Mobile Player (AMP) or downloaded to AMP, though , though after pressing the [Record] button never got beyond the ensuing [Stop] button that came up--is it supposed to be something different?

Also, the web object got re-sized smaller--think that's a known issue.

Had to take a pix with my camera since the usual way of capturing screens with an iPad must not work with AMP on the screen:

Eric Malalel

thanks for your feedback. I made the same test with my content, it works fine through AMP when seen online, but not when downloaded and seen offline (true offline with wifi off).

here is my link so you can test on your own and see what happens:

http://www.lynxonline.com/lynx-folder/quiz/story.html

also, can you give me the link to your content so I can check either. maybe I did something wrong when defining the web object.

Eric Malalel

Hi Gerry,

I have downloaded your story project. I looked at it, the web object is same as mine but the player is different. I published it on the web at:

http://www.lynxonline.com/lynx-folder/test-sig/story.html

When I run it on AMP online, it works fine. When I run it on AMP offine (Wifi off), it fails.

Can you check again on your side, or just give me the link to your content that works offline, so I can also download it on my iPad.

Also, did you publish as Web or as LMS output?

Eric Malalel

Hi Gerry,

I post your published output on my web site, run it on AMP online and then offline and... yes, everything works fine!

I am using Storyline update 2 1212 1412, and when I check for updates, there is no update available.

Do you use a more recent release, maybe a beta of update 3? Is it possible to get it? I have a demo planned on may 16 for a huge project, and the ability to demo this offline could make the difference.

For your information, we are one of your authorized resellers in France, you can check with Don if needed.

Doug R

Hi,

I'm curious if this partial solution above (Gerry's output files using an undisclosed special version of SL) can be considered accessible to all of us now with Update 3?  

It appears that might be the case, as I just used the story file Gerry attached above to publish to html5, and the html5 web object works fine in FF, Chrome, and IE9 on my notebook. 

Also, since I don't have an ipad... does anyone know if ipad now works with this as well, on both html5 via ipad browser or via AMP?

Thanks,

Doug

Ashley Terwilliger-Pollard

Hi  Doug,

I suspect Gerry was using a beta version of update 3, as that was release in May 2013. I don't know if Gerry and Eric are still subscribed to this thread, but you may want to PM them to see if they've noticed any changes or problems with it still working in the iPad as Eric mentioned it working in his iPad within the AMP. 

This discussion is closed. You can start a new discussion or contact Articulate Support.