Understanding the Fullscreen View

The fullscreen view is the largest graphical view of an app. You can launch the fullscreen view from the dock or from a sidebar view. The fullscreen view's capabilities are:

  • The entire screen is covered by the app's graphical interface or streaming video.
  • To create a multimedia effect, the app may take over only a portion of the fullscreen resolution (i.e. the bottom third of the screen), and leave video or television running in the background. This state may not be supported by all device partners. Refer to the Yahoo Connected TV Developer Forum (https://developer.yahoo.com/forum/Connected TV) for the latest support status. (See Fullscreen UI Pass-thru Video and Fullscreen UI Streaming Video (with graphics).)
  • In fullscreen mode there are no reserved buttons or regions. The title button and the global toolbar are not present. A wait indicator user interface element may be displayed if the Yahoo Connected TV Application Engine (the "Engine") or remote server is performing a time-consuming function.
  • From the fullscreen view you can exit to the dock or you can exit to fullscreen pass-through video.
  • When you exit from the app to fullscreen video, all graphics on the screen are cleared, and the app gives up control to the device's media player. At this point, the connected TV device's media transport controls are available.
  • When implementing the fullscreen view, the GREEN, YELLOW, and BLUE color-coded keys are available for app control. It is recommended that the BLUE key be used to resize the video where applicable.

Fullscreen User Interface States

The following fullscreen user interface states are described below:

Pressing the Yahoo TV Keyon the remote control when a fullscreen user interface is displayed can be configured to bring up a dialog or bring up the dock. If the dialog is displayed, the consumer can choose to stop the running app and view the dock overlaid pass-thru video or resume the running app's fullscreen user interface. In this state, the dialog has focus control. The following states have a fullscreen UI in the background behind a dialog:

Pressing the Yahoo TV Key can be configured to display an app's streaming video at the same time as the dock. In this state, the dock has focus control. The following states have a fullscreen UI streaming video (without graphics) in the background behind the dock:

An app's streaming video can be displayed at the same time as the sidebar. The sidebar can belong to the same app, or the sidebar can belong to another app. In this state, the sidebar has focus control. The following states have a fullscreen UI streaming video (without graphics) in the background behind the sidebar:

Fullscreen UI

The fullscreen UI state is a screen covered with graphical elements. No pass-thru video or streaming video is displayed. All the images displayed below are static images.

Dialog over Fullscreen UI

Pressing the Yahoo TV Key when a fullscreen UI is shown can be configured to bring up a dialog. The consumer can choose to stop the running app and view the dock overlaid pass-thru video or resume the running app's fullscreen UI.

Fullscreen UI Pass-thru Video

The state where a fullscreen UI displays pass-thru video surrounded by graphical elements may not be supported by all device partners. Refer to the Yahoo Connected TV Developer Forum (https://developer.yahoo.com/forum/Connected TV) for the latest support status. In the view below the pass-thru video (or broadcast TV) is framed by graphical elements.

The alternate view below of the fullscreen UI with pass-thru video is also not supported by all device partners. Refer to the Yahoo Connected TV Developer Forum (https://developer.yahoo.com/forum/Connected TV) for the latest support status. In this view, the graphical elements can be placed anywhere on the screen over the pass-thru video. Conceptually, you can consider the fullscreen UI for this view mostly transparent, allowing the pass-thru video to show through.

Dialog over Fullscreen UI Pass-thru Video

Pressing the Yahoo TV Key when a fullscreen UI pass-thru video view is displayed can be configured to bring up a dialog. The consumer can choose to stop the running app and view the dock overlaid pass-thru video or resume watching the fullscreen UI pass-thru video. This state may not be supported by all device partners. Refer to the Yahoo Connected TV Developer Forum (https://developer.yahoo.com/forum/Connected TV) for the latest support status.

As seen below, this dialog can also be displayed over the alternate view of the fullscreen UI with pass-thru video. This state is also not supported by all device partners. Refer to the Yahoo Connected TV Developer Forum (https://developer.yahoo.com/forum/Connected TV) for the latest support status.

Fullscreen UI Streaming Video (with graphics)

The fullscreen UI displays streaming video surrounded by graphical elements. Pressing the Yahoo TV Key can be configured to bring up a dialog or to overlay the dock on the streaming video.

Dialog over Fullscreen UI Streaming Video (with graphics)

Pressing the Yahoo TV Key while a streaming video is playing can be configured to bring up a video dialog. The consumer can choose to stop the streaming video playback and view the dock overlaid pass-thru video or resume the streaming video.

Fullscreen UI Streaming Video (without graphics)

In the following fullscreen UI state a streaming video is playing fullscreen. Pressing the Yahoo TV Key can overlay the dock on the video screen or bring up a dialog. Any other remote control keypress will bring up the transport controls (play, pause, stop, and others) overlaid on the video screen.

Dock Overlaid Streaming Video

Pressing the Yahoo TV Key while a streaming video is playing can be configured to bring up the dock over streaming video. Pressing the RED key once will close the dock. Pressing the RED key twice will close the dock and close the running app and display fullscreen pass-thru video.

Dock Viewport Streaming Video

Pressing the BLUE key while the dock is displayed has toggled the UI to viewport mode for streaming video. Pressing the BLUE key again will display the dock overlaid streaming video.

Dialog over Fullscreen UI Streaming Video (without graphics)

Pressing the Yahoo TV Key while a streaming video is playing can be configured to bring up a dialog. The consumer can choose to stop the streaming video playback and view the dock overlaid pass-thru video or resume the streaming video.

Sidebar Overlaid Streaming Video

You can design the app to display its own sidebar over streaming video or the consumer can open the sidebar of an unrelated app while watching streaming video. Pressing the RED key will close the sidebar. Pressing the RED key again will close all apps and display fullscreen pass-thru video.

Sidebar Viewport Streaming Video

Pressing the BLUE key while the sidebar is displayed has toggled the UI to viewport mode for streaming video. Pressing the BLUE key again will display the sidebar overlaid streaming video.

Transport Controls Overlaid Streaming Video

A streaming video is playing fullscreen when a remote control keypress displays the transport controls. The transport controls are overlaid on the video screen and after a timeout delay will fade offscreen. The transport controls to play, pause, rewind, fast-forward, and stop the media player are part of the Video Transport Overlay control. You can use the device-specific media player and the Video Transport Overlay control to display progress and feedback to the user with time-based video progress indicators.

Table of Contents