Is there a way of editing the code on one of the files to remove the big play button that appears on the opening screen of a mobile device accessing the html5 file? I've seen threads on how to do it on SL2, but not on SL 360. I can't seem to locate the player_compiled.js (or story_compiled.js) file to even edit it. I'm using SL 360 publish to Web with HTML5 only content option. When the published file gets uploaded to mobile iOS device, the opening screen is always the Play button (see image below). And yes, I know that editing published files is not supported by Articulate.

This worked for me:search in app.min.js for MobileStartOverlay:function() Right after the text that reads var c=a("polyfills/detection"); type this: setTimeout(this.onStart, 1); The final line should look something like this: ... MobileStartOverlay:function(){var c=a("polyfills/detection");setTimeout(this.onStart, 1);return b.createElement ...

And I'm just going to keep saying this until someone at Articulate listens/understands: A "play" button at the beginning of Storyline content is only necessary when there is content that might autoplay (e.g., audio or video) at the beginning. If Articulate can't figure out how to intelligently detect that, the author should be allowed to set whether or not a play button appears. For example, if I have a drag-and-drop exercise that I create in Storyline, there is no reason at all for mobile users to first click a confusing "Play" button to begin dragging the objects. The dragging itself (or the selection of a multiple choice option or the clicking on a hotspot or...) IS the user interaction. You do not need to create a perfunctory or substitute user interaction (the play button) to indicate the user's willingness to begin the real user interaction. H5P content is a great example of this. Most H5P content types work brilliantly across mobile devices and browsers without the need for a play button to launch or activate them. And it's not just about styling that play button -- it's about displaying it only when it is absolutely necessary. For a great deal of content, it is not necessary (and is, in fact, confusing and cumbersome for the end user).

Hi Aurélien, There is a fix for this. We also have the same problem and we agree with you about the look. The Fix we use is for Storyline 360 Scorm. So i dont know if this is going to work for you. Edit scorm output: Storyline output\html5\lib\scripts\app.min.js In app.min.js search for MobileStartOverlay:function(){var i=e("polyfills/detection"); Edit this: setTimeout(this.onStart, 1); MobileStartOverlay:function(){var i=e("polyfills/detection");setTimeout(this.onStart, 1);return t.createElement Hope this can help you. Greets, J

Do you plan to offer the possibility to edit this starting page? I understand the necessity of creating a play button on mobile devices (which require user interaction) but the fact is that this display is the first contact with the learner, and this is not really attractive (in our user tests, many users were thinking it was a bug). Intergated in Rise, it's even more awful... Thank you

I understand the need for the play button at the beginning of a Storyline module, but on mobile devices why do we need it if the module doesn't have any audio or video on the first slide?Why you don't give us at least the option to customize the black screen with the play button (that looks more like a mistake). It really looks out of place and not professional. Please make this a priority. Thank you.

Remove play button on html5 opening screen in Storyline 360

LeslieMcKerchie
Staff
8 years ago
Glad to hear it Nicolas :) Thanks for popping in with an update.
KennethgGoeiema
Community Member
7 years ago
well this works.... but the audio is totally off ...not synced to slide timing.
JensScharf
Community Member
7 years ago
Is there a solution here? In the test environment in the browser playing the sound, but on the device (iPad or Nexus) does not work. Does something have to be loaded before triggering onStart?
AshleyT-Pollard
Staff
7 years ago
Hi Jens,

This discussion is just a bit older. Are you using the code above to play audio? If so, I'll have to rely on the community for help!

If you have audio inserted on your slides that isn't playing on your mobile devices, can you share a bit more about your course?

What version of Storyline are you using?

What iOS version or Android Version?

Where are you hosting/testing the published output?
- JensScharf
  Community Member
  7 years ago
  Hi Ashley,
  
  thanks for the feedback.
  
  My Environment:
  
  - Storyline 360 v3.15.15581.0
  - iOS 11.3 with Safari and Android 7.1. with Chrome
  - Server Apache
  - client Firefox 59.0.3
  
  When I call the application on the devices with the start button, it
  plays the audio. If I call up the custom script page as described above,
  there will be no sound.
  If I call the adapted script with the Firefox from the server, the
  soundtrack will also be played.
  I also tried it with Firefox on the iPad, it's the same behavior.
  
  Why?
  
  Mit freundlichen Grüßen aus Lindau
  
  Jens Scharf
  Technische Dokumentation
AshleyT-Pollard
Staff
7 years ago
Hi Jens,

The custom script above to remove the play button isn't something I can help with.

But it's worth noting that browsers like Safari and Chrome have started to block the autoplay of media by default, so that play button has been even more instrumental in ensuring that the user is interacting with the content and would like the audio to play.

I have to imagine the changes in autoplay are likely impacting the previously created script too.
- JensScharf
  Community Member
  7 years ago
  Hi Ashley,
  
  okay, bad news.
  
  It would be good if you could customize this start screen with the
  button, so harmoniously fits into the presentation. So that I can define
  my own wallpapers and click areas, etc., because that's how I end up on
  the start button and then on my own start screen on which I have to
  press start again.
  
  Mit freundlichen Grüßen aus Lindau
  
  Jens Scharf
  Technische Dokumentation
JHoog
Community Member
7 years ago
Agree I would like to see this aswell. You cannot give it the look of the presentation
I would like to see some more options
AshleyT-Pollard
Staff
7 years ago
Hi Jens and J,

Thanks for that additional feedback. I also wanted to let you know that Chrome has rolled back (temporarily) some of the autoplay changes with audio only. You can read about that here, so it'll give you a bit of breathing room while you update your courses with audio on the first slide.
ColleenLiley
Community Member
7 years ago
With the new Modern Player, I don't get the HTML5 play button on the opening screen IF the course does not contain audio or video. However, if the course contains audio or video ANYWHERE in the course, the play button appears on the opening screen. We don't use any audio or video on our opening screens so we don't want the button... The Modern Player's javascript must be testing for media somewhere, any ideas where? I'd really like that button to go away!
AlyssaGomez
Staff
7 years ago
Hi Colleen,

Thanks for chiming in! Do you have an example link you can share? I haven't seen the Play button appear on the first slide if there's no audio or video on that first slide.

Also, here's a quick sample I put together. Do you see the Play button when you test this link in Chrome?
ColleenLiley
Community Member
7 years ago
Sorry I didn't clarify. This happens on iPads. Attached are examples. . I understand this button can be necessary if there is autoplay video on the first slide since iOS blocks autoplay. But if there isn't any autoplay its just added clicks.