zooniverse / Panoptes-Front-End

Front end for zooniverse/Panoptes
https://www.zooniverse.org
Apache License 2.0
64 stars 75 forks source link

Custom video speed controls ignore the browser's speed settings #7103

Open eatyourgreens opened 1 month ago

eatyourgreens commented 1 month ago

Current behavior

A really minor bug on projects that use the video player, like Chimp & See. If you use the built-in browser controls to select the playback speed, the custom controls don't reflect the selected speed.

In this screenshot, the video is playing at normal speed, but the speed selector says 0.5.

A Chimp & See video playing in Chrome, with the browser's playback speed menu open. The playback speed menu shows that the selected speed is normal. The custom controls below the video say 0.5.

Steps to replicate

https://www.zooniverse.org/projects/sassydumbledore/chimp-and-see/classify

In Chrome, change the video speed by clicking the menu to the right of the fullscreen button and selecting playback speed. In Firefox, right click the video player and select speed.

  1. Change the playback speed via the custom controls beneath the video player eg. 0.5.
  2. Open the video speed menu to see that 0.5 is selected.
  3. Use the browser menu to change the speed back to normal or 1.0.
  4. The video plays at normal speed but the custom selector stays at 0.5.

https://github.com/zooniverse/Panoptes-Front-End/assets/59547/26122f49-9945-47b6-bd7c-c2de4acead39

Additional information

I think this is a really minor bug, but maybe the custom video speed indicator should change when the browser changes the playback speed.

Tested in both Firefox and Chrome on MacOS 14.4.1.