Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

CC button and menu interactions

Mouse interactions

There will be a hover style for the CC button that will override any other styling that might be on the CC button.

When the user clicks on the CC button

  • the menu will show
  • the visual styling of the button will change to reflect the fact that the menu is visible
  • the "menu is visible" style is not the same as the hover style

The menu will hide when any one of the following happens:

  • the user clicks on the CC button again
  • the user clicks on a language in the menu
  • the user clicks elsewhere in the interface

The currently selected item in the menu will have its own style. The menu items will have a hover style different than the 'currently selected' style.

...

Double-clicking the video player container full-screens the video

Keyboard interactions

...

Tab focus order index for video player

...

1. Video player container

...

6. Transcript button

7. Full-screen button

If transcript is active:

8. Transcript language drop-down

9. Download transcript button

10. Close transcript button

11. Transcript area

Keyboard interactions for Video player container

...

- On stop/pause, enter/space plays the video

...

right/left arrows controls scrubbing

- esc ?

Keyboard interactions for Play/pause button

...

- enter/space alternates between play and pause

...

- right/left arrows do nothing

esc ?

Keyboard interactions for Volume button

...

- On focus, volume slider appears (focus is on the combined button + slider piece)

...

right/left arrows do nothing

esc ?

Keyboard interactions for Scrubber

...

- enter/space do nothing

- up/down arrows do nothing

- right/left arrows scrub

esc ?

Keyboard interactions for Closed captioning and Transcript buttons

...

- On focus, CC/Transcript menu does not appear automatically

...

- right/left arrows do nothing

esc ?

Keyboard interactions for Full screen button

...

enter/space alternates between full screen and windows

...

right/left arrows do nothing

esc ?

Cascading priorities for esc

...

1. If a menu is open, close it (i.e., transcript/closed captioning menu).

...

* in particular, no special interaction for esc with the Volume button

Keyboard interactions for Transcript area

- On initial focus of transcript area, focus on highlighted phrase (if playing) or first phrase (if never played)

arrow keys navigates thru the phrases while changing focusing appropriately; viewport follows focus of phrase, not highlight; once focus is lost (i.e., tab out of the transcript area), viewport follows highlight on next update (i.e., if video is paused, and focus is lost, no change of viewport occurs)

enter/space activates phrase (i.e., scrubs to that phrase); if the phrase is already highlighted, video is scrubbed to the beginning of the phrase

esc?

Keyboard interactions (older notes; need to review)

There will be a focus style for the CC button that will be different than the hover style.

...