Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Procedure

Expected Results

Move the mouse cursor over the video; controls will appear.
Use the Captions button to show captions.
Use the Transcripts button to show transcripts.
Click anywhere in grey area of scrubber bar.

  • From the beginning of the scrubber bar to where the click happens, the background color turns yellow.
  • The start time on the time box gets updated to a reasonable new time reflecting the click location.
  • The video jumps to another clip reflecting the click location.
  • The caption shows up with the text that's associated with the new video clip.
  • The transcript text scrolls to the transcript text that's associated with the new video clip.

Click elsewhere in the scrubber bar; try different locations.

  • The results described above should always happen, adjusted to be relevant to the correct spot in the timeline.

Reload the page

Transcript Navigation (work in progress)

Procedure

Expected Results

Reload page

 

Move focus to the video player.

  • When tab focus arrives at the video player, the video area should show a blue border around it.
  • Play symbol overlay should not disappear. FLUID-4599
  • The controls should not appear. FLUID-4785

Activate and show English Transcripts

  • The transcript menu should disappear.
  • The transcript area should appear to the right of the video area, containing English transcripts.
  • The icon in the Transcripts button should switch to orange.

Press Tab 4 more times

  • Blue outline should appear around "Eeny, meeny,miny,moe"

Press Down Arrow 7 times

  • Blue outline should appear around "David Kelley...human centered".

Press Enter

  • "David Kelley...human centered" should now be white text on blue background.
  • Yellow progress bar should appear on the left of the timeline.
  • Timecode thumb should say "0:18/5:43".
  • Image in video player should show text "David Kelley says.... Most experts agree." and an image of Mr. Kelley on a YouTube video.
  • Video should not be playing.

Using only the tab button, tab until the video player has focus.

  • When tab focus arrives at the video player, the video area should show a blue border around it.
  • Play symbol overlay should not appear. FLUID-4599
  • The controls should not appear. FLUID-4785

Press Enter on the Video Player

  • Video should start playing from 0:18

With video still playing, press tab 4 times

  • Blue focus outline should appear around the string of text currently being played.

Press down arrow 4 times

  • A blue outline should appear around the 4th selectable item below the string of text being played.

Press Enter key

  • The video and audio should jump to the position with the corresponding selected text.
  • Time code should change respectively.
  • The video progress bar should change respectively.

Press the down arrow key until the selected text is well "below the fold". Wait a moment for the video to progress.

  • Focus should remain on the selected text and not shift to the text currently being spoken.
Controls: Full-Screen Controls (not yet implemented fully)

...