CN112596715A - EPG (electronic program guide) special-shaped graph assembly and display method thereof - Google Patents
EPG (electronic program guide) special-shaped graph assembly and display method thereof Download PDFInfo
- Publication number
- CN112596715A CN112596715A CN202011441726.0A CN202011441726A CN112596715A CN 112596715 A CN112596715 A CN 112596715A CN 202011441726 A CN202011441726 A CN 202011441726A CN 112596715 A CN112596715 A CN 112596715A
- Authority
- CN
- China
- Prior art keywords
- animation
- style
- special
- function
- execution
- 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
- 238000000034 method Methods 0.000 title claims abstract description 46
- 230000000694 effects Effects 0.000 claims abstract description 14
- 230000007704 transition Effects 0.000 claims description 14
- 230000008859 change Effects 0.000 claims description 4
- 238000010276 construction Methods 0.000 claims description 3
- 238000001914 filtration Methods 0.000 claims description 2
- 238000011423 initialization method Methods 0.000 claims description 2
- 206010066054 Dysmorphism Diseases 0.000 claims 5
- 238000009877 rendering Methods 0.000 claims 2
- 238000005516 engineering process Methods 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 12
- 230000008569 process Effects 0.000 description 7
- 238000004364 calculation method Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/31—Programming languages or programming paradigms
- G06F8/315—Object-oriented languages
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
Abstract
The invention relates to an EPG (electronic program guide) special-shaped graph assembly and a display method thereof, wherein the method comprises the following steps: the assembly is realized through HTML and JS technologies, the special-shaped image display requirement under an EPG system can be completely realized, one animation tool class hkanimalls is customized, the special-shaped image assembly realizes the special-shaped image effect by using the animation tool class, the pattern of the special-shaped image can be restored to the initial state, and then the display of the special-shaped image is realized. The invention provides an animation class in a Web environment and an abnormal-shape graph assembly realized by using the animation class, wherein the abnormal-shape graph assembly completely realizes the function of an abnormal-shape graph and supports the operation on a low-version browser, the animation class provides a uniform animation effect, and a user can realize the expected animation effect by creating an HkAnimals object and calling a corresponding method.
Description
Technical Field
The invention relates to the technical field of network televisions, in particular to an EPG (electronic program guide) special-shaped graph assembly and a display method thereof.
Background
IPTV, as an example of the combination of networks and traditional media, has become one of the most specific manifestations of three-network convergence. The network television system integrates the advantages of a television network, the Internet and telecommunication services, creates brand new functional experience for users, and is a trend of the future development of network television technology. IPTV presents high-quality images with unique performance, new service mode, and related topics become the focus of industry discussion, and related content is attracting more and more attention globally.
With the continuous development of services, the requirements of users on the application experience degree are higher and higher. The IPTV applications represented by the EPG system also go through the process from the presentation of single-dimensional static information to the conversion of a three-dimensional, multi-dimensional, interactive comprehensive media asset platform.
At present, content is delivered in the form of a Web page through a browser built in a set top box by means of a Web-related technology, and this way is an implementation way of a system where the present invention is located. The version of the browser built in the set-top box is often lower than that of other browsers APP, so that many functions are limited to a certain extent. The special-shaped graph is a special picture showing effect, and has an animation effect in a specific scene, namely animation of a certain part of a picture moving relative to other parts, the Javascript does not provide an animation method, and the Html5 and the Css3 provide animation attributes but cannot run on a low-version browser.
Disclosure of Invention
In order to overcome the defects, the invention aims to provide a display method of an EPG (electronic program guide) special-shaped graph, which is an implementation method of animation based on JavaScript, wherein the display method is completely based on JavaScript and runs on a low-version browser kernel, and the method has better encapsulation performance and is convenient for a caller to use.
The invention also aims to realize the special-shaped graph component in the Web native environment by using the animation method, the component is realized by HTML and JS technologies, and the special-shaped graph display requirement in the EPG system can be completely realized.
The technical scheme adopted by the invention for solving the technical problems is as follows: a display method of an EPG (electronic program guide) heteromorphic graph comprises the following steps:
defining an animation tool class HkAnimals, and completing the configuration of animation attributes and executing the animation by a user through creating an object of the class and calling a corresponding animation obtaining method, wherein the implementation process of the scheme is as follows:
step 1.1, receiving an html element (target element) for executing animation and a group of animation parameters when an HkAnimals object is created;
step 1.2, the animation parameters of the HkAnimals object comprise the cs style (begin) of an element before animation execution, the cs style (end) of an element after animation execution, the total time (duration) of animation, the time (fps) of animation films and an animation transition algorithm (transition);
the cs style (begin) of an element before animation execution and the cs style (end) of an element after animation execution are JS objects representing a group of cs styles, the key value of each group of attributes of the JS objects is the style name of the cs, the value is the corresponding cs style value, and the entries of the style attributes contained by begin and end are the same;
step 1.3, when the hkanimalls object executes the animation function, continuously calling the anonymous function through a setInterval timer function of JavaScript, calculating and changing the css style of the target element, and realizing the animation effect of the element, wherein the execution period of setInterval is the animation time of animation parameters configured when the object is created, and the specific method is as follows:
step 1.3.1, before executing the setInterval timer function, firstly, calculating the ending time (endTime) of the animation according to the current time and the total time of the configured animation;
step 1.3.2, traversing JS object begin by an anonymous function of the setInterval timer function through for in, acquiring a style name of each set of css, acquiring corresponding css style values from begin (xxxBegin) and end (xxxEnd) according to the style name, and calculating a difference (nowChange — xxxBegin-xxxEnd) between begin and end, namely a change value of a certain style before and after animation execution.
Step 1.3.3, calculating the remaining time (remaining) of the animation according to the current time and the ending time, calling a configured animation transition algorithm (transition), and obtaining a value (xxxValue) of a certain style at the current time point according to the remaining time (remaining) of the animation, the total time (duration) of the configured animation, a change value (nowChange) of the style, and a value (xxxned) of the style at the end of the animation, for example, a linear transition algorithm is: xxxValue ═ nowChange ═ remaining/duration + xxxEnd;
step 1.3.4, through the loop of step 1.3.1, a style set of the target element at the current time point can be obtained, the style set comprises style values of a plurality of style dimensions at the current time point, the target style set at the current time is traversed, each style is set on the target element, and the steps 1.3.1 to 1.3.3 realize that the target element executes an animation unit once in one time slice;
step 1.3.5, repeatedly executing the step 1.5 to the step 1.7 by the setInterval function, namely, executing a plurality of animation units to form a complete animation until the current time is greater than the animation end time, namely, the animation effect of the target element can be realized;
the method for realizing the HkAnimals by the customized animation comprises the following steps of:
step 2.1, providing two pictures with the same size, wherein one picture is a background picture, the other picture is a special-shaped picture, the background of the special-shaped picture is transparent, and when the special-shaped picture covers the background picture, the special-shaped picture and the background picture form a complete picture;
step 2.2, the sketch component is a special div and comprises two img elements, the longitudinal axis coordinates z-index of the two img elements are different, the img element (background picture control) positioned below renders a background picture of the sketch, the img element (sketch control) positioned above renders a sketch of the sketch, and the two controls are both arranged relative to the outer layer div;
step 2.3, when the special-shaped graph obtains a focus, calling an initialization method of HkAnimals to create an animation object, transmitting the special-shaped graph control and animation parameters to the animation object, and executing the animation method;
step 2.4, the begin and end parts of the animation parameters comprise cs styles as follows: layout parameters left, top, right, bottom, width, height and the like, and the translation and scaling animation of the special-shaped drawing control can be realized through the parameters;
and 2.5, when the special-shaped graph loses focus, calling an animation method of HkAnimals, wherein the content of begin and end is opposite to that in the step 2.4, namely begin in the step 2.5 is end in the step 5.4, end in the step 2.5 is begin in the step 2.4, and after the animation is executed, the pattern of the special-shaped graph is restored to the original state.
A div container of an EPG (electronic program guide) special-shaped graph assembly comprises two img controls which are a special-shaped graph control and a background graph control respectively, the sizes of the two controls are completely the same, the size of a carried picture is also completely the same, a transparent background is used for the special-shaped graph, the z-index value of the special-shaped graph control is smaller than the z-index of the background graph control, and the special-shaped graph control is ensured to be positioned in the background graph control.
The invention has the following beneficial effects: an animation class in a Web environment and a heteromorphic graph component implemented using the animation class, which fully implements the functions of a heteromorphic graph and supports running on a low-version browser. The animation class provides a uniform animation effect, and a user can realize the expected animation effect by creating an HkAnimals object and calling a corresponding method.
Drawings
FIG. 1 is a flow chart of the animation class HkAnimals definition process of the present invention.
FIG. 2 is a flow chart of the starting animation function of the animation class HkAnimals of the present invention.
FIG. 3 is a flow chart of the calculation function computer of the animation-like HkAnimals of the present invention.
Fig. 4 is an exemplary diagram of the transition algorithm of the present invention.
FIG. 5 is a schematic diagram of a profile layout of the present invention.
Detailed Description
The present invention will now be described in further detail with reference to the accompanying drawings.
The definition process of the animation class hkanimalls as shown in fig. 1 includes:
s1.1, defining a variable of ClassMaker for Window object
Js, a variable named ClassMaker is defined for Window objects, which contains a reference to the create function, which is executed to quickly define classes and filter construction methods and prototype methods by convention rules.
S1.2, function create of ClassMaker is used for filtering the constructors and the common function create function to accept a JavaScript object, wherein the object comprises constructors and common functions of a self-defined class, the constructors are named with a _ "underscore, the create function creates an empty function m, the constructor of the prototype prototypeof the function m points to the _" underscored constructor, and the prototype prototypeof the function m points to other functions except the constructors.
S1.3, the definition of the above ClassMaker variables is done by self-executing functions in hkanimalls.
S1.4, creating hkanimalls in hkanimalls.js by create method of ClassMaker. As in S1.2, the create accepted JavaScript object (JS object) contains a "_" underscored named constructor and a set of normal functions.
S1.5, defining a constructor named by underlining
The constructor defines attributes of the HkAnimals animation class, namely an html element and an animation parameter for executing the animation, the initialization can be completed only by transmitting the html element and the animation parameter for executing the animation when the HkAnimals object is created, and the animation parameter is a JS object and comprises a css style before the begin corresponding element executes the animation, a css style before the end element finishes the animation, animation period time, animation time and a transition algorithm.
S1.6, defining function functions, wherein the function functions comprise a starting animation function start, an ending animation function stop, a computing intermediate style function computer, a setting style function setStyle and the like.
FIG. 2 is a flow diagram of a start animation function for an animation class HkAnimals, comprising:
and S2.1, calculating animation end time according to the total animation execution time of the configuration parameters received in the constructor, wherein the animation end time is the current time plus the total animation execution time.
S2.2, executing a setInterval timer function, wherein the first parameter of setInterval is an anonymous function, the function executes the subsequent steps to set a cs style on a certain time point for a target element, and the second parameter is the time of a configuration parameter animation film received in a construction function. The anonymous function executed by the timer function changes the cs style of the target element at intervals of a short time until the animation end time is reached, so that a complete animation effect is realized, and the detailed execution process of the anonymous function is as follows:
s2.3, if the current time is larger than the end time obtained in the S2.1, the animation is executed, and S2.4 is executed; otherwise, executing S2.5 to S2.8.
And S2.4, calling an animation ending method to end the animation, wherein the process calls a clearInterval function clearing timer.
S2.5, according to the parameters accepted in the constructor: and calling a computing function computer to obtain a style set of the current time point.
S2.6, traversing the style set obtained in S2.5 to obtain each specific style, wherein the style is a key value pair, such as ' left ': 30px '.
S2.7, calling a setStyle method to set a style for the target, wherein the setStyle method uses the following steps: the style name sets the style for the target element.
And S2.8, circularly executing the steps S2.6 and S2.7 until the traversing of the style set acquired in the step S2.5 is completed, and thus, completing the task of executing the animation at a certain time point.
And S2.9, the timer automatically accumulates the time slices, so that the process from S2.3 to S2.8 is repeatedly executed until the animation is finished.
The calculation function computer and the transition algorithm of the animation-like hkanimalls shown in fig. 3 include:
s3.1, traversing the style set end when the configuration item animation received in the constructor is ended through for in circulation, wherein the end is a js object, each attribute of the js object corresponds to a group of css styles, the name of the attribute is the name of the css style, the value of the attribute is the value of the css style, and the name of each css style can be obtained through for in.
And S3.2, acquiring a style value xxxEnd corresponding to the end according to the css style name obtained in the first step.
S3.3, appointing the style set end when the configuration item animation is ended and the style set start when the animation is started, wherein the style set end and the style set start have the same css attribute name, so that the name of the css style can be obtained according to the first step, and the corresponding style value xxxStart in the start can be obtained.
And S3.4, calling a configuration item animation transition algorithm, and calculating the style value at the current time point. The transition algorithm accepts four parameters, respectively: the remaining time of the animation (animation remaining time — current time), the value xxxEnd of the style at the end of the animation, the difference between the start and the end of the animation (nowChange — xxxStart — xxxEnd), the total duration of the animation (duration), the value of the style at the current time point can be calculated by different algorithms, and the transition algorithm defined in HkAnmals at present is shown in the transition algorithm of fig. 4.
And S3.5, judging whether the traversal is finished or not, if so, returning a result style set, and if not, repeating the steps from S3.1 to S3.4, traversing each style attribute, calculating the value of each style at the current time point, and storing the value in the set for returning.
As shown in the layout of the special-shaped diagram in fig. 5, the div container of the special-shaped diagram component includes two img controls, which are the special-shaped diagram control and the background diagram control, the sizes of the two controls are completely the same, the size of the carried picture is also completely the same, the special-shaped diagram uses a transparent background, the z-index value of the special-shaped diagram control is smaller than the z-index of the background diagram control, and the special-shaped diagram control is ensured to be located within the background diagram control.
The present invention is not limited to the above embodiments, and any structural changes made under the teaching of the present invention shall fall within the protection scope of the present invention, which is similar or similar to the technical solutions of the present invention.
The techniques, shapes, and configurations not described in detail in the present invention are all known techniques.
Claims (5)
1. A display method of an EPG (electronic program guide) special-shaped graph is characterized by comprising the following steps: the method comprises the following steps:
an animation tool class HkAnimals is customized, and the method for realizing the animation comprises the following steps:
step 1.1, receiving an html element for executing animation and a group of animation parameters when an HkAnimals object is created;
step 1.2, the animation parameters of the HkAnimals object comprise the css style of elements before animation execution, the css style of elements after animation execution, the total time of the animation, the time of animation films and an animation transition algorithm;
step 1.3, the HkAnimals object executes an animation function, an anonymous function is continuously called through a setInterval timer function of JavaScript, the css style of a target element is calculated and changed, and the animation effect of the element is realized, wherein the execution period of setInterval is the time of animation pictures of animation parameters configured when the object is created;
the special-shaped drawing assembly realizes the special-shaped drawing effect by using the animation tool, and the method comprises the following steps:
step 2.1, providing two pictures with the same size, wherein one picture is a background picture, the other picture is a special-shaped picture, the background of the special-shaped picture is transparent, and when the special-shaped picture covers the background picture, the special-shaped picture and the background picture form a complete picture;
2.2, the dysmorphism assembly is a special div and comprises two img elements, the longitudinal axis coordinates z-index of the two img elements are different, the img element positioned at the lower part is a background image control part and used for rendering a background picture of the dysmorphism, the img element positioned at the upper part is an dysmorphism space and used for rendering the special-shaped picture of the dysmorphism, and the two controls are distributed relative to the outer-layer div;
step 2.3, when the special-shaped graph obtains a focus, calling an initialization method of HkAnimals to create an animation object, transmitting the special-shaped graph control and animation parameters to the animation object, and executing the animation method;
step 2.4, the cs style of the element before the animation execution of the animation parameters and the cs style of the cs style part of the element after the animation execution comprise layout parameters left, top, right, bottom, width and height, and the translation and scaling animation of the special-shaped drawing control can be realized through the parameters;
step 2.5, when the special-shaped graph loses focus, the animation method of HkAnimals is called, the contents of the cs style of the elements before animation execution and the cs style of the elements after animation execution are opposite to those in step 2.4, namely the cs style of the elements before animation execution in step 2.5 is the cs style of the elements after animation execution in step 2.4, the cs style of the elements after animation execution in step 2.5 is the cs style of the elements before animation execution in step 2.4, after animation execution, the style of the special-shaped graph is restored to the initial state, and further the display of the special-shaped graph is realized.
2. A method for presenting an EPG profile according to claim 1, wherein: the cs style of the element before the animation execution and the cs style of the element after the animation execution are JS objects representing a group of cs styles, the key value of each group of attributes of the JS objects is the style name of the cs, the value is the corresponding cs style value, and the cs style of the element before the animation execution and the cs style of the element after the animation execution contain the same items of style attributes.
3. A method for presenting an EPG profile according to claim 1, wherein: the method for customizing the animation HkAnimals comprises the following steps:
defining a variable of a ClassMaker for a Window object, wherein the variable comprises a reference of a function create, the function is executed to quickly define classes, and a construction method and a prototype method are filtered according to a convention rule;
function create of ClassMaker is used for filtering the constructor and the ordinary function;
js, completing the definition of the ClassMaker variable through a self-execution function;
js, creating HkAnimals-like by a create method of ClassMaker;
defining a following line named constructor, wherein the constructor defines attributes of the HkAnimals animation class, namely html elements and animation parameters for executing the animation, and only needs to transfer the html elements and the animation parameters for executing the animation to complete initialization when creating the HkAnimals object;
defining function functions, wherein the function functions comprise a starting animation function start, an ending animation function stop, a computing intermediate style function computer and a setting style function setStyle.
4. A method for presenting an EPG profile according to claim 1, wherein: in the step 1.3, an anonymous function is continuously called through a setInterval timer function of JavaScript, a css style of a target element is calculated and changed, and a specific method for realizing the animation effect of the element comprises the following steps:
1.3.1, before executing the setInterval timer function, firstly, calculating the ending time of the animation according to the current time and the total time of the configured animation;
1.3.2, traversing the JS object begin by an anonymous function of the setInterval timer function through for in, acquiring the style name of each group of css, acquiring a corresponding css style value from the css style of an element before animation execution and the css style of an element after animation execution according to the style name, and calculating the difference value of the style values, namely the change value of a certain style before and after animation execution;
1.3.3, calculating the remaining time of the animation according to the current time and the ending time, calling a configured animation transition algorithm, and obtaining the value of the style at the current time point according to the remaining time of the animation, the total time of the configured animation, the change value of a certain style and the value of the style at the ending time of the animation;
1.3.4, through the loop of the step 1.3.1, a style set of the target element at the current time point can be obtained, the style set comprises style values of a plurality of style dimensions at the current time point, the target style set at the current time is traversed, each style is set on the target element, and the steps 1.3.1 to 1.3.3 realize that the target element executes an animation unit once in one time slice;
1.3.5, repeatedly executing the step 1.3.1 to 1.3.4 by the setInterval function, namely, executing a plurality of animation units to form a complete animation until the current time is greater than the animation end time, namely, the animation effect of the target element can be realized.
5. An EPG dysmorphism subassembly which characterized in that: the div container of the special-shaped graph assembly comprises two img controls which are a special-shaped graph control and a background graph control respectively, the two controls are identical in size, the size of the carried picture is also identical, the special-shaped graph uses a transparent background, and the z-index value of the special-shaped graph control is smaller than the z-index value of the background graph control.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011441726.0A CN112596715A (en) | 2020-12-08 | 2020-12-08 | EPG (electronic program guide) special-shaped graph assembly and display method thereof |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011441726.0A CN112596715A (en) | 2020-12-08 | 2020-12-08 | EPG (electronic program guide) special-shaped graph assembly and display method thereof |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112596715A true CN112596715A (en) | 2021-04-02 |
Family
ID=75192225
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011441726.0A Pending CN112596715A (en) | 2020-12-08 | 2020-12-08 | EPG (electronic program guide) special-shaped graph assembly and display method thereof |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112596715A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040003400A1 (en) * | 2002-03-15 | 2004-01-01 | John Carney | System and method for construction, delivery and display of iTV content |
| CN1731839A (en) * | 2005-08-17 | 2006-02-08 | 武汉东太信息产业有限公司 | Method for realizing expansion EPG function by browser technology |
| CN101119476A (en) * | 2007-09-04 | 2008-02-06 | 中兴通讯股份有限公司 | Method for implementing page dynamic effect in built-in browser of network television |
| CN103024564A (en) * | 2012-11-21 | 2013-04-03 | 江苏省公用信息有限公司 | Method for visually developing and automatically generating electronic program guide (EPG) webpage of Internet protocol television (IPTV) platform |
| CN106293760A (en) * | 2016-08-19 | 2017-01-04 | 成都卓影科技股份有限公司 | The view dynamic layout system of a kind of EPG and method thereof |
| CN108549533A (en) * | 2018-04-11 | 2018-09-18 | 上海百事灵多媒体科技有限公司 | A kind of method that self-defined control is added in EPG pages visual development |
-
2020
- 2020-12-08 CN CN202011441726.0A patent/CN112596715A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040003400A1 (en) * | 2002-03-15 | 2004-01-01 | John Carney | System and method for construction, delivery and display of iTV content |
| CN1731839A (en) * | 2005-08-17 | 2006-02-08 | 武汉东太信息产业有限公司 | Method for realizing expansion EPG function by browser technology |
| CN101119476A (en) * | 2007-09-04 | 2008-02-06 | 中兴通讯股份有限公司 | Method for implementing page dynamic effect in built-in browser of network television |
| CN103024564A (en) * | 2012-11-21 | 2013-04-03 | 江苏省公用信息有限公司 | Method for visually developing and automatically generating electronic program guide (EPG) webpage of Internet protocol television (IPTV) platform |
| CN106293760A (en) * | 2016-08-19 | 2017-01-04 | 成都卓影科技股份有限公司 | The view dynamic layout system of a kind of EPG and method thereof |
| CN108549533A (en) * | 2018-04-11 | 2018-09-18 | 上海百事灵多媒体科技有限公司 | A kind of method that self-defined control is added in EPG pages visual development |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP7354294B2 (en) | System and method for providing responsive editing and display integrating hierarchical fluid components and dynamic layout | |
| US8612847B2 (en) | Embedding rendering interface | |
| CN103631958B (en) | A kind of page automatic adaptation realizes the method that content multi-screen is shown | |
| CN106611435A (en) | Animation processing method and device | |
| WO2001052034A1 (en) | Multiple graphics image viewer | |
| CN108874393B (en) | Rendering method, rendering device, storage medium and computer equipment | |
| WO2015196822A1 (en) | Method and device for adapting webpage to screen layout | |
| AU2012242947A1 (en) | Method and system for personalizing images rendered in scenes for personalized customer experience | |
| US20150248722A1 (en) | Web based interactive multimedia system | |
| CN107402985A (en) | Special video effect output control method, device and computer-readable recording medium | |
| CN108228121B (en) | Browser split screen method and device and mobile terminal | |
| CN105045587A (en) | Picture display method and apparatus | |
| CA2481659A1 (en) | System and method for creating interactive content at multiple points in the television production process | |
| CN111581564A (en) | Webpage synchronous communication method realized by applying Canvas | |
| CN112596715A (en) | EPG (electronic program guide) special-shaped graph assembly and display method thereof | |
| AU2011239885A1 (en) | So-called HD-Web method for high-definition and all-screen compatibile internet contents | |
| CN116954605A (en) | Page generation method and device and electronic equipment | |
| US9779529B2 (en) | Generating multi-image content for online services using a single image | |
| CN110020291B (en) | Webpage layout processing method and device | |
| CN111782309B (en) | Method and device for displaying information and computer readable storage medium | |
| CN113645489A (en) | IPTV platform EPG dynamic focus configuration and moving method | |
| CN112559034A (en) | Method and system for generating skeleton screen file | |
| CN104391829A (en) | Method and device for realizing multimedia information and text mixed typesetting | |
| CN114067028A (en) | Picture editing method and device | |
| Xia | Research on UI design and optimization of digital media with artifical intelligence |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |