Web Mobile Player
Nov 07, 2018
Hi there,
SL3 developper here. Clients want mobile walkthrough(tablettes). Didn't like the look and feel of AMP and the fact that people needs to download an app. Want to stay web. Want it fullscreen, scalable with no default player at all.
Is this possible? Isn't there an option to make that player transparent like in SL2. Want to create from scratch a player that will have the look and feel of my client's corporate image?
Cheers!
6 Replies
Hey Rich,
Thanks for reaching out and sharing your questions. Let's see if I can help you off in the right direction.
With Storyline 3's improved HTML5 output and responsive player, your learners should have a great viewing experience on mobile devices without the need for the Articulate Mobile Player. You can read more about publishing to mobile devices here.
As for a chromeless player, yes, you should still be able to accomplish that as well. Check out this article to get started.
Good day Leslie,
I've followed instructions and we still see this darken player with the hamburger menu on the right. Since everything is turned off, why is this bar still showing? I am doing something wrong?
Can we get ride of this player? Want to control my UX/UI entirely.
Hi Rich,
I do not see that behavior in my testing.
Did you turn off all the items in the Player Features?
Would you be able to share your .story file so that I can take a closer look?
Hi Leslie,
Find attached 2 pics. I finally got rid of the Hamburger menu.
3 problems left;
The player has been set to "Display at current..." with "Scale to fit..." and another one set to "Resize to optimal..." with "Scale to fit..." . Same result.
Is there something to do in the player.js in order to apply a permanent fix for background and align?
The idea here is to save time. The more I can do by myself, in SL3, the more efficient I am.
Thank you for your time.
Hi Rich,
Thanks for those images!
The play button is expected at launch, based on changes Safari (and Chrome) have implemented around autoplay of content. I've seen a few community ideas on how to remove it, but that's not something I can help with and I'm not sure of the validity of any of those methods either.
For the white right side and the black border, do you know if your course is sitting inside an iFrame within Moodle? That could change how it's centered and scaled. An easy way to test is how does the course look on a standard web server (Amazon S3 or Tempshare are good options to test) or within another LMS environment, such as SCORM Cloud. If it looks as you'd expect in any of those environments that'll help you narrow down what changes you need to make for it to display as expected.
Any editing of the Javascript files are well above my head, so I'll leave it to our community of experts!
Anyone available to share their Javascript knowledge with Rich? 💡
Thank you Ashley for your time,
We lost the bet anyway. The pc version was great, the mobile would've needed more time to tweak which we didn't have.
This discussion is closed. You can start a new discussion or contact Articulate Support.