Forum Discussion

JeremyWhite's avatar
JeremyWhite
Community Member
12 years ago

Audio and Video out of sync when using Seekbar

I have a number of different courses where I have recorded video using Storyline. I have then exported the video, converted it to an audio file, edited the audio with Audacity, and then inserted th...
storyline 360
KevinMcGlone's avatar
KevinMcGlone
Community Member
10 years ago

I am adding my voice to this issue.

Working on a really nice interaction based a specific time in a video. Works nicely until you click on the seekbar then everything goes out of sync.

The interaction is based on an exact frame in the video so needs to be 100% in sync.

Forcing HTML5 seems to be a good workaround but this means editing additional files in a SCORM package after publishing, As far as I understand.

The issue seems to be how the seekbar sets the timer for the video and the Storyline timeline.

My Example:

  1. Video plays 
  2. At 5 seconds New Layer gets displayed when the timeline gets to a (off-stage) shape at that time. Trigger is based on that shape having a normal sate
  3. Base layer gets paused
  4. Hiding New Layer resumes main timeline and video.

The issue occurs when you click the seek bar at approximately 3 or 4 seconds, The video is played from the start but the Storyline timeline matches the where you click the seekbar and therefore anything based on the Storyline timeline will now be out of sync with the video.

If you click at the very beginning again, everything syncs up ie Video and Storyline Timeline.

I really hope this gets fixed soon as we intend to do allot of Video based eLearning development this year.

  • WaltHamilton's avatar
    WaltHamilton
    Super Hero
    10 years ago

    Kevin,

    I know this isn't your question, but just a friendly tip concerning:

    At 5 seconds New Layer gets displayed when the timeline gets to a (off-stage) shape at that time. Trigger is based on that shape having a normal sate

    In SL2, we no longer have to rely on offstage objects to trigger responses. We can show the layer when the timeline reaches either a set time, or a cue time.

     

    • KevinMcGlone's avatar
      KevinMcGlone
      Community Member
      10 years ago

      Hi Walt,

      Thanks for the reply. I did see that feature on SL2 and thought great! but when I implemented it, I got mixed results ie sync issues that said, this may be related to the same thing. I must re-visit using timed triggers.

      To workaround the sync issue, The solution is to force HTML5 ie rename the "story_html5.html" to "story.html" (or index.html). HTML5 doesn't have the sync issue when scrubbing the timeline
      If you accept that Flash is dead (as conceeded by Adobe) then you can go with strictly html5 but I am not sure which version the Articulate App uses on iOS and android. I have a feeling it is flash. :-(

      I haven't had a great experience with HTML5 in the Safari browser on iOS. Sluggish performance. Maybe things have improved since I last checked.