Interacting with media components

Playback controls of a given controller

Mouse rollover

The button is highlighted.

Playback controls of a given controller

Single click of left mouse button

Users can click the playback controls to manipulate the playback of audio and video media.

The Pause/Play and Go to Beginning/Go to End buttons behave as standard buttons. When the mouse button is pressed, the onscreen button highlights in its pressed state, and when the mouse button is released, the onscreen button reverts to its unselected appearance.

The Go to End button is disabled when FLV media files are playing.

Slider controls of a given controller

Move slider back and forth

The playbar indicates the user's position within the media; the playback slider moves horizontally (by default) to indicate the playback from beginning (left) to end (right). The slider moves from bottom to top when the controls are oriented vertically. As the slider moves from left to right, it highlights the previous display space to indicate that this content has been played back or selected. Display space ahead of the slider remains unhighlighted until the slider passes. Users can drag the slider to affect the media's playback position. If media is playing, automatic playback begins from the point at which the mouse is released. If the media is paused, the user can move and release the slider and the media remains paused.

There is also a volume slider, which moves from left (muted) to right (maximum volume) in both the horizontal and vertical layouts.

Playback controller navigation

Tab, Shift+Tab

Moves the focus from button to button within the controller component, where the focused element becomes highlighted. This navigation works with the Pause/Play, Go to Beginning, Go to End, Volume Mute, and Volume Max controls. The focus moves from left to right and top to bottom as users tab through the elements. Shift+Tab moves focus from right to left and bottom to top. Upon receiving focus through the Tab key, the control immediately passes focus to the Play/Pause button. When focus is on the Volume Max button, and then Tab is pressed, the focus moves to the next control in the tab index on the Stage.

A given control button

Spacebar or Enter/Return

Selects the element in focus. On press, the button appears in its pressed state. On release, the button reverts back to its focused, mouse-over state.