CN104683868A - 基于机顶盒的动画效果的实现系统及方法 - Google Patents
基于机顶盒的动画效果的实现系统及方法 Download PDFInfo
- Publication number
- CN104683868A CN104683868A CN201310630122.4A CN201310630122A CN104683868A CN 104683868 A CN104683868 A CN 104683868A CN 201310630122 A CN201310630122 A CN 201310630122A CN 104683868 A CN104683868 A CN 104683868A
- Authority
- CN
- China
- Prior art keywords
- animation
- top box
- set top
- function
- animation effect
- 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
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
- H04N21/4433—Implementing client middleware, e.g. Multimedia Home Platform [MHP]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明提供一种基于机顶盒的动画效果的实现系统及方法,所述系统包括依次连接的内核分析器、性能测试器和动画函数执行器;所述内核分析器用于分析机顶盒内核版本,明确所述机顶盒对CSS3原生动画函数的支持程度,并将分析结果传送给所述性能测试器;所述性能测试器用于测试机顶盒对各种动画效果的渲染能力,并将测试结果传送给所述动画执行器;所述动画函数执行器用于计算并生成所述机顶盒的动画函数执行时的参数。本发明的基于机顶盒的动画效果的实现系统及方法实现了不同机顶盒动画效果的最优化,最大限度地提升了用户关于动画效果的体验;结束了开发者需要针对不同版本的机顶盒写不同的代码来实现同一个动画效果的历史,极大地提高了开发效率。
Description
技术领域
本发明涉及JavaScript及CSS3动画效果的技术领域,特别是涉及一种基于机顶盒的JavaScript及CSS3动画效果的实现系统及方法。
背景技术
动画现在已是web站点的必备项,各大JavaScript框架(如jQuery)都封装了相应的代码。JavaScript动画的实现有很多种方式:
(1)使用浏览器的定时器(setInterval/setTimeout)来实现动画效果。
这种动画效果实现机制是最早被主流开发者所采用的机制,原理简单,兼容性好,其最核心的原理就是利用定时器,在一定时间内以一定的间隔执行动画函数。其中,在动画函数里可以改变元素的大小、位置等CSS属性。
(2)使用CSS3原生动画特性。
在CSS3中的transition和transform可以用来平滑改变CSS属性值。在给需要改变属性的元素(transition-property)上指定对应的属性值,浏览器会自动执行接下来的任务。通常,在CSS里写好transition规则,再改变元素的class就可以拥有CSS3动画了。
然而,上述定时器策略虽然能够保证动画平台的兼容性,但却无法保证动画效果在各种平台上的流畅性;CSS3的原生动画特性虽然能够保证动画的流畅性,但却不能保证动画特效各种浏览器平台上的兼容性,尤其是对内核各异的机顶盒来说更是如此。
发明内容
鉴于以上所述现有技术的缺点,本发明的目的在于提供一种基于机顶盒的动画效果的实现系统及其方法,通过对不同机顶盒内核及其性能的分析,实现最佳的动画效果,最大限度地优化动画特效以并节省人力开发成本。
为实现上述目的及其他相关目的,本发明提供一种基于机顶盒的动画效果的实现系统,至少包括依次连接的内核分析器、性能测试器和动画函数执行器;其中,所述内核分析器用于分析机顶盒内核版本,明确所述机顶盒对CSS3原生动画函数的支持程度,并将分析结果传送给所述性能测试器;所述性能测试器用于测试机顶盒对各种动画效果的渲染能力,并将测试结果传送给所述动画执行器;所述动画函数执行器用于计算并生成所述机顶盒的动画函数执行时的参数,以供动画函数使用。
根据上述的基于机顶盒的动画效果的实现系统,其中:所述动画渲染包括图形位移、形状改变、旋转。
根据上述的基于机顶盒的动画效果的实现系统,其中:所述参数包括动画帧、动画间隔时间、动画延迟时间、动画执行路线。
同时,本发明还提供一种基于机顶盒的动画效果的实现方法,其包括以下步骤:分析机顶盒内核版本,明确机顶盒对CSS3原生动画函数的支持程度;根据对机顶盒内核版本的分析结果,测试机顶盒对动画效果的渲染能力;根据机顶盒对动画效果的渲染能力的测试结果,设定动画函数执行时所采用的参数;动画函数根据所设定的参数在机顶盒上实现动画效果。
根据上述的基于机顶盒的动画效果的实现方法,其中:分析机顶盒内核版本,明确机顶盒对CSS3原生动画函数的支持程度后,对于对CSS3原生动画特性支持差或无法支持的的机顶盒,动画函数根据定时器策略来实现动画效果,不再进行机顶盒性能测试和动画函数的参数设定。
根据上述的基于机顶盒的动画效果的实现方法,其中:所述参数包括动画帧、动画间隔时间、动画延迟时间、动画执行路线。
根据上述的基于机顶盒的动画效果的实现方法,其中:所述动画渲染包括图形位移、形状改变、旋转。
如上所述,本发明的基于机顶盒的动画效果的实现系统及方法,具有以下有益效果:
(1)与传统的针对于不同机顶盒客户端都要独立开发一套全新的动画特效框架相比,本发明通过改变动画函数在具体执行过程中的具体参数来实现有差异的动画特效;开发人员只需要写一套CSS3代码,即可在所有的机顶盒平台上使用,大大缩短了产品的开发周期;
(2)与传统的机顶盒采用定时器策略来实现机顶盒动画效果的兼容性相比,本发明通过分析机顶盒的内核,检测机顶盒是否支持CSS3中transition和transform特性,尽最大可能的使元素的动画效果通过原生的transition机制实现,对于不支持该特性的机顶盒客户端,才会去采用传统的定时器策略;因此,本发明最大程度地保证了机顶盒端的动画效果通过其原生的CSS3动画特性来实现。
附图说明
图1显示为本发明的基于机顶盒的动画效果的实现系统的结构示意图;
图2显示为本发明的基于机顶盒的动画效果的实现方法的流程图。
元件标号说明
1 内核分析器
2 性能测试器
3 动画函数执行器
具体实施方式
以下通过特定的具体实例说明本发明的实施方式,本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用,本说明书中的各项细节也可以基于不同观点与应用,在没有背离本发明的精神下进行各种修饰或改变。
需要说明的是,本实施例中所提供的图示仅以示意方式说明本发明的基本构想,遂图式中仅显示与本发明中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制,其实际实施时各组件的型态、数量及比例可为一种随意的改变,且其组件布局型态也可能更为复杂。
本发明的基于机顶盒的动画效果的实现系统包括依次连接的内核分析器1、性能测试器2和动画函数执行器3。
其中,内核分析器1用于分析机顶盒内核,其首先分析机顶盒内核版本,明确该机顶盒对CSS3原生动画函数的支持程度,并将分析结果传送给性能测试器。
性能测试器2用于测试机顶盒性能。需要说明的是,这里所指的性能,主要是指机顶盒对动画效果的渲染能力。本发明中,性能测试器通过一套完善的动画渲染测试流程,测试机顶盒对各种动画效果的渲染能力,并将所有测试结果传送给动画执行器。其中动画渲染包括图形位移、形状改变、旋转等。
动画函数执行器3用于设定动画函数执行时所需的参数。动画函数执行器根据来自性能测试器的测试数据来计算并生成适合机顶盒的最佳参数,以供动画函数执行时使用,从而保证最终实现的动画效果的流畅性。其中,动画函数执行时使用的参数包括动画帧、动画间隔时间、动画延迟时间、动画执行路线等。
参照图2,本发明的的基于机顶盒的动画效果的实现方法包括以下步骤:
步骤S1:分析机顶盒内核版本,明确机顶盒对CSS3原生动画函数的支持程度,即动画执行函数在多大程度上使用CSS3原生的动画特性。需要说明的是,对于对CSS3原生动画特性支持差甚至是无法支持的的机顶盒,动画函数将采用传统的定时器策略,不再进行机顶盒性能测试和动画函数的参数设定的步骤。
步骤S2:测试机顶盒对动画效果的渲染能力;
步骤S3:根据上述对机顶盒性能的测试结果设定动画函数执行时所采用的参数。其中,具体参数包括动画帧、动画间隔时间、动画延迟时间、动画执行路线等,这些参数将最终影响机顶盒上动画效果的流畅度。
步骤S4:根据所设定的参数执行动画函数,从而在机顶盒上实现理想的动画效果。
综上所述,本发明的基于机顶盒的动画效果智能实现系统及方法综合了以往动画实现策略的优点,并且整合出一套统一的动画实现策略,实现最大程度的兼容,不仅大大缩短了产品开发周期,而且最大程度地对动画效果进行优化。所以,本发明有效克服了现有技术中的种种缺点而具高度产业利用价值。
上述实施例仅例示性说明本发明的原理及其功效,而非用于限制本发明。任何熟悉此技术的人士皆可在不违背本发明的精神及范畴下,对上述实施例进行修饰或改变。因此,举凡所属技术领域中具有通常知识者在未脱离本发明所揭示的精神与技术思想下所完成的一切等效修饰或改变,仍应由本发明的权利要求所涵盖。
Claims (7)
1.一种基于机顶盒的动画效果的实现系统,其特征在于,至少包括依次连接的内核分析器、性能测试器和动画函数执行器;
其中,所述内核分析器用于分析机顶盒内核版本,明确所述机顶盒对CSS3原生动画函数的支持程度,并将分析结果传送给所述性能测试器;
所述性能测试器用于测试机顶盒对各种动画效果的渲染能力,并将测试结果传送给所述动画执行器;
所述动画函数执行器用于计算并生成所述机顶盒的动画函数执行时的参数,以供动画函数使用。
2.根据权利要求1所述的基于机顶盒的动画效果的实现系统,其特征在于:所述动画渲染包括图形位移、形状改变、旋转。
3.根据权利要求1所述的基于机顶盒的动画效果的实现系统,其特征在于:所述参数包括动画帧、动画间隔时间、动画延迟时间、动画执行路线。
4.一种基于机顶盒的动画效果的实现方法,其特征在于:包括以下步骤:
分析机顶盒内核版本,明确机顶盒对CSS3原生动画函数的支持程度;
根据对机顶盒内核版本的分析结果,测试机顶盒对动画效果的渲染能力;
根据机顶盒对动画效果的渲染能力的测试结果,设定动画函数执行时所采用的参数;
根据所设定的参数执行动画函数。
5.根据权利要求4所述的基于机顶盒的动画效果的实现方法,其特征在于:分析机顶盒内核版本,明确机顶盒对CSS3原生动画函数的支持程度后,对于对CSS3原生动画特性支持差或无法支持的的机顶盒,动画函数根据定时器策略来实现动画效果,不再进行机顶盒性能测试和动画函数的参数设定。
6.根据权利要求4所述的基于机顶盒的动画效果的实现方法,其特征在于:所述参数包括动画帧、动画间隔时间、动画延迟时间、动画执行路线。
7.根据权利要求4所述的基于机顶盒的动画效果的实现方法,其特征在于:所述动画渲染包括图形位移、形状改变、旋转。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310630122.4A CN104683868A (zh) | 2013-11-29 | 2013-11-29 | 基于机顶盒的动画效果的实现系统及方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310630122.4A CN104683868A (zh) | 2013-11-29 | 2013-11-29 | 基于机顶盒的动画效果的实现系统及方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104683868A true CN104683868A (zh) | 2015-06-03 |
Family
ID=53318340
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310630122.4A Pending CN104683868A (zh) | 2013-11-29 | 2013-11-29 | 基于机顶盒的动画效果的实现系统及方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104683868A (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040133855A1 (en) * | 2002-09-27 | 2004-07-08 | Blair Robert Bruce | Providing a presentation engine adapted for use by a constrained resource client device |
CN102291610A (zh) * | 2011-09-02 | 2011-12-21 | 广东中大讯通软件科技有限公司 | 一种基于三网融合的数字家庭机顶盒 |
CN102307319A (zh) * | 2011-09-02 | 2012-01-04 | 广东中大讯通软件科技有限公司 | 基于iptv机顶盒的嵌入式浏览器的实现方法及其装置 |
CN102331994A (zh) * | 2011-06-24 | 2012-01-25 | 中兴通讯股份有限公司 | 一种嵌入式系统页面特效的实现方法及嵌入式系统 |
CN102508887A (zh) * | 2011-10-19 | 2012-06-20 | 江西省南城县网信电子有限公司 | 一种数字电视交互服务标记语言解析系统及方法 |
CN102904925A (zh) * | 2012-08-29 | 2013-01-30 | 四川长虹电器股份有限公司 | 一种基于三屏互动的跨平台widget中间件系统 |
-
2013
- 2013-11-29 CN CN201310630122.4A patent/CN104683868A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040133855A1 (en) * | 2002-09-27 | 2004-07-08 | Blair Robert Bruce | Providing a presentation engine adapted for use by a constrained resource client device |
CN102331994A (zh) * | 2011-06-24 | 2012-01-25 | 中兴通讯股份有限公司 | 一种嵌入式系统页面特效的实现方法及嵌入式系统 |
CN102291610A (zh) * | 2011-09-02 | 2011-12-21 | 广东中大讯通软件科技有限公司 | 一种基于三网融合的数字家庭机顶盒 |
CN102307319A (zh) * | 2011-09-02 | 2012-01-04 | 广东中大讯通软件科技有限公司 | 基于iptv机顶盒的嵌入式浏览器的实现方法及其装置 |
CN102508887A (zh) * | 2011-10-19 | 2012-06-20 | 江西省南城县网信电子有限公司 | 一种数字电视交互服务标记语言解析系统及方法 |
CN102904925A (zh) * | 2012-08-29 | 2013-01-30 | 四川长虹电器股份有限公司 | 一种基于三屏互动的跨平台widget中间件系统 |
Non-Patent Citations (6)
Title |
---|
CHRIS MILLS: "《CSS3实战开发与设计》", 30 June 2013, 机械工业出版社 * |
刘剑: "嵌入式浏览器样式引擎研究与优化", 《中国优秀硕士学位论文全文数据库信息科技辑》 * |
刘洪涛: "基于嵌入式Linux的IPTV机顶盒设计实现与关键技术研究", 《中国优秀硕士学位论文全文数据库信息科技辑》 * |
吴杨: "基于互动机顶盒的嵌入式浏览器的设计和研究", 《中国优秀硕士学位论文全文数据库信息科技辑》 * |
唐云: "基于数字机顶盒的嵌入式浏览器的设计与实现", 《中国优秀硕士学位论文全文数据库信息科技辑》 * |
李卓群: "《网页设计实例教程》", 30 June 2010 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107506517B (zh) | 建筑模型显示、数据处理方法、装置、介质、设备和系统 | |
TWI476677B (zh) | 開發網頁應用程式之方法與系統 | |
CN103678120A (zh) | 基于建模的web应用自动化测试方法 | |
CN105426309A (zh) | 测试用例自动生成方法和装置 | |
CN102087598A (zh) | 一种3d界面展示方法、装置及浏览装置 | |
KR102503018B1 (ko) | 기계 장치의 모니터링 시스템 | |
Frenkel et al. | Towards a benchmark suite for Modelica compilers: Large models | |
CN102541723A (zh) | 用于软件测试的自动化测试装置 | |
CN103139006A (zh) | 基于web服务的自动化测试装置及方法 | |
CN102567186A (zh) | 一种自动化软件测试方法 | |
Lee et al. | Performance testing of web-based data visualization | |
JP2016105270A (ja) | リーン製品モデリングシステム及び方法 | |
Laurindo et al. | Communication mechanism of the discrete event simulation and the mechanical project softwares for manufacturing systems | |
CN104317580A (zh) | 虚拟试验应用集成开发环境 | |
Zhong et al. | Virtual factory for manufacturing process visualization | |
Zielasko et al. | 3D visualization of symbolic execution traces | |
CN104572427A (zh) | 一种页面测试的方法、服务器及系统 | |
CN107908393B (zh) | 一种scada实时模型画面的设计方法 | |
CN104683868A (zh) | 基于机顶盒的动画效果的实现系统及方法 | |
CN105095093A (zh) | 一种智能终端性能测试方法及系统 | |
CN110058996A (zh) | 程序调试方法、装置、设备和存储介质 | |
Valdez et al. | Software Packages to Support Electrical Engineering Virtual Lab. | |
CN104063320B (zh) | 一种软件测试平台的移植方法及系统 | |
US10318682B1 (en) | Systems and methods for analyzing node impedance state | |
Ferreira | A WebGL application based on BIM IFC |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150603 |
|
RJ01 | Rejection of invention patent application after publication |