CN102346619A - 一种供用户进行ui定制的网络电视及定制方法 - Google Patents
一种供用户进行ui定制的网络电视及定制方法 Download PDFInfo
- Publication number
- CN102346619A CN102346619A CN2010102406670A CN201010240667A CN102346619A CN 102346619 A CN102346619 A CN 102346619A CN 2010102406670 A CN2010102406670 A CN 2010102406670A CN 201010240667 A CN201010240667 A CN 201010240667A CN 102346619 A CN102346619 A CN 102346619A
- Authority
- CN
- China
- Prior art keywords
- web
- file
- page
- customizing
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供一种供用户进行UI定制的网络电视,该网络电视包括嵌入式网页服务器,嵌入式浏览器,本地内容,该嵌入式浏览器经由该嵌入式网页服务器访问本地内容来实现该网络电视的UI,且通过修改嵌入式浏览器所打开网页的CSS文件,修改UI。该网络电视使用户根据自己的喜好,自行定制UI,从而大大提高用户对网络电视产品的认知度。本发明还提供了相应的修改方法,以供用户自行定制UI。
Description
技术领域
本发明属于网络电视领域,尤其涉及网络电视的UI定制。
背景技术
目前,大多网络电视UI(USER INTERFACE:用户界面)是基于图形库的方法设计开发的,出厂后UI和功能基本是保持不变的,除非厂商提供软件升级后,才会有更新。用户如果不喜欢升级后的UI样式或风格,一点办法也没有,只有等下次升级。如果用户为了让小孩少玩网络电视上的游戏,也没有办法设置屏蔽游戏。该技术迫使用户被动接受厂商提供的UI,用户不能自主编辑UI风格和内容,使用户体验大打折扣,大大降低了用户对网络电视的认知度。
发明内容
本发明的目的在于提供一种供用户进行UI定制的网络电视及定制方法,旨在解决现有技术中存在的用户不能自主编辑UI风格和内容的问题。
本发明是这样实现的,一种供用户进行UI定制的网络电视,包括嵌入式网页服务器,嵌入式浏览器,本地内容,该嵌入式浏览器经由该嵌入式网页服务器访问本地内容来实现该网络电视的UI,且通过修改嵌入式浏览器所打开网页的CSS文件,修改UI。其中,该本地内容包括文件系统及内核和图形库。
本发明还提供一种网络电视的UI定制方法,该方法包括如下步骤:访问嵌入式服务器;生成UI设置页面;进行页面设置;保存并刷新。其中,对嵌入式服务器的访问是通过嵌入式浏览器进行的;设置页面中供选择的属性包括页面背景色、页面前景色、一级菜单字体颜色、一级菜单字体大小、二级菜单字体颜色、二级菜单字体大小;页面设置后保存的文件是CSS文件;保存后经刷新,加载保存的CSS文件,显示所设置的页面。
此外,访问嵌入式服务器后,判断是否存在新的CSS文件,有新的CSS文件则读取新的CSS文件,否则读取原始的CSS文件,并结合HTML文件以及JS文件,形成UI设置界面。
该网络电视的UI定制方法种,CSS文件包含UI的风格和样式;UI的效果通过JS文件来描述;HTML文件保存本地UI元素数据。
本方法中,如不满意设置的UI界面,需要显示默认UI界面,则需要执行以下步骤:接收恢复默认设置的指令;加载原始的CSS;重新加载页面。
与现有技术相比,本发明的供用户进行UI定制的网络电视及定制方法,使得网络电视可以由用户根据自己的喜好,自行定制UI,从而大大提高用户对网络电视产品的认知度。
附图说明
图1是本发明供用户进行网络电视UI定制的系统的结构框图;
图2是本发明的供用户进行网络电视UI定制的方法的流程图;
图3是用户恢复默认UI风格的方法。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
图1本发明的供用户进行UI定制的网络电视的结构框图。该网络电视10装载有本地内容,该本地内容包括文件系统及内核11、图形库12。该网络电视10还装载有嵌入式网页服务器13和嵌入式浏览器14,该嵌入式浏览器14经由该嵌入式网页服务器13访问本地内容来实现该网络电视10的UI,且用户通过修改嵌入式浏览器14所打开网页的CSS文件,修改UI。
网络电视UI定制方法的流程图如图2所示,该方法包括以下步骤:
101:访问嵌入式服务器;
该步骤中,用户通过网络电视10的嵌入式浏览器14,访问其嵌入式服务器13;
102:判断是否存在新的CSS文件;
如果有新CSS文件存在,则转步骤103;否则转步骤104;
103:读取新的CSS文件;
104:读取原始的CSS文件;
105:读取HTML文件以及JS(JavaScript)文件;
106:生成设置页面;
CSS文件中包含了UI的风格和样式;UI的效果则通过JS文件来描述;HTML文件保存了本地UI元素数据。通过HMTL文件,CSS文件以及JS文件形成UI设置界面,其供用户进行UI设置,其中除了一般电视具有的UI界面外,另外增加一个显示设置页面,因此叫做UI设置界面。该界面供选择的属性有:页面背景色、页面前景色、一级菜单字体颜色、一级菜单字体大小、二级菜单字体颜色、二级菜单字体大小等;
107:进行页面设置,并判断是否保存设置;
根据用户的设置指令,对页面进行设置,形成新的CSS文件,并判断用户是否要进行保存;不保存则转步骤108,保存则转步骤109;用户的指令是通过UI设置界面中的显示设置界面输入;
108:返回至原始界面;
109:刷新返回;此步骤中重新刷新页面是为了加载新的CSS文件,显示用户自定义属性的页面,即设置的页面。
除去上述对网络电视UI定制的步骤之外,如果用户对设置的效果不满意,可以采用图3所示的用户恢复默认UI风格的方法,承接图2的步骤:
111:接收恢复默认设置的指令;在UI设置界面还包括恢复默认风格的选项,用户选择该选项,使系统接收到恢复默认设置的指令;
112:加载原始的CSS;
这里原始的CSS是系统默认风格的CSS文件;
113:重新加载页面;
通过HMTL文件,CSS文件以及JS文件形成默认风格的界面。
在该方法中,也可以采用足够大的存储空间,存储多个CSS文件,以便于调用多种风格的用户界面。
通过上述网络电视以及UI定制方法,用户可以根据自己的喜好,自行定制网络电视的UI,大大提高了产品的用户认知度。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种供用户进行UI定制的网络电视,包括嵌入式网页服务器,嵌入式浏览器,本地内容,该嵌入式浏览器经由该嵌入式网页服务器访问本地内容来实现该网络电视的UI,且通过修改嵌入式浏览器所打开网页的CSS文件,修改UI。
2.根据权利要求1所述的供用户进行UI定制的网络电视,其特征在于,该本地内容包括文件系统及内核和图形库。
3.一种网络电视的UI定制方法,包括:访问嵌入式服务器;生成UI设置页面;进行页面设置;保存并刷新。
4.根据权利要求3所述的网络电视的UI定制方法,其特征在于,通过嵌入式浏览器访问嵌入式服务器。
5.根据权利要求3所述的网络电视的UI定制方法,其特征在于,设置页面中供选择的属性包括页面背景色、页面前景色、一级菜单字体颜色、一级菜单字体大小、二级菜单字体颜色、二级菜单字体大小。
6.根据权利要求3所述的网络电视的UI定制方法,其特征在于,页面设置后保存的文件是CSS文件。
7.根据权利要求3所述的网络电视的UI定制方法,其特征在于,保存后刷新,加载保存的CSS文件,显示所设置的页面。
8.根据权利要求3所述的网络电视的UI定制方法,其特征在于,访问嵌入式服务器后,判断是否存在新的CSS文件,有新的CSS文件则读取新的CSS文件,否则读取原始的CSS文件,并结合HTML文件以及JS文件,形成UI设置界面。
9.根据权利要求8所述的网络电视的UI定制方法,其特征在于,CSS文件包含UI的风格和样式;UI的效果通过JS文件来描述;HTML文件保存本地UI元素数据。
10.根据权利要求3所述的网络电视的UI定制方法,其特征在于,UI界面设置后还包括:接收恢复默认设置的指令;加载原始的CSS;重新加载页面的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010102406670A CN102346619A (zh) | 2010-07-29 | 2010-07-29 | 一种供用户进行ui定制的网络电视及定制方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010102406670A CN102346619A (zh) | 2010-07-29 | 2010-07-29 | 一种供用户进行ui定制的网络电视及定制方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102346619A true CN102346619A (zh) | 2012-02-08 |
Family
ID=45545342
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2010102406670A Pending CN102346619A (zh) | 2010-07-29 | 2010-07-29 | 一种供用户进行ui定制的网络电视及定制方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102346619A (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103294461A (zh) * | 2012-03-02 | 2013-09-11 | 腾讯科技(北京)有限公司 | 一种微博背景界面的实现方法和系统 |
CN103412748A (zh) * | 2013-07-25 | 2013-11-27 | 深圳Tcl新技术有限公司 | 嵌入式平台的用户界面的显示控制方法、装置及系统 |
CN103473086A (zh) * | 2013-08-29 | 2013-12-25 | 上海斐讯数据通信技术有限公司 | 一种宽带猫web界面切换方法 |
CN103595742A (zh) * | 2012-08-14 | 2014-02-19 | 阿里巴巴集团控股有限公司 | 调试网页css的方法及装置 |
CN104881290A (zh) * | 2015-06-03 | 2015-09-02 | 上海斐讯数据通信技术有限公司 | 一种路由器及其用户界面定制方法 |
CN105554552A (zh) * | 2015-12-14 | 2016-05-04 | 福建新大陆通信科技股份有限公司 | 一种基于机顶盒的ui动态布局系统及方法 |
CN108156510A (zh) * | 2017-12-27 | 2018-06-12 | 深圳Tcl数字技术有限公司 | 页面焦点处理的方法、装置及计算机可读存储介质 |
CN108399088A (zh) * | 2018-01-19 | 2018-08-14 | 北京奇艺世纪科技有限公司 | 页面展示方法、用户终端、页面服务器及样式配置服务器 |
CN108733443A (zh) * | 2018-05-09 | 2018-11-02 | 成都市极米科技有限公司 | 一种基于Android系统的APP动态配置系统及其实现方法、动态配置方法 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1233796A (zh) * | 1998-04-30 | 1999-11-03 | 电话通有限公司 | 可设置的人-机接口 |
US20020184301A1 (en) * | 2001-01-05 | 2002-12-05 | Emware, Inc., | Web server for communicating with one or more electronic devices through a gateway computer |
CN101035275A (zh) * | 2006-03-07 | 2007-09-12 | 深圳市方通科技有限公司 | 一种新型的嵌入式多媒体兼电视的流服务器 |
CN101098458A (zh) * | 2007-07-27 | 2008-01-02 | 中兴通讯股份有限公司 | Iptv系统中实现机顶盒网络存储/读取的方法和装置 |
CN101401091A (zh) * | 2006-03-09 | 2009-04-01 | 日本Nc软件株式会社 | 用于改变网页设计的装置和方法 |
WO2010057971A1 (en) * | 2008-11-24 | 2010-05-27 | Tat The Astonishing Tribe Ab | Methods and apparatuses for flexible modification of user interfaces |
-
2010
- 2010-07-29 CN CN2010102406670A patent/CN102346619A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1233796A (zh) * | 1998-04-30 | 1999-11-03 | 电话通有限公司 | 可设置的人-机接口 |
US20020184301A1 (en) * | 2001-01-05 | 2002-12-05 | Emware, Inc., | Web server for communicating with one or more electronic devices through a gateway computer |
CN101035275A (zh) * | 2006-03-07 | 2007-09-12 | 深圳市方通科技有限公司 | 一种新型的嵌入式多媒体兼电视的流服务器 |
CN101401091A (zh) * | 2006-03-09 | 2009-04-01 | 日本Nc软件株式会社 | 用于改变网页设计的装置和方法 |
CN101098458A (zh) * | 2007-07-27 | 2008-01-02 | 中兴通讯股份有限公司 | Iptv系统中实现机顶盒网络存储/读取的方法和装置 |
WO2010057971A1 (en) * | 2008-11-24 | 2010-05-27 | Tat The Astonishing Tribe Ab | Methods and apparatuses for flexible modification of user interfaces |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103294461A (zh) * | 2012-03-02 | 2013-09-11 | 腾讯科技(北京)有限公司 | 一种微博背景界面的实现方法和系统 |
CN103595742A (zh) * | 2012-08-14 | 2014-02-19 | 阿里巴巴集团控股有限公司 | 调试网页css的方法及装置 |
CN103595742B (zh) * | 2012-08-14 | 2017-01-18 | 阿里巴巴集团控股有限公司 | 调试网页css的方法及装置 |
CN103412748A (zh) * | 2013-07-25 | 2013-11-27 | 深圳Tcl新技术有限公司 | 嵌入式平台的用户界面的显示控制方法、装置及系统 |
CN103412748B (zh) * | 2013-07-25 | 2017-12-12 | 深圳Tcl新技术有限公司 | 嵌入式平台的用户界面的显示控制方法、装置及系统 |
CN103473086A (zh) * | 2013-08-29 | 2013-12-25 | 上海斐讯数据通信技术有限公司 | 一种宽带猫web界面切换方法 |
CN104881290A (zh) * | 2015-06-03 | 2015-09-02 | 上海斐讯数据通信技术有限公司 | 一种路由器及其用户界面定制方法 |
CN105554552A (zh) * | 2015-12-14 | 2016-05-04 | 福建新大陆通信科技股份有限公司 | 一种基于机顶盒的ui动态布局系统及方法 |
CN108156510A (zh) * | 2017-12-27 | 2018-06-12 | 深圳Tcl数字技术有限公司 | 页面焦点处理的方法、装置及计算机可读存储介质 |
CN108156510B (zh) * | 2017-12-27 | 2021-09-28 | 深圳Tcl数字技术有限公司 | 页面焦点处理的方法、装置及计算机可读存储介质 |
CN108399088A (zh) * | 2018-01-19 | 2018-08-14 | 北京奇艺世纪科技有限公司 | 页面展示方法、用户终端、页面服务器及样式配置服务器 |
CN108733443A (zh) * | 2018-05-09 | 2018-11-02 | 成都市极米科技有限公司 | 一种基于Android系统的APP动态配置系统及其实现方法、动态配置方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102346619A (zh) | 一种供用户进行ui定制的网络电视及定制方法 | |
CN102414682B (zh) | 用于在图形用户接口中提供零碎网页的方法和设备 | |
US9576068B2 (en) | Displaying selected portions of data sets on display devices | |
US9887873B2 (en) | Custom rendering of web pages based on web page requests | |
CN103369369B (zh) | 从社交联网服务提取媒体内容并呈现的系统和方法 | |
CN105094786B (zh) | 基于JavaScript定制页面的方法及系统 | |
CN104035753A (zh) | 一种双WebView展示定制页面的方法及系统 | |
US20160283499A1 (en) | Webpage advertisement interception method, device and browser | |
US20120297324A1 (en) | Navigation Control Availability | |
CN104820589B (zh) | 一种动态适配网页的方法及其装置 | |
US9749440B2 (en) | Systems and methods for hosted application marketplaces | |
CN106339414A (zh) | 网页渲染方法及装置 | |
CN103761110B (zh) | 浏览器字体显示处理方法和装置 | |
CN104915186B (zh) | 一种制作页面的方法和装置 | |
CN103412748A (zh) | 嵌入式平台的用户界面的显示控制方法、装置及系统 | |
CN103761098A (zh) | 一种网页换肤方法、装置及浏览器 | |
CN104899212B (zh) | 网页展示方法、服务器及系统 | |
CN101860734A (zh) | 一种ajax实现动态图像增量传输与显示的方法 | |
Nebeling et al. | Tools and architectural support for crowdsourced adaptation of web interfaces | |
US20180285329A1 (en) | Web asset modification based on a user context | |
CN115186207A (zh) | 加载页面资源的方法及装置、电子设备 | |
Bryant et al. | Pro HTML5 Performance | |
CN110377813A (zh) | 一种selenium支持自定义请求头的方法、电子设备和介质 | |
Bengtson | What Is HTML5 and What Do You Need To Know About It? | |
Niranga | Mobile web performance optimization |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C12 | Rejection of a patent application after its publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20120208 |