HDMI Input
Estimated reading time: 2 minutes
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 anHDMI Video
object tag is created.'off'
shows a blank screen when anHDMI Video
object tag is created. The HTML5 application needs to callopen()
to show the external input implicitly.'on'
shows the last external input when anHDMI 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 isoff
, theHDMI Video
object tag does not show the external input automatically. The HTML5 application needs to callopen()
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.
- DOMString
Events
-
onInputChanged
onInputChanged
is called when the external input shown in theHDMI 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);
}