CN101365079A - 一种叠加和动态显示背景颜色为透明的动态图形的方法 - Google Patents
一种叠加和动态显示背景颜色为透明的动态图形的方法 Download PDFInfo
- Publication number
- CN101365079A CN101365079A CNA2007100446811A CN200710044681A CN101365079A CN 101365079 A CN101365079 A CN 101365079A CN A2007100446811 A CNA2007100446811 A CN A2007100446811A CN 200710044681 A CN200710044681 A CN 200710044681A CN 101365079 A CN101365079 A CN 101365079A
- Authority
- CN
- China
- Prior art keywords
- background color
- graphics
- transparent
- motion graphics
- dynamically displaying
- 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
- Controls And Circuits For Display Device (AREA)
Abstract
本发明涉及网络电视领域,尤其涉及一种叠加和动态显示背景颜色为透明的动态图形的方法。该方法包括如下步骤:用图形制作工具制作能在视频流、HTML和Flash上叠加的背景颜色为透明的动态图形步骤;将制作好的背景颜色为透明的动态图形送至用户终端缓存步骤;利用显示技术在该窗口显示背景颜色为透明的动态图形步骤。由于采用了上述的技术解决方案,完全解决了在视频图像、HTML和Flash上叠加和显示背景颜色为透明的动态图形的问题,从而减少了用户终端硬件的成本,而且可通过软件代码简单的控制叠加的背景颜色为透明的动态图形的动态变化。
Description
技术领域
本发明涉及网络电视领域,尤其涉及一种叠加和动态显示背景颜色为透明的动态图形的方法。
背景技术
用户在观看IPTV电视节目时,采用屏幕显示(OSD,On Screen Display)技术使得机顶盒能够通过电视机为用户显示某些附加信息,比如用户选择的频道号、时间或者用户可以重新把电子菜单(EPG)调用显示出来。
但是,传统的屏幕显示技术缺点在于:在电视机上的屏幕显示背景颜色区域会把原背景图像遮盖住。然而为了解决如何在屏幕上显示背景颜色为透明的问题,目前是采用硬件芯片的方案,也就是在终端机顶盒上增加额外的芯片来实现屏幕显示背景颜色的透明化。采用这种方案的缺点为:1、在终端机顶盒上增加额外的芯片来实现屏幕显示背景颜色的透明化,这会使机顶盒的硬件成本上升;2、传统的屏幕显示技术只实现了在视频图像上叠加背景透明的图形,而不能在HTML或Flash上叠加透明的信息,造成应用的局限性。
发明内容
本发明的目的在于提供一种克服上述背景技术缺陷的一种叠加和动态显示背景颜色为透明的动态图形的方法,以便可以实现在视频图像、HTML、Flash上叠加背景颜色为透明的图形。
实现本发明目的技术方案是:一种叠加和动态显示背景颜色为透明的动态图形的方法,包括如下步骤:
制作图形:在平台侧,使用图形制作工具制作能在视频流、HTML和Flash上叠加的背景颜色为透明的动态图形;
存储图形:将制作好的背景颜色为透明的动态图形从平台侧发送至用户终端缓存;
显示图形:当用户需要的时候,用户终端在已打开的图像窗口上,重新打开一个背景透明的浏览器窗口,利用显示技术在该窗口显示背景颜色为透明的动态图形。
上述的图形制作工具为可伸缩的矢量图形SVG制作工具。上述显示技术是采用XUL(XML User Interface Language,基于XML的用户界面描述语言)工具来解析并显示图形。上述背景颜色为透明的动态图形对应的文件中写有指示用户终端如何通过命令动态显示该图形变化的软件代码。
上述用户终端接收到遥控器指令,根据所设置的软件代码,来变化显示叠加的背景颜色为透明的动态图形的透明度、颜色、字体或字体大小。
由于采用了上述的技术解决方案,完全解决了在视频图像、HTML和Flash上叠加和显示背景颜色为透明的动态图形的问题,无须在机顶盒上额外增加硬件来完成图形透明化,从而减少了机顶盒硬件的成本。而且可通过软件代码(脚本)简单的控制叠加的背景颜色为透明的动态图形的动态变化。
附图说明
图1本发明实现叠加背景颜色为透明的动态图形的流程图;
图2本发明实现动态显示背景颜色为透明的动态图形的流程图。
具体实施方式
下面结合附图和实施方式对本发明作进一步的详细说明:
一种叠加和动态显示背景颜色为透明的动态图形的方法,包括如下步骤:
制作图形:在平台侧,使用图形制作工具制作能在视频流、HTML和Flash上叠加的背景颜色为透明的动态图形;
存储图形:将制作好的背景颜色为透明的动态图形从平台侧发送至用户终端缓存;
显示图形:当用户需要的时候,用户终端在已打开的图像窗口上,重新打开一个背景透明的浏览器窗口,利用显示技术在该窗口显示背景颜色为透明的动态图形。
在此发明中,背景颜色为透明的动态图形采用SVG(Scalable VectorGraphics,可伸缩的矢量图形)图形制作工具来制作,即使用SVG工具制作出待叠加显示的背景颜色为透明的动态图形(本发明称之为SVG图形或SVG文件)。用户终端机顶盒开机登陆后,SVG图形传送至机顶盒终端缓存。当用户需要的时候,机顶盒在视频图像、HTML页面或者Flash上,重新打开一个背景透明的浏览器窗口,利用XUL(XML User InterfaceLanguage,基于XML的用户界面描述语言)工具在新开的浏览器窗口来显示SVG图形。
叠加的SVG图形,能够根据设置从而动态地改变图形的透明度、颜色、图形中的字体和字体大小等。通过软件代码(脚本)来控制SVG图形的变化,也就是控制SVG图形如何变化的命令需要写在脚本中;脚本写在SVG文件中。机顶盒按照脚本中的指令来完成SVG图形的变化。
如图1所示,显示了在视频图像、HTML页面或者flash上叠加透明SVG图形的方法。其中:
如流程100所示:在平台侧,需要先利用SVG工具制作透明的SVG图形以便下发给机顶盒显示;SVG图形的保存是采用文本文件形式。
如流程110所示:机顶盒登录后并接收平台侧发送的SVG图形,缓存。
如流程120所示:机顶盒判断是否需要叠加SVG图形,例如用户是否发出显示频道号指令情况。
如流程130所示:若需要显示SVG图形,则不管用户是在观看视频流、还是浏览网页或者flash,机顶盒重新打开一个透明的浏览器窗口。
如流程140所示:由于SVG图形是以文本文件保存的,机顶盒需要使用XUL来解析并在新的透明浏览器窗口显示SVG图形。
如图2所示,显示了控制SVG图形动态显示的方法。其中:
如流程200所示:在平台侧,在SVG文件中写入脚本。此脚本可以告诉机顶盒如何动态显示SVG图形,例如:每隔5分钟变化一种颜色;当遥控器按确定键时,更换字体或者字体大小等等。
如流程210所示:写有脚本的SVG图形下发给机顶盒缓存。
如流程220所示:如流程140所示,机顶盒显示待叠加的SVG图形。
如流程230所示:当机顶盒接收到遥控器指令,根据脚本,来变化显示叠加的SVG图形的透明度、颜色、字体或者字体大小。
由于SVG自身具有简单,容易操作的特点,本发明通过利用SVG技术来实现在视频图像、HTML和Flash上的透明叠加,从而技术实现起来比较简单;而且利用SVG技术,无须在机顶盒上额外增加硬件来完成图形透明化,从而减少了机顶盒硬件的成本。
另外,只要通过写脚本,就能控制SVG图形的动态变化,实现简单,而且用户体验较好。
本发明中的用户终端,可以为上述的机顶盒,也可以为具有与机顶盒相同功能的其他用户终端设备,如PC机,掌上电脑,具特别功能的电视机等。
以上实施例仅供说明本发明之用,而非对本发明的限制,有关技术领域的技术人员,在不脱离本发明的精神和范围的情况下,还可以作出各种变换或变型,因此所有等同的技术方案也应该属于本发明的范畴,应由各权利要求所限定。
Claims (5)
1.一种叠加和动态显示背景颜色为透明的动态图形的方法,其特征在于,包括如下步骤:
制作图形:在平台侧,使用图形制作工具制作能在视频流、HTML和Flash上叠加的背景颜色为透明的动态图形;
存储图形:将制作好的背景颜色为透明的动态图形从平台侧发送至用户终端缓存;
显示图形:当用户需要的时候,用户终端在已打开的图像窗口上,重新打开一个背景透明的浏览器窗口,利用显示技术在该窗口显示背景颜色为透明的动态图形。
2.根据权利要求1所述的一种叠加和动态显示背景颜色为透明的动态图形的方法,其特征在于,所述的图形制作工具为可伸缩的矢量图形SVG制作工具。
3.根据权利要求1所述的一种叠加和动态显示背景颜色为透明的动态图形的方法,其特征在于,所述显示技术为采用XUL工具来解析并显示图形。
4.根据权利要求1所述的一种叠加和动态显示背景颜色为透明的动态图形的方法,其特征在于,所述背景颜色为透明的动态图形对应的文件中写有指示用户终端如何通过命令动态显示该图形变化的软件代码。
5.根据权利要求4所述的一种叠加和动态显示背景颜色为透明的动态图形的方法,其特征在于,所述用户终端接收到遥控器指令,根据所设置的软件代码,来变化显示叠加的背景颜色为透明的动态图形的透明度、颜色、字体或字体大小。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CNA2007100446811A CN101365079A (zh) | 2007-08-08 | 2007-08-08 | 一种叠加和动态显示背景颜色为透明的动态图形的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CNA2007100446811A CN101365079A (zh) | 2007-08-08 | 2007-08-08 | 一种叠加和动态显示背景颜色为透明的动态图形的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN101365079A true CN101365079A (zh) | 2009-02-11 |
Family
ID=40391184
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CNA2007100446811A Pending CN101365079A (zh) | 2007-08-08 | 2007-08-08 | 一种叠加和动态显示背景颜色为透明的动态图形的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN101365079A (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2012097642A1 (zh) * | 2011-01-20 | 2012-07-26 | 中兴通讯股份有限公司 | 一种基于浏览器的图片热区突出显示方法、装置及系统 |
CN102665130A (zh) * | 2012-05-14 | 2012-09-12 | 青岛海信传媒网络技术有限公司 | 应用程序窗口与视频播放窗口的显示方法及装置 |
CN102917265A (zh) * | 2012-10-25 | 2013-02-06 | 深圳创维-Rgb电子有限公司 | 基于网络电视的资讯浏览方法和系统 |
CN103079040A (zh) * | 2013-01-11 | 2013-05-01 | 北京友维科软件科技有限公司 | 图像与影像视频合成系统与合成方法 |
CN104038805A (zh) * | 2013-03-06 | 2014-09-10 | 富泰华工业(深圳)有限公司 | 显示视频图像的电视机及显示视频图像的方法 |
CN105187891A (zh) * | 2015-09-09 | 2015-12-23 | 上海微令信息科技有限公司 | 基于透明浏览器的弹幕屏幕显示系统和方法及包括该系统的设备 |
WO2017032082A1 (zh) * | 2015-08-21 | 2017-03-02 | 乐视控股(北京)有限公司 | 设置屏幕菜单的透明度的方法、装置以及音视频播放设备 |
CN106657813A (zh) * | 2016-12-08 | 2017-05-10 | 苏州长风航空电子有限公司 | 一种视频叠加算法的实现方法 |
CN112184722A (zh) * | 2020-09-15 | 2021-01-05 | 上海传英信息技术有限公司 | 图像处理方法、终端及计算机存储介质 |
-
2007
- 2007-08-08 CN CNA2007100446811A patent/CN101365079A/zh active Pending
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2012097642A1 (zh) * | 2011-01-20 | 2012-07-26 | 中兴通讯股份有限公司 | 一种基于浏览器的图片热区突出显示方法、装置及系统 |
CN102665130B (zh) * | 2012-05-14 | 2014-10-15 | 青岛海信传媒网络技术有限公司 | 应用程序窗口与视频播放窗口的显示方法及装置 |
CN102665130A (zh) * | 2012-05-14 | 2012-09-12 | 青岛海信传媒网络技术有限公司 | 应用程序窗口与视频播放窗口的显示方法及装置 |
CN102917265A (zh) * | 2012-10-25 | 2013-02-06 | 深圳创维-Rgb电子有限公司 | 基于网络电视的资讯浏览方法和系统 |
CN103079040A (zh) * | 2013-01-11 | 2013-05-01 | 北京友维科软件科技有限公司 | 图像与影像视频合成系统与合成方法 |
WO2014108102A1 (zh) * | 2013-01-11 | 2014-07-17 | 北京友维科软件科技有限公司 | 图像与影像视频合成系统与合成方法 |
CN104038805A (zh) * | 2013-03-06 | 2014-09-10 | 富泰华工业(深圳)有限公司 | 显示视频图像的电视机及显示视频图像的方法 |
CN104038805B (zh) * | 2013-03-06 | 2017-06-27 | 富泰华工业(深圳)有限公司 | 显示视频图像的电视机及显示视频图像的方法 |
WO2017032082A1 (zh) * | 2015-08-21 | 2017-03-02 | 乐视控股(北京)有限公司 | 设置屏幕菜单的透明度的方法、装置以及音视频播放设备 |
CN105187891A (zh) * | 2015-09-09 | 2015-12-23 | 上海微令信息科技有限公司 | 基于透明浏览器的弹幕屏幕显示系统和方法及包括该系统的设备 |
CN106657813A (zh) * | 2016-12-08 | 2017-05-10 | 苏州长风航空电子有限公司 | 一种视频叠加算法的实现方法 |
CN106657813B (zh) * | 2016-12-08 | 2019-08-02 | 苏州长风航空电子有限公司 | 一种视频叠加算法的实现方法 |
CN112184722A (zh) * | 2020-09-15 | 2021-01-05 | 上海传英信息技术有限公司 | 图像处理方法、终端及计算机存储介质 |
CN112184722B (zh) * | 2020-09-15 | 2024-05-03 | 上海传英信息技术有限公司 | 图像处理方法、终端及计算机存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN101365079A (zh) | 一种叠加和动态显示背景颜色为透明的动态图形的方法 | |
CN111698551B (zh) | 一种内容显示方法及显示设备 | |
US11537280B2 (en) | Display method and display apparatus | |
EP1258138A2 (en) | Enhanced display of world wide web pages on television | |
CN114073098B (zh) | 流媒体同步方法及显示设备 | |
CN111866590B (zh) | 一种显示设备 | |
CN101742167A (zh) | 视频处理电路以及将视频输出流与图形流合并传输的方法 | |
WO2021109354A1 (zh) | 媒体流数据播放方法及设备 | |
CN111629249B (zh) | 一种开机图片的播放方法及显示设备 | |
CN111246309A (zh) | 在显示设备中显示频道列表的方法及显示设备 | |
CN111343492B (zh) | 一种浏览器在不同图层的显示方法及显示设备 | |
CN112565861A (zh) | 一种显示设备 | |
CN112055256A (zh) | 一种全景图像的图像处理方法及显示设备 | |
CN115665454A (zh) | 一种显示设备及投屏方法 | |
CN111669634A (zh) | 一种视频文件预览方法及显示设备 | |
CN111432257A (zh) | 一种显示设备开启屏幕保护的方法及显示设备 | |
CN111064982B (zh) | 一种显示控制方法、存储介质及显示设备 | |
CN113645489A (zh) | 一种iptv平台epg动态焦点配置及移动的方法 | |
CN111857502B (zh) | 一种图像显示方法及显示设备 | |
CN111447488B (zh) | 一种memc控制方法及显示设备 | |
CN113347413A (zh) | 一种窗口位置检测方法及显示设备 | |
CN111277911B (zh) | 一种全景视频的图像处理方法、显示设备及服务器 | |
CN112565915B (zh) | 显示设备和显示方法 | |
CN114501087B (zh) | 一种显示设备 | |
CN113556590B (zh) | 一种投屏视频流有效分辨率检测方法及显示设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
WD01 | Invention patent application deemed withdrawn after publication |
Open date: 20090211 |