Storyline 1: HTML5 Content Is Slow or Doesn't Work in Mobile Safari

Article Last Updated

This article applies to:

Articulate Storyline 1 HTML5 output is supported on iPads/iPhones running iOS 5 or later. However, the mobile Safari browser has inherent limitations that impact how multimedia operates and the overall performance of HTML5 content.

Limitations

Due to mobile Safari's limitations, your content may not work as authored. For example, users may need to click a button to play media (audio and video may not play automatically). And only one media file may play at a time.

Also, performance of HTML5 content on an iPad/iPhone will be affected by mobile Safari's limited resource allocation. The responsiveness of the content in mobile Safari will generally be slower than desktop browsers. Some courses may not play properly and may even cause mobile Safari to close unexpectedly.

The iPad/iPhone version that you're using can also impact mobile Safari's performance. Older models have less memory, which means your HTML5 content may be slower to respond. For reference, here are the iPad/iPhone memory specs:

iPad ProiPadiPad MiniiPhone
iPad Pro 1: 4 GBiPad 6: 2 GB
iPad 5: 1 GB
iPad 4: 1 GB
iPad 3: 1 GB
iPad 2: 512 MB
iPad 1: 256 MB
iPad Mini 4: 2 GB
iPad Mini 3: 1 GB
iPad Mini 2: 1 GB
iPad Mini 1: 512 MB
iPhone 6S Plus: 2 GB
iPhone 6S: 2 GB
iPhone 6 Plus: 1 GB
iPhone 6: 1 GB
iPhone 5S: 1 GB
iPhone 5C: 1 GB
iPhone 5: 1 GB
iPhone 4S: 512 MB
iPhone 4: 512 MB

Recommendations

We can't guarantee that every course will work as designed in mobile Safari due to its current memory limitations. To provide the best possible experience for iPad users, we recommend including output for the Articulate Mobile Player. You can even track learners' results in an LMS via the Articulate Mobile Player by publishing for Tin Can API.

However, if you need to deploy HTML5 content, first test it thoroughly in mobile Safari to determine if it works as expected. And if your users have different generations of iPads/iPhones, be sure to test each model (due to the memory variations noted above).

We also recommend testing HTML5 content in the Google Chrome desktop browser—which provides the best HTML5 support—to establish the baseline performance of your content. Then compare your Google Chrome experience with mobile Safari. Depending on the results, you may need to adjust the design of your course to achieve better performance in mobile Safari.

While newer models will provide better performance because they have more memory, you may also be able to improve performance by updating the iOS software on your iPad/iPhone to the latest version.

Make sure your Storyline software is up-to-date in order to take advantage of all the latest enhancements and fixes. Download the latest release of Storyline from the link provided in your product activation email. Or, download the latest installer here.

See also: