The HTML 5 player running straight on an iOS has issues. The other big question is are you using any video? That has its own problems on iOS and you need to be careful how you assemble your program.
Yes, there are videos in the course as well, but they seem to play fine upon resuming the course. Can you point me to another forum post with proper instructions for inserting video for HTML5 and IOS? If not, I can do some searching. Thanks!
I would go ahead and search on it and see what you find.
The video issue I had is this:
1. If you have audio tracks on the same layer as your video there is potential for overlap, especially when scrubbing the Seekbar. I found when you scrub through a slide it doesn't match up with the video playback.
(we had narration followed by video followed by more narration - scrubbing the video took it out of sync with the timeline playback and both ended up playing at the same time) Happened on both iOS and Android systems.
2. On iOS, videos pop up in their own player and are independent of the Articulate timeline. You can launch a video, stop it and select done, and the Articulate timeline keeps playing the track like it thinks its still running. This also led to media overlap. Wasn't sure how to tackle that. We ended up placing ALL videos by themselves without any other media on the layer.
One other thing I noticed - not sure if it happened to you or not - the Articulate player "Play" button on their interface disappeared in the HTML 5 output.
More - If you are using transcripts and have any that are long - be aware that the slider bar sometimes covers up text. Seems to be a programmer issue, they didn't account for the extra space taken up by the slide bar so it hides parts of the text lines beneath it.
No problem - we just went through multiple rounds of testing and discovered a lot. Most of the reviewer issues were related to the audio playback.
Yea - make sure you scrub that Seekbar during testing. Especially if you note that there is narration before and after videos. Here's my full set of notes recently provided to our client:
Program items noted:
- Seekbar (when scrubbed or clicked into position) gets out of sync with video content
- Seekbar occasionally fails to display on Replay; selecting the Play button makes it show up
- Transcript notes display differently than what is formatted (Single hard returns ignored)
- Transcript text gets cut off (slightly hidden) when scroll bar shows (programming didn't account for scroll bar graphic)
- "Play" button failed to display on some Android systems
- Video set in base layer on timeline caused overlapping content (audio) issues on iOS systems
- Video on mobile, iOS systems displays in its own player
- Seek bar continues to play after you stop and close video on iOS (it continues to run the length of the video track)
- Video on Android plays normally
- Player Tabs hard to access on mobile phones
- Graphics overlapping buttons can interfere with selection (Hot) area
- SCORMFunctions.js file needs replaced for output to SABA LMS
- Tabbing does not work in HTML 5 output
- Player navigation buttons hard to select on phone systems
Thanks so much for typing that up. This is a great list and will be a fantastic reference for me going forward with my own projects.
I believe this is one of the reasons Adobe developed Flash in the first place, to ensure a consistent user experience. It's too bad they didn't keep it lean and mean, forcing Apple to look elsewhere to maintain battery life, I believe.
I'm sorry, but we changed the way we authored our courses, and we no longer have this problem. All of our videos are now embedded from a 3rd party streaming site, rather than being loaded directly in the course.
10 Replies
Yes, Happens on my iPhone.
Thanks Bob. Are there any known work-arounds for this?
Not that I know of.
The HTML 5 player running straight on an iOS has issues. The other big question is are you using any video? That has its own problems on iOS and you need to be careful how you assemble your program.
Bob
Yes, there are videos in the course as well, but they seem to play fine upon resuming the course. Can you point me to another forum post with proper instructions for inserting video for HTML5 and IOS? If not, I can do some searching. Thanks!
I would go ahead and search on it and see what you find.
The video issue I had is this:
1. If you have audio tracks on the same layer as your video there is potential for overlap, especially when scrubbing the Seekbar. I found when you scrub through a slide it doesn't match up with the video playback.
(we had narration followed by video followed by more narration - scrubbing the video took it out of sync with the timeline playback and both ended up playing at the same time) Happened on both iOS and Android systems.
2. On iOS, videos pop up in their own player and are independent of the Articulate timeline. You can launch a video, stop it and select done, and the Articulate timeline keeps playing the track like it thinks its still running. This also led to media overlap. Wasn't sure how to tackle that. We ended up placing ALL videos by themselves without any other media on the layer.
One other thing I noticed - not sure if it happened to you or not - the Articulate player "Play" button on their interface disappeared in the HTML 5 output.
More - If you are using transcripts and have any that are long - be aware that the slider bar sometimes covers up text. Seems to be a programmer issue, they didn't account for the extra space taken up by the slide bar so it hides parts of the text lines beneath it.
Bob
Thanks very much for this info, I'll forward it to our testers.
I didn't notice any issues with the video playing, but I don't think we trying scrubbing the seekbar.
I believe the audio is on a separate slide from the video, so hopefully that will eliminate some potential issues.
We are not authoring the course, only testing, so I don't have access to the .story file to look into how this was built. I appreciate your help!
No problem - we just went through multiple rounds of testing and discovered a lot. Most of the reviewer issues were related to the audio playback.
Yea - make sure you scrub that Seekbar during testing. Especially if you note that there is narration before and after videos. Here's my full set of notes recently provided to our client:
Program items noted:
- Seekbar (when scrubbed or clicked into position) gets out of sync with video content
- Seekbar occasionally fails to display on Replay; selecting the Play button makes it show up
- Transcript notes display differently than what is formatted (Single hard returns ignored)
- Transcript text gets cut off (slightly hidden) when scroll bar shows (programming didn't account for scroll bar graphic)
- "Play" button failed to display on some Android systems
- Video set in base layer on timeline caused overlapping content (audio) issues on iOS systems
- Video on mobile, iOS systems displays in its own player
- Seek bar continues to play after you stop and close video on iOS (it continues to run the length of the video track)
- Video on Android plays normally
- Player Tabs hard to access on mobile phones
- Graphics overlapping buttons can interfere with selection (Hot) area
- SCORMFunctions.js file needs replaced for output to SABA LMS
- Tabbing does not work in HTML 5 output
- Player navigation buttons hard to select on phone systems
- Layer "Rename" option works a little kludgy
- No built in slide numbering
- No reset for Drag & Drop items
Thanks so much for typing that up. This is a great list and will be a fantastic reference for me going forward with my own projects.
I believe this is one of the reasons Adobe developed Flash in the first place, to ensure a consistent user experience. It's too bad they didn't keep it lean and mean, forcing Apple to look elsewhere to maintain battery life, I believe.
Mike, please check out my response to a related thread.
I have playback speed issues that I seemed to solve on iPad, but not yet on iPhone. If you have updates/progress, I would love to hear them.
I'm sorry, but we changed the way we authored our courses, and we no longer have this problem. All of our videos are now embedded from a 3rd party streaming site, rather than being loaded directly in the course.
This discussion is closed. You can start a new discussion or contact Articulate Support.