Medialink Browser HTML Extension
1.0 Revision History
1.1 Initial specification draft
1.2 Additional specification
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.
- Video On Demand
- Audio On Demand with Slides and Photo Album
- Yahoo! Messenger
- Online Update
- Display Control Using META Tag Extension
- Emulation of Javascript Event Handlers
- Simple User Interface Using Proprietary TVID
3.0 Video On Demand
3.1 Supported Format
3.1.1 MPEG 1 VCD format (1150Kbps CBR) (.mpg, .mpe, .mpeg, .dat, .m1v)
3.1.2 MPEG 2 up to 12Mbps (.mpg, .mpe, .mpeg, .m2v, .vob, .vro .m2p)
3.1.3 MPEG 4 (Open DivX4/5, XviD, RMP4) (.m4v, .avi, .divx, .xvid, .rmp4, .mov, .mp4)
AVI audio codec : MP3, AC3, PCM, WMA, Ogg
MOV : 3ivX + MP3, 3ivX + PCM, 3ivX + AAC (3ivX converted from supported MPEG 4 video codec using Dr. DivX II for MAC OS)
MP4 : MP4 + AAC (only support non-hinted MP4)3.2 VOD Browser Tag
3.2.1 <a href="http://iHome/sample.mpg" vod>Sample Movie</a>
Play sample.mpg from begin to end.
2.2.2 <a href="http://iHome/sample.mpg" vod="10485760,20971520">Sample Movie</a>
Play sample.mpg range from 10Mbytes to 20Mbytes.
3.2.3 <a href="http://iHome/sample.mpg" vod="10485760,0">Sample Movie</a>
Play sample.mpg range from 10Mbytes to the end of movie.
3.2.4 <a href="http://iHome/sample.jsp" vod="playlist">Sample Playlist</a>
Play sample.jsp playlist.
sample.jsp format:
Movie Title|Range Start|Range End|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 Supported Format
4.1.1 Audio Format
4.1.1.1 MPEG I Layer 1 (MP1) (.mp1, .mpa)
4.1.1.2 MPEG I Layer 2 (MP2) (.mp2)
4.1.1.3 MPEG I Layer 3 (MP3) (.mp3)
4.1.1.4 Ogg Vorbis (OGG) (.ogg)
4.1.1.5 AC3 5.1 (AC3) (.ac3)
4.1.1.6 Microsoft PCM Wave (WAV) (.wav)
4.1.1.7 Advanced Audio Coding (AAC, ADIF, ADTS) (.aac)
4.1.1.8 Apple MPEG4 AAC Audio (M4A) (.m4a)
4.1.1.9 Microsoft Windows Media Audio version 1 and version 2 (WMA) (.wma)
4.1.2 Photos and Slide Format
4.1.2.1 JPEG
4.2 Audio On Demand and Photo Album Browser Tag
<a href="Song URL" pod="Mode,Photo Index,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
Photo Index: Indicate begin the album with which photo (example value 1 means start the photo album from photo number 1)
Photo URL: JSP to generate the Photo List (photolist.jsp)Photo List Format (photolist.jsp)
Photo Interval (in seconds)|Transition Effect|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 and Random Transition effect.
Transition effects available:
Effect Number Random 0 Wipe Down 1 Wipe Up 2 Open Vertical 3 Close Vertical 4 Split Vertical 1 5 Split Vertical 2 6 Interlace 7
5.0 Yahoo! Messenger
5.1 Supported Protocol
Yahoo! Messenger Protocol v9
5.2 Yahoo Messenger Browser Tag
5.2.1 <a href="http://ihome/ymhelp.htm" ym>Yahoo! Messenger</a>
Activate Yahoo! Messenger, if browse from Internet Explorer it will show ymhelp.htm instead to indicate that this option only available using Syabas Set-top Box.
6.0 Online Update
6.1 Supported Format
Syabas boot image capable of booting from flash.
6.2 Online Update Browser Tag
6.2.1 <a href="http://www.myboleh.com/update2.rom" update>Online Firmware Update</a>
Update Syabas Set-top Box with update2.rom firmware.
7.0 Display Control Using META Tag Extension
7.1 Picture In Picture (PIP)
7.1.1 Enable Video and Photo Album to be displayed into a PIP window in browser.
7.1.2 Format:
<meta SYABAS-PIP="x,y,w,h,z">
x: X-coordinate of PIP window
y: Y-coordinate of PIP window
w: Width of PIP window
h: Height of PIP window
z: 1 - always playback the media in PIP mode, 0 - always playback the media in normal modePlease note that each of the x,y,w,h values must be a multiple of 16.
7.1.3 Example:
<meta SYABAS-PIP="160,160,320,240,1">
7.2 Full Screen Browser
7.2.1 Trigger the browser to display in full screen mode.
7.2.2 Format:
<meta SYABAS-FULLSCREEN>
8.0 Emulation of Javascript Event Handlers
Provides simple way to emulate Javascript event handling functionality. The following attributes are available.
8.1 OnLoadSet
8.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.
8.1.2 Format:
<BODY ONLOADSET=name>
8.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.
8.2 OnFocusSet
8.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.
8.2.2 Format:
<A HREF=url ONFOCUSSET=name>Link</A>
8.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".
8.3 OnFocusLoad
8.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.
8.3.2 Format:
<A HREF=url ONFOCUSLOAD>Link</A>
8.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.
8.4 Customise Hi-Lite Color
8.4.1 This attribute allow user to customise the default hi-lite color (GOLD color with BLACK Text).
8.4.2 Format:
<BODY FOCUSCOLOR="#RRGGBB" FOCUSTEXT="#RRGGBB">
8.4.3 Example:
<BODY FOCUSCOLOR="#FF0000" FOCUSTEXT="#FFFFFF">
This will change the hi-lite color to RED color with WHITE text.
9.0 Simple User Interface Using Proprietary TVID
9.1 TVID
9.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.
9.1.2 Format:
<A HREF=url TVID="x">
where x: A value between 0 - 999
This attribute is supported in links (A element) only.
9.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.