Missing video speed controls for Woodpecker Cavity Cam

[eatyourgreens]

Package

Choose from the list:

• app-content-pages
• app-project
• lib-classifier
• lib-panoptes-js
• lib-react-components
• unknown

Describe the bug

On a phone, the video player doesn't have the menu to select playback speed.

To Reproduce

Try to slow a video down on this workflow.

https://www.zooniverse.org/projects/elwest/woodpecker-cavity-cam/classify/workflow/16998

Expected behavior

This might be an error in the tutorial text, which refers to the old video player. The tutorial says you can slow playback down in order to make identification easier.

Device information

Smartphone (please complete the following information):

• Device: iPhone
• OS: iOS
• Browser: Safari
• Version: 17

Additional context

Woodpecker Cavity Cam Talk discussion here:

https://www.zooniverse.org/projects/elwest/woodpecker-cavity-cam/talk/3627/3333579?comment=5490269&page=1

There are custom video controls in the code, but they are currently disabled because they're missing keyboard support. See the discussions here:

• Classifier: Custom Video Controls #3684
• Video Subject Viewer: Display speed control buttons below native browser controls #3758
• ADR 45: Custom video controls.

[eatyourgreens]

In a desktop browser, you can click the video to focus it, then play/pause with Space. While the video is paused, you can also scrub with the cursor keys. That might be an alternative for volunteers who want to examine individual frames in detail.

Similarly on a mobile device, you can play, pause and scrub with your finger. In addition, you can also pinch to zoom in on paused frames.

Some linked discussion about keyboard support for media players:

• Enable a hotkey to play a subject #6064

EDIT: In Firefox, the cursor keys scrub through a video in 5s steps, so that's not a useful alternative for 10s video clips. Chrome scrubs smoothly through the video clip, frame by frame.