document.write('');

Syabas myiBox Browser HTML Extension


1.0 Revision History

1.1 Initial Release [20070706 - JK Lim]
1.2 Revised for NMT [20071026 - EK Ong]

2.0 Overview

Syabas myiBox browser provides HTML extension to enhance design and user interface for better browsing and media streaming experience. In particular, the following areas are covered.

3.0 Video On Demand

3.1 VOD Browser Tag
Syabas myiBox browser provides simple interface to invoke media playback function. The following attributes are available.
3.2.1 VOD
This attribute enable a media playback of the file specifed by URL when the hyperlink is clicked on
<a href="http://iHome/sample.mpg" vod>Sample Movie</a>
Play sample.mpg from begin to end.
3.2.2 <a href="http://iHome/sample.jsp" vod="playlist">Sample Playlist</a>
Play sample.jsp playlist.
sample.jsp format:
Movie Title|0|0|Movie URL|
Example:
Shrek|0|0|http://iHome/shrek.mpg|
Toy Story 2|0|0|
http://iHome/toystory2.mpg|
The above playlist will play 2 movies from begin to end. Please noted that the URL need to be an absolute URL but not an relative URL.

4.0 Audio On Demand with Slides and Photo Album

4.1 Audio On Demand and Photo Album Browser Tag
<a href="Song URL" pod="Mode,Reserved ,Photo URL">Sample</a>
Song URL: Can be direct Song URL (http://iHome/withoutyou.mp3) or JSP Songs List URL (http://iHome/songlist.jsp) or special keyword MUTE for photo album without song.
Song List Format (songlist.jsp)
Song Title|Range Start|Range End|Song URL|
Example:
Without You|0|0|http://iHome/withoutyou.mp3|
Hotel California|0|0|
http://iHome/hotelcalifornia.mp3|
The above playlist will play 2 MP3 song from begin to end.
Mode: 1 = Photo Album, 2 = Audio On Demand
Reserved: Reserved
Photo URL: JSP to generate the Photo List (photolist.jsp)
Photo List Format (photolist.jsp)
Photo Interval (in seconds)|Reserved|Title|Photo URL|
Example:
5|0|Photo 1|http://iHome/photo1.jpg|
5|0|Photo 2|
http://iHome/photo2.jpg|
5|0|Photo 3|
http://iHome/photo3.jpg|
The above photo playlist will play 3 photos with 5 seconds interval.
<meta SYABAS-FULLSCREEN>

 

5.0 Emulation of Javascript Event Handlers

Provides simple way to emulate Javascript event handling functionality. The following attributes are available.
5.1 OnLoadSet
5.1.1 This attribute emulates the OnLoad event handler. This attribute is supported in BODY tag only. It enables the page to focus a specific link or input object once the page is loaded.
5.1.2 Format:
<BODY ONLOADSET=name>
5.1.3 Example:
<BODY ONLOADSET="link1">
...
<A HREF=url name="link1">ABC</A>
...
</BODY>
Once this page is loaded, the link ABC, which holds the name "link1", will be focused.
5.2 OnFocusSet
5.2.1 This attribute emulates the OnFocus event handler. This attribute is supported in a link object only. When navigating onto a link object that holds a onFocusSet handler, the focus will be changed to the targeted link or input object.
5.2.2 Format:
<A HREF=url ONFOCUSSET=name>Link</A>
5.2.3 Example:
...
<A HREF="#A1"
ONFOCUSSET="link2">ABC</A>
<A HREF="#A2" name="link2">XYZ</A>
...
When user reaches the link ABC (by navigating using arrow keys of the remote controller for instance), the focus will immediately jump to link XYZ, which holds the name "link2".
5.3 OnFocusLoad
5.3.1 This attribute emulates the OnFocus event handler. This attribute is supported in a link object only. When navigating onto a link that holds a onFocusLoad handler, the focus will be changed to the targeted link, then immediately the targeted page is loaded.
5.3.2 Format:
<A HREF=url ONFOCUSLOAD>Link</A>
5.3.3 Example:
<A HREF="./page2.htm" ONFOCUSLOAD>ABC</A>
When user navigates onto the link ABC, immediately the targeted URL is accessed, i.e. page2.htm is loaded.
5.4 OnFocusSrc
5.4.1 This attribute emulates the OnFocus event handler. This attribute is supported in a IMG object only. When navigating onto an IMG that holds a onFocusSrc handler, the image will be changed to display the specified image. When focus is off the IMG object, the original image will be displayed again.
5.4.2 Format:
<IMG SRC=img1_url ONFOCUSSRC=img2_url>
5.4.3 Example:
<A HREF="./page1.htm">
<IMG SRC="./original.jpg" ONFOCUSSRC=”./onfocus.jpg”>
</A>
When user point to focus onto the “original.jpg” image, immediately the image will be changed to display the alternate “onfocus.jpg” image.

5.5 OnKeyUpSet/OnKeyDownSet/OnKeyLeftSet/OnKeyRightSet
6.5.1 This attribute emulates the OnKey event handler. This attribute is supported in a hyperlink or input object only. When focus is on an object which contain this type of attributes, the key movement will response in such that when the specific key is pressed, the focus will be changed to the targeted link or input object.
5.5.2 Format:
<A HREF=url ONKEYRIGHTSET=name>
5.5.3 Example:
...
<A HREF="./link1.htm" name=”toplink” ONKEYLEFTSET=”bottomlink”>Top Link</A><BR>
<A HREF="./link2.htm" ONKEYDOWNSET=”toplink”>Middle Link</A><BR>
<A HREF="./link3.htm" name= ”bottomlink”>Botton Link</A><BR>
...
When the focus is at “Middle Link”, and user pressed “DOWN” key on remote control, the focus will jump to “Top Link”, instead of “Bottom Link”. Subsequently, when the “LEFT” key is pressed while the focus is at “Top Link”, the focus to switch to “Bottom Link”.

6.0 Color attributes

Additional attributes are provided to allow design with colorful features. Also additional color values are provided, in particular to enable support of color with alpha channel. The following attributes are available.
6.1 Customise Hi-Lite Color
6.1.1 This attribute allow user to customise the default hi-lite color (GOLD color with BLACK Text).
6.1.2 Format:
<BODY FOCUSCOLOR="#RRGGBB" FOCUSTEXT="#RRGGBB">
6.1.3 Example:
<BODY FOCUSCOLOR="#FF0000" FOCUSTEXT="#FFFFFF">
This will change the hi-lite color to RED color with WHITE text.

6.2 Color with alpha channel value

6.2.1 The following colors are available

Color Name

ARGB value

White-alpha

0x44FFFFFF

White-alpha1

0x11FFFFFF

White-alpha2

0x88FFFFFF

White-alpha3

0xCCFFFFFF

Black-alpha

0x44000000

Black-alpha1

0x11000000

Black-alpha2

0x88000000

Black-alpha3

0xCC000000

Green-alpha

0x44008800

Silver-alpha

0x44CCCCCC

Lime-alpha

0x4400FF00

Gray-alpha

0x44888888

Olive-alpha

0x44888800

Yellow-alpha

0x44FFFF00

Maroon-alpha

0x44880000

Navy-alpha

0x44000088

Red-alpha

0x44FF0000

Blue-alpha

0x440000FF

Purple-alpha

0x44880088

Teal-alpha

0x44008888

Fuchsia-alpha

0x44FF00FF

Aqua-alpha

0x4400FFFF


6.2.2 Format:
<TD BGCOLOR="color_name" >
6.2.3 Example:
...
<TABLE CELLSPACING=5 BGCOLOR=#880000>
<TR>
<TD BGCOLOR="WHITE-ALPHA2">White-alpha2 over Red</TD>
</TABLE>
...
This will render a table with a white column alpha-blending with a red table background.


7.0 Simple User Interface Using Proprietary TVID

7.1 TVID
7.1.1 This feature provides an easier user navigation on the browser. User can interact with the browser through remote control with minimum key strokes.
7.1.2 Format:
<A HREF=url TVID="x">
where  x: A value between 0 - 999
Additionally, the following TVID value may also be specifed.

TVID

Corresponding Key

PLAY

The “PLAY” button

PGDN

The “PAGE UP” button

PGDN

The “PAGE DOWN” button

HOME

The “HOME” button

ESC

The “STOP” button

BACK

The “BACK” button

LEFT

The “LEFT” button

RIGHT

The “RIGHT” button

REPEAT

The “REPEAT” button

RED

The "Red" button, where avaliable

GREEN

The "Green" button, where avaliable

YELLOW

The "Yellow" button, where avaliable

BLUE

The "Blue" button, where avaliable

TAB

The "Tab" button, where avaliable

USR

The "User" button, where avaliable

SETUP

The "Setup" button, where avaliable

CLEAR

The "Clear" or "Delete" button, where avaliable

URL

The "Url" button, where avaliable

REFRESH

The "Refresh" button, where avaliable

This attribute is supported in links (A element) only.


7.1.3 Example:
<A HREF="http://www.syabas.com/" TVID="18">
This link holds a TVID value of 18. Thus user can merely press "18" on his remote controller to immediately access the targeted url (http://www.syabas.com/) and retrieve the html document.
<A HREF="http://www.sayatv.com/" TVID="Play">
Similiarly, user can press "Play" key on his remote controller to immediately access the targeted url (http://www.sayatv.com/)