zetakey html5 browser for set-top box and iptv

31
Zetakey HTML5 Browser for Set-top box and IPTV Q4-2010 Enquiry: [email protected] 1 Monday, 30 May 2011

Upload: jack-wong

Post on 22-Nov-2014

1.157 views

Category:

Technology


4 download

DESCRIPTION

Zetakey HTML5 Browser for Set-top box and IPTV

TRANSCRIPT

Page 1: Zetakey HTML5 Browser for Set-top box and IPTV

Zetakey HTML5 Browser forSet-top box and IPTV

Q4-2010 Enquiry: [email protected]

1

Monday, 30 May 2011

Page 2: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.com

Market Product Demo Q&ACompany

E-mail: [email protected]

Agenda

๏ Quick demo videos1. Optimized Webkit Browser for Set-top box or IPTV

2. Browser in EPG mode for UI control and content portal

3. HTML5 demo

๏ Zetakey Overview and product presentation- Company, Market, Product

๏ Open Discussion

Monday, 30 May 2011

Page 3: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.com

Market Product Demo Q&ACompany

E-mail: [email protected]

Fast Changing Web Technology

๏ Relight Competition

Assume a typical 9 months product development cycle, by the time your development finished, Google updated 6 versions

Monday, 30 May 2011

Page 4: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.com

Market Product Demo Q&ACompany

E-mail: [email protected]

Engineering Resources

Hardware / Platform porting- network, memory, graphic, SSL, etc.

User interface layer- UI customizationTesting and Verification- Test cases, sites

Maintenance

Bug fixes

Release software

6 people x 9 months

(Experienced Browser Engineers)

2 people (part-time)(full-time)

Development Maintenance

Done

(No major change)

New features

Major upgrade

Monday, 30 May 2011

Page 5: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.com

Market Product Demo Q&ACompany

E-mail: [email protected]

Time-to-Market Benefit

๏ Working Demo in 2 Weeks- Zetakey provides reference port for on Sigma, Broadcom, Telechips, Nvidia

- Porting on customers’ target hardware

๏ Commercial Product in 3 months(Typical project)- Define specification

- UI Customization

- Performance optimization

- System test

- Field test

Monday, 30 May 2011

Page 6: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.com

Market Product Demo Q&ACompany

E-mail: [email protected]

Low Total Cost of Ownership

๏ Zero Learning curve- Experienced browser and embedded engineers

๏ Low Maintenance cost- Annual maintenance support

๏ Low Upgrade cost- Quarterly upgrade

๏ Avoid platform switching cost or risk- Ready on different platforms (Sigma, Broadcom, Nvidia, Telechip)

Monday, 30 May 2011

Page 7: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.com

Market Product Demo Q&ACompanyCompany

E-mail: [email protected]

Hong Kong Science and Technology Park

Monday, 30 May 2011

Page 8: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.com

Market Product Demo Q&ACompanyCompany

E-mail: [email protected]

Company Overview

๏ Our vision - Bring high quality open source softwares to embedded and mobile devices

๏ Team- International experiences and in-depth industry knowledge

- Open source, Embedded software, Latest Internet technologies

๏ Achievement & Recognition- A member company of the Incu-Tech Incubation Program, Hong Kong

Science and Technology Park

- The project “Optimized Webkit-based Full Internet Browser for Set-top box and Digital TV” was funded by SERAP of ITC Hong Kong SAR

Monday, 30 May 2011

Page 9: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Product Demo Q&AMarket

Browser Technologies is changing fast

๏ HTML5- <video><audio> (NO MORE Adobe FLASH for video)

- websocket, local storage, webworker and more javascript, more css

- More to come... such as subtitle/caption, video conferencing, P2P

๏ Multi-screen, multi-devices- Mobile, Tablet, TV screen

๏ Leverage of critical open source components- Webkit, Mozilla

๏ HW accelerated browser- IE9

- OpenGL, SVGT, Video codec

- While adopt to devices

Monday, 30 May 2011

Page 10: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Product Demo Q&AMarket

Opportunity and Challenge

๏ Internet browsing on TV screen- Rapid changing technologies

- Costly to assign dedicated resource to maintenance

๏ Complex environments- Lots of standards, HbbTV, Youview, iPlayer, IPTV2.0

- “Walled garden with a half open door”, Paid content + Free internet content

- DRM or not? business models

๏ Fragmented market- No dominant player => large number of small size customers

- Manufacturers have high development cost and long development time

- Very different regional and local requirement

Monday, 30 May 2011

Page 11: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Demo Q&AProduct

Webkit browser Solution for embedded devices

๏ Webkit-based browser- Full internet browsing

- High-performance

- Light-weight and efficient

- Customizable UI

- Zetakey’s Abstraction and UI Layer (independent, NOT QtWebKit)

๏ Strong HTML5 support๏ Suitable for

- Set-top Box, IPTV, Mobile Internet Device(MID), Portable Navigation Device(PND), Games console, eBook Reader, Advance photo frame

๏ Plugin support- FLASH 10.1, Youtube/XL and Youtube/Leanback

Monday, 30 May 2011

Page 12: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Demo Q&AProduct

Set-top box / IPTV Specific Features

๏ EPG mode, Browser-based UI- Standard web technologies like HTML, CSS, Javascript

๏ Javascript extension to local Set-top box applications- VOD, IPTV, media player, photo album, security application, Widgets

๏ Alpha blending, P-in-P Video/TV with browser- OTT service

- P-in-P with TV signal and Video playback

๏ Subtitle overlay for video playback๏ Flexible custom key map for remote control๏ Auto resize for different resolutions 1920/1080/others

- TV resolution, video output

Monday, 30 May 2011

Page 13: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.com

Market Product Demo Q&ACompany

E-mail: [email protected]

Bring Unlimited Internet Content to Living Room

End-User

Unlimited Multimedia Contents and services

from internet Youtube, Flickr,

TVB.com, RTHK, etc

- Big screen in living room- View from a longer distance- Multiple viewers- Control by remote control- Content consumption device- Home Theater connected

- Content consumption- Family time- Daily activity

- Unlimited multimedia contentsusually design for PC user- Assume control with mouse or touch screen

Product ServiceCompany IllustrationMarket Product

Monday, 30 May 2011

Page 14: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Demo Q&AProduct

Set-top Box Reference UI

Monday, 30 May 2011

Page 15: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.com

Market Product Demo Q&ACompany

E-mail: [email protected]

Zetakey Software Architecture

UI components History

Bookmark

Custom Apps

File System Memory

Networks

ZK Platform Abstraction LayerTimer

Platform Device Layer MIPS / ARM11 / ARM 9 / x86

Embedded Linux - GTK, QT, FB, DFB

Fonts

Graphics

Unlimited Multimedia Contents

&Custom

TV Contents

Webkit

Networking

Database

Browser core engine and service

Threading

JavaScriptCore

Security

Language Code

XML TraformXML parser

NavigationZK UX Layer

Input support

Product ServiceCompany IllustrationMarket Product

Set-Top Box Reference Platforms: Sigma, Broadcom, Nivida with OpenGL support

Monday, 30 May 2011

Page 16: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Demo Q&AProduct

Platform Experiences

๏ Hardware- Broadcom BCM7405

- RAM 256MByte, 128MByte

- Sigma 8652, 8654, 8670- SDK 3.8.2, SDK 3.9.2, SDK 3.10

- Nvidia Tegra

๏ Software- Embedded Linux

- DirectFB, GTK, X, MiniGUI

- Windows CE/ Windows Mobile/.NET

Monday, 30 May 2011

Page 17: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Demo Q&AProduct

Benchmarking

๏ The latest Webkit - r831621(2011-04-07)

๏ Quarterly update๏ HTML5

- 257/400

๏ Acid3- 99/100

๏ Netscape plugin- FLASH 10.1 / FLASH LITE

Monday, 30 May 2011

Page 18: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Demo Q&AProduct

Benchmarking - HTML5 Test result

Monday, 30 May 2011

Page 19: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Demo Q&AProduct

Excellent HTML5 Support

๏ HTML5 Video and Audio- Multimedia without plugin

๏ Websocket- bi-directional, full-duplex communications channels

๏ HTML 5: Client-side Storage- local cache, Manifest

๏ Web worker- provide a new way of performing processor-intensive tasks

Monday, 30 May 2011

Page 20: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Product Q&ADemo

Zetakey Webkit browser for STB and Digital TV

Youtube: http://www.youtube.com/watch?v=JiZ9FzYyt-MTudou: http://www.tudou.com/programs/view/9HkjzQ2aBrw/

Monday, 30 May 2011

Page 21: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Product Q&ADemo

Zetakey Webkit Browser for Set-top Box support HTML5 Video

Youtube: http://www.youtube.com/watch?v=8iceHxzX26UTudou: http://www.tudou.com/programs/view/rto5oITmNNY/

Monday, 30 May 2011

Page 22: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Product Q&ADemo

Zetakey Webkit Browser for Set-top Box - EPG Mode(Browser-based UI)

Youtube: http://www.youtube.com/watch?v=tTNm5x5CGqgTudou: http://www.tudou.com/programs/view/Fy_IAiZew-I/

Monday, 30 May 2011

Page 23: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Product Q&ADemo

Zetakey Webkit Browser for Set-top Box - Webfocus feature

Youtube: http://www.youtube.com/watch?v=xxswFygMIRATodou: http://www.tudou.com/programs/view/4JCo74D_9Uo/

Monday, 30 May 2011

Page 24: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Demo Q&AProduct

Optimized Webkit-based Full Internet Browser

๏ Unique Features- Porting and optimization of Webkit-based browser for Set-top box/Digital

TV system requirement

- Implement the TV friendly features and user experience, remote control navigation (15 features)

- Implement our unique browser extension tag/script/API for better content presentation on TV and publish the related features in “Zetakey TV browser Content Guide” (5 features)

๏ User Benefits- Bring unlimited latest internet content to TV screen

๏ Customized for TV as a internet content and service consumption device

Monday, 30 May 2011

Page 25: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Demo Q&AProduct

TV Friendly Features 1/2

๏ Remote control navigation or pointer navigation- able to navigation by remote control(up/down/left/right and enter only)

- virtual pointer

๏ Custom key-mappings per pages๏ Control over vertical and horizontal scrolling๏ Fit-to-width - automatically reformats and re-sizes content to enable user interaction within a TV resolution

๏ Zooming๏ Minimum font sizing๏ Picture in Picture (PiP) with Web browser and TV watching

Monday, 30 May 2011

Page 26: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Demo Q&AProduct

TV Friendly Features 2/2 Title Text

8.Display “selection box”, “dialog box”, “menu box”, “input box”, in the middle of the screen

9.Rolling text

10.Background running web application

11.Full screen viewing for selected content

12.Account Username and password manage to easy remember/preset account ID and password

13.Input box with autofilling features

14.Visual bookmark

15.Local storage for image, audio, video files and playback

Monday, 30 May 2011

Page 27: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Demo Q&AProduct

Custom META tag and CSS Title Text

1. custom META tags “web-app” to hide browser user interface and change style

2. custom META tag “viewport” to adjust "viewport" automatically to fit TV screen, device-width, device-height

3. custom CSS property “text-size-adjust“ to adjust text size for TV screen

4. custom CCS property “tap-highlight-colour” to highlight color for TV screen

5. specifying start up icon image for bookmark that will look nicer than the typical favorite.ico

Monday, 30 May 2011

Page 28: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Product Demo Q&A

Chrome’s HTML5 <video> player

Monday, 30 May 2011

Page 29: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Product Demo Q&A

Firefox’s HTML5 <video> player

Monday, 30 May 2011

Page 30: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.comE-mail: [email protected]

Company Market Product Demo Q&A

Youtube’s HTML5 <video>

Monday, 30 May 2011

Page 31: Zetakey HTML5 Browser for Set-top box and IPTV

www.zetakey.com

Market Product Demo Q&ACompany

E-mail: [email protected]

Q & A

Q&A

Thank You!

Product ServiceCompany IllustrationMarket

Monday, 30 May 2011