top

6. Media Player

Traditionally, a TV is a device for watching media. Many Smart TV applications provide videos, images, and music.

This chapter will provide examples of basic screen layouts for convenient media players that are suitable for use on the TV.

6.1. Playing Video

The screen for playing videos may contain the following components:


  • Playing video (partial or full screen)
  • Related information (Title, summary, creator, keyword, etc.)
  • Playing status display area (Progress Bar, Play Time, Play Speed, etc.)
  • Control buttons

The video screen can be shown either in a window view, or full-screen when necessary. Both methods must be presented appropriately within an application for the transition between window-view and full-screen view.


Figure 6-1 is an example of playing video in full-screen mode. A banner including more information about the media, the current playing status, and control buttons will overlap at the top. The banner disappears when the controls are not used for a certain period. It will reappear when there is any further input

Example of a media player (full screen)

Figure 6-1. Example of a media player (full screens)

Figure 6-2 is an example of playing video in window mode. More information about the media, the current playing status, and control buttons will be displayed at the bottom. In other areas, more detailed information about the media or a list of related videos can be displayed.

Example of a media player (window mode)

Figure 6-2. Example of a media player (window mode)

6.2. Viewing Pictures

The screen for viewing pictures may contain the following components:


  • Area for displaying pictures (full screen)
  • Related information (Title, date, keyword, etc.)
  • Buttons such as zoom-in/zoom-out, rotate, previous/next picture, slideshow, etc.

Figure 6-3 is an example of Viewing Pictures.

Example of a picture viewer

Figure 6-3. Example of a picture viewer

6.3. Music Player

The screen for playing music may contain the following components:


  • Playing video (partial or full screen)
  • Related information (Title, summary, creator, keyword, etc.)
  • Playing status display area (Progress Bar, Play Time, Play Speed, etc.)
  • Control buttons
  • Playlist

Figure 6-4 is an example of playing music.

Example of a music player

Figure 6-4. Example of a music player