Sep 21, 2017
Every once in a while I need to add a slide pointing out a feature of the player, such as Resources or the Menu. Since these are displayed differently on laptop/desktop and on mobile, the instructions for how to find these features differs based on where the course was launched.
I usually set up a pre-instructions slide asking if the user is viewing on desktop/laptop or on mobile/tablet. They click one of the two options and a new layer displays the appropriate instructions. This setup generally works fine, but it does require input from the user.
Has anyone ever written some JS code to do this detection? I know that Storyline already detects the mobile vs laptop/desktop distinction to determine whether to launch the Mobile player (done in the story.html file), so I would assume there's a way to tap into that functionality, but my JS knowledge is far too limited.