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
Hi!
Is this what you are supposed to see?
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.
One thing I did. I made sure the web object did not cover the entire slide. There are sometimes issues with web objects that cover the entire slide in the HTML5 version.
There may be another factor but can't say more due to NDA.
Let me try AMP now and download it.
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:
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.
No problem.
Pretty simple story file.
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?
I also published your project as HTML only:
http://www.lynxonline.com/lynx-folder/test-sig-web/story.html
Once again, works fine on AMP online but fails on AMP offline.
Hi, Eric!
I just published to web.
I've attached the published output.
I'm using a different version of SL than you. Could be a factor. Can't say more due to NDA.
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.
Hi Gerry,
Any feedback on the way to get your Storyline release would be appreciated, since it solves the bug and my demo is scheduled on Thursday.
I can also send you my Storyline project, and then you may publish it using your Storyline release and send me back the published output.
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
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.