search

samvera-labs / ramp

Interactive, IIIF powered audio/video media player React components library. Styleguidist Docs: https://samvera-labs.github.io/ramp/
https://ramp.avalonmediasystem.org/
30 stars 5 forks source link

Tracking bar attached to the media player is not functioning as expected #667

Closed abankhele closed 2 weeks ago

abankhele commented 1 month ago

Description: The tracking bar attached to the media player is not functioning as expected. When users click or drag the scrubber on the tracking bar, it should adjust playback based on the structure's timeline. However, the playback instead jumps to the corresponding time on the media player's general timeline, ignoring the structure's specific timeline.

To Reproduce Steps to reproduce the behavior:

  1. Navigate to 'Avalon-dev'.
  2. Select Collections -> Choose any collection -> Select a Video Item (it must have a structure). Alternatively, use this Video Item and Audio Item.
  3. Select any structure that does not start at the beginning of the media file.
  4. Click on the Toggle Track Scrubber to open the tracking bar attached to the media player.
  5. Click on a point in the tracking bar or drag it forward or backward.
  6. Observe that the media plays based on the media player’s general timeline, not the structure’s timeline.

Expected behavior When interacting with the tracking bar (by clicking or dragging), the media should play based on the structure’s specific duration, not the overall timeline of the media player.

Screenshots Private Zenhub Video

Desktop (please complete the following information):

Smartphone (please complete the following information):

elynema commented 1 month ago

Dananji tested this on Ramp demo site and it was working properly. Needs to be tested again once we get a new Ramp build into Avalon.

elynema commented 2 weeks ago

Sample audio only item: https://avalon-dev.dlib.indiana.edu/media_objects/fn106x94r

This seems to be working fine in Chrome and Safari on desktop as well as Chrome on Android.

On iPhone/iPad Safari it works only after I start and then stop playing the item, as I can't click within the structure before starting playback. I know that is a separate issue, so I can say it works in this environment.