HDMI Input

BRAVIA Professional Display allows you to embedded HDMI inputs into an application as described below. It is required to set the width attribute and the height attribute.

<object type="application/x-decimated-video" width="960" height="540"></object>

The last input source (e.g. HDMI 1) is shown in the HDMI Video object tag by default. It can be changed using the INPUT button on a remote commander. It can be changed by using IP Control as well.

BRAVIA Professional Display supports only one HDMI Video object tag in each HTML5 application.

Attributes

• DOMString autoplay ^[1]

  autoplay specifies whether to show a blank screen or default external input when an HDMI Video object tag is created.

  • 'off' shows a blank screen when an HDMI Video object tag is created. The HTML5 application needs to call open() to show the external input implicitly.
  • 'on' shows the last external input when an HDMI Video object tag is created. This value is the default.

• DOMString src ^[1]

  src is the URL of the external input to show. Click here for detailed information of the URL of the external input.

  [1] Supported version: WebAppRuntime v1.2.65.11.

Methods

• void open() ^[1]

  open() starts showing the external input.

  When autoplay attribute is off, the HDMI Video object tag does not show the external input automatically. The HTML5 application needs to call open() to show the external input explicitly.

• void close() ^[1]

  close() stops showing the external input and shows a blank screen.

• void setWideMode(DOMString mode)

  setWideMode() fills the rectangle with video by stretching. It may be needed when showing a 4:3 video source in the decimated-video. setWideMode() has the following parameters:

  • DOMString mode
    • '16:9' is used to fill a 16:9 rectangle with video.
    • 'normal' is used to show a video as-is.

  [1] Supported version: WebAppRuntime v1.2.65.11.

Events

• onInputChanged

  onInputChanged is called when the external input shown in the HDMI Video object tag has been changed. (e.g. This event is called when the external input is changed from HDMI 1 to HDMI 2.)

Example

Download a sample application. The following shows how to embed a decimated HDMI Video object tag to the HTML5 application.

  // Widemode-key detection.
  document.addEventListener( 'keydown', function(e) { if (e.keyCode == VK_PICTURE) { OnPictureKey(); }} );

  // Toggle wide mode.
  var cur_wide_mode = 'normal';
  function OnPictureKey() {
  if (cur_wide_mode == 'normal') {
    cur_wide_mode = '16:9';
  } else {
    cur_wide_mode = 'normal';
  }
  document.getElementById('DecimetedVideo').setWideMode(cur_wide_mode);
  }