Storyline content on Android phone with HTML5-capable browser

May 07, 2012

I tried to run Storyline content as HTML5 on an Android phone, it actually worked! See attached screen. Obviously, the playerbar controls are way too small for that screen size, but all the triggers, audio, animation, etc. behaved just like on an iPad. It would be nice to have a template/playerbar set with larger, 'floating' buttons, like the movie player controls on an iPhone.

36 Replies

hasan topkaraoğlu

almost 9 years ago06/29/15 at 10:03 am (UTC)

It doesn't display the content central to the screen. smart phones and ipad...

I run in to the problem after upgrading Update 5—Build 1505.515 and whatever I have tried doesn't work

anyone can help me about this problem...

hasan topkaraoğlu

almost 9 years ago06/29/15 at 10:08 am (UTC)

I reverse my phone, the poject I made in storyline was displaying fullscreen on my phone.

Ashley Terwilliger-Pollard
Staff

almost 9 years ago06/29/15 at 3:54 pm (UTC)

Hi Hasan,

As you can see this thread is a bit older, adn we'd first want to confirm that you're publishing for HTML5 or the mobile player as described here and then if accessing on an Android device using one of the supported browsers detailed in this article.

If you're still having difficulty could you share a copy of your .story file here with us and let us know how/where you're testing? Also any screenshots of what you're seeing vs. what you'd like to see would be helpful in determining what behavior is occurring.

Jill Freeman

almost 9 years ago06/29/15 at 4:27 pm (UTC)

I think I know what Hasan is talking about. Several years ago I had an issue that I contacted Articulate about where the display was off-centered on the Android screen. I'm pretty sure there is a fix but I do not recall what it is! I'll keep digging...

Jill Freeman

almost 9 years ago06/29/15 at 4:35 pm (UTC)

I found this from 3 years ago:

Hi, I am currently developing for phones and tablets (HTML5). To ensure proper display on Androids, I have inserted code into the story.html file as indicated in a previous post by Dean Saunders at eCreators (http://community.articulate.com/forums/p/12333/89335.aspx#89335 ). The code adjusts the screen dimensions using a variable (I think.) Without the code, the full player did not display on the screen - it was cut off.

Ashley Terwilliger-Pollard
Staff

almost 9 years ago06/29/15 at 5:20 pm (UTC)

Hi Jill,

3 years ago we didn't offer support for android so that was likely for storyline 1 and therefore a modification of the published output. Thanks for finding and sharing with folks here though

almost 9 years ago06/29/15 at 10:41 pm (UTC)

That s my problem I have downloaded Latest Version: Articulate Storyline 2 ( Update 5 - Build 1505.515) and I run into this problem.

When I have checked MY DEMO I saw that The display was off-centered on the Android screen and Apple - iOS screen

Everything is working perfectly in the previous version.

I added some pictures maybe helps you to understand the problem

THANK YOU YOUR ATTENTION

BEST RAGARDS AND GOOD WORK...

http://scilang.org/?page_id=4527

Screenshot_2015-06-30-01-00-39.png

almost 9 years ago06/29/15 at 10:49 pm (UTC)

hasan topkaraoğlu

That s my problem I have downloaded Latest Version: Articulate Storyline 2 ( Update 5 - Build 1505.515) and I run into this problem.

When I have checked MY DEMO I saw that The display was off-centered on the Android screen and Apple - iOS screen

Everything is working perfectly in the previous version.

I added some pictures maybe helps you to understand the problem

THANK YOU YOUR ATTENTION

BEST RAGARDS AND GOOD WORK...

http://scilang.org/?page_id=4527

This doesn't seem to be a problem with Storyline but with the iframe you use to display the content. If I run http://www.scilang.org/Storyline/Untitled1 - Storyline output/story_html5.html directly (OUTSIDE of the iframe), the content is aligned properly on my Android device.