CN109710353A - Animated element in the page shows method and device - Google Patents
Animated element in the page shows method and device Download PDFInfo
- Publication number
- CN109710353A CN109710353A CN201811516046.3A CN201811516046A CN109710353A CN 109710353 A CN109710353 A CN 109710353A CN 201811516046 A CN201811516046 A CN 201811516046A CN 109710353 A CN109710353 A CN 109710353A
- Authority
- CN
- China
- Prior art keywords
- animated element
- page
- interaction area
- information
- animated
- 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
Landscapes
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
Show method and device the invention discloses the animated element in a kind of page, be related to electronic information field, this method comprises: corresponding with the animated element in the determining page can interaction area；When monitor with it is described can interaction area corresponding user interactive operation when, obtain the operational status information of the user interactive operation；The broadcast state information that the animated element is determined according to the operational status information shows the animated element according to the broadcast state information in the page.Which can determine the broadcast state information of animated element according to the corresponding user interactive operation that can be received in interaction area of animated element, content to keep animated element currently displayed changes with user interactive operation, to effectively attract the user's attention power, it can generate and interact with user, and then be conducive to be promoted the exposure clicking rate of animated element.
Description
Technical field
The present invention relates to electronic information fields, and in particular to a kind of animated element in the page shows method and device.
Background technique
It often include the page elements of a variety of various kinds in order to promote the visual experience of user, in the page, for example, picture is first
Element, text element, animated element etc..Wherein, many advantages such as animated element is agile with its picture, information is changeable obtain largely
The favor of user.Fig. 1 shows the conventional broadcast mode of animated element, which is made of one group of picture, and in 4 seconds
It finishes playing, it may be assumed that every 40 milliseconds of one pictures of broadcasting, to reach the visual effect of dynamic menu.Currently, showing in the page
When such animated element, the following two kinds mode is generallyd use:
In the first way, no matter which kind of state the page is in, and animated element therein is shown always to be pressed with broadcasting
The default frame of button, the default frame either the animated element first frame picture, be also possible to have in the animated element
Representational picture.Only when the user clicks broadcast button therein when, can just trigger the playing process of the animated element.It should
Kind of mode during page browsing, can only duration show the frame tableaux for including in animated element, since static state is drawn
Face can not change, therefore can not attract the attention of user.In the second way, no matter which kind of state the page is in,
The animated element therein each image frame of loop play always.For this kind of mode during page browsing, loop play is each always
A image frame is easy that user is made to generate aestheticly tired, to ignore the animation since the content of loop play is not interrupted
Element.
In the implementation of the present invention, finding above two mode, at least all there are the following problems: either by inventor
Default frame mode or loop play mode all can not effectively attract the attention of user and can not interact with user's generation,
The exposure clicking rate of the animated element can not be promoted.
Summary of the invention
In view of the above problems, it proposes on the present invention overcomes the above problem or at least be partially solved in order to provide one kind
That states the animated element in a kind of page of problem shows method and device.
According to an aspect of the invention, there is provided a kind of animated element in page shows method, comprising:
Determine it is corresponding with the animated element in the page can interaction area；
When monitor with it is described can interaction area corresponding user interactive operation when, obtain the user interactive operation
Operational status information；
The broadcast state information that the animated element is determined according to the operational status information, according to institute in the page
It states broadcast state information and shows the animated element.
Optionally, in the determination page it is corresponding with the animated element can interaction area include:
According to preset page structure table, child node corresponding with the animated element is determined as target child node；
Inquire the page structure table, by node type corresponding to the target child node be can type of interaction father save
Point is determined as can interaction node；
By it is described can page area corresponding to interaction node be determined as described corresponding with the animated element hand over
Mutual region.
Optionally, when it is described can interaction area be scrollable field when, the operational status information of the user interactive operation
It include: rotating direction and/or rolling distance；
Then the broadcast state information that the animated element is determined according to the operational status information includes: according to
Rotating direction and/or rolling distance in operational status information, determine in the broadcast state information of the animated element and include
Time schedule information；
Showing the animated element according to the broadcast state information in the page described in then includes: in the page
In show the image frame corresponding with the time schedule information for including in the animated element.
Optionally, the rotating direction and/or rolling distance according in the operational status information, determines the animation
The time schedule information for including in the broadcast state information of element includes:
According to the rotating direction and/or rolling distance in the operational status information, determine the animated element relative to
It is described can interaction area location information；
According to the positional information, the time schedule information for including in the broadcast state information of the animated element is determined.
Optionally, the determination animated element relative to it is described can the location information of interaction area include:
Obtain the animated element first end and it is described can first distance between the first end of interaction area；
Described in acquisition can interaction area first end and it is described can second distance between the second end of interaction area；
According to the ratio between the first distance and the second distance determine the animated element relative to it is described can
The location information of interaction area.
Optionally, it is described can interaction area include: scrollable field, click on area, and/or can pull region；It is described
User interactive operation includes: scroll operation, clicking operation, drag operation；
The operational status information of the user interactive operation includes: action type, number of operations, operation amplitude.
Optionally, in the determination page it is corresponding with the animated element can interaction area include:
Obtain the visible area in the page, when detecting in the visible area comprising animated element, determine with
The animated element is corresponding can interaction area；Wherein, the animated element includes: video elementary and/or cardon element.
According to another aspect of the present invention, a kind of display device of the animated element in the page is provided, comprising:
Determining module, be adapted to determine that it is corresponding with the animated element in the page can interaction area；
Obtain module, suitable for when monitor with it is described can interaction area corresponding user interactive operation when, described in acquisition
The operational status information of user interactive operation；
Display module, suitable for determining the broadcast state information of the animated element according to the operational status information, in institute
It states in the page and shows the animated element according to the broadcast state information.
Optionally, the determining module is particularly adapted to:
According to preset page structure table, child node corresponding with the animated element is determined as target child node；
Inquire the page structure table, by node type corresponding to the target child node be can type of interaction father save
Point is determined as can interaction node；
By it is described can page area corresponding to interaction node be determined as described corresponding with the animated element hand over
Mutual region.
Optionally, when it is described can interaction area be scrollable field when, the operational status information of the user interactive operation
It include: rotating direction and/or rolling distance；
Then the display module is particularly adapted to: according to the rotating direction and/or rolling distance in the operational status information,
Determine the time schedule information for including in the broadcast state information of the animated element；Show the animation member in the page
The image frame corresponding with the time schedule information for including in element.
Optionally, the display module is particularly adapted to:
According to the rotating direction and/or rolling distance in the operational status information, determine the animated element relative to
It is described can interaction area location information；
According to the positional information, the time schedule information for including in the broadcast state information of the animated element is determined.
Optionally, the display module is particularly adapted to:
Obtain the animated element first end and it is described can first distance between the first end of interaction area；
Described in acquisition can interaction area first end and it is described can second distance between the second end of interaction area；
According to the ratio between the first distance and the second distance determine the animated element relative to it is described can
The location information of interaction area.
Optionally, it is described can interaction area include: scrollable field, click on area, and/or can pull region；It is described
User interactive operation includes: scroll operation, clicking operation, drag operation；
The operational status information of the user interactive operation includes: action type, number of operations, operation amplitude.
Optionally, the determining module is particularly adapted to:
Obtain the visible area in the page, when detecting in the visible area comprising animated element, determine with
The animated element is corresponding can interaction area；Wherein, the animated element includes: video elementary and/or cardon element.
According to the present invention in another aspect, providing a kind of electronic equipment, comprising: processor, memory, communication interface and
Communication bus, the processor, the memory and the communication interface complete mutual communication by the communication bus；
For the memory for storing an at least executable instruction, it is as above that the executable instruction executes the processor
The animated element in the page stated shows the corresponding operation of method.
According to the present invention in another aspect, provide a kind of computer storage medium, be stored in the storage medium to
A few executable instruction, the executable instruction execute processor and show method pair such as the animated element in the above-mentioned page
The operation answered.
Animated element in the page provided by the invention shows in method and device, firstly, determine in the page with it is dynamic
Draw element is corresponding can interaction area；Then, when monitor with can interaction area corresponding user interactive operation when, obtain
The operational status information of user interactive operation；Finally, the broadcast state information of animated element is determined according to operational status information,
Show animated element according to broadcast state information in the page.Which can connect according to animated element is corresponding in interaction area
The user interactive operation received determines the broadcast state information of animated element, thus the content for keeping animated element currently displayed
It can change with user interactive operation, to effectively attract the user's attention power, can generate and interact with user, in turn
Be conducive to be promoted the exposure clicking rate of animated element.
The above description is only an overview of the technical scheme of the present invention, in order to better understand the technical means of the present invention,
And it can be implemented in accordance with the contents of the specification, and in order to allow above and other objects of the present invention, feature and advantage can
It is clearer and more comprehensible, the followings are specific embodiments of the present invention.
Detailed description of the invention
By reading the following detailed description of the preferred embodiment, various other advantages and benefits are common for this field
Technical staff will become clear.The drawings are only for the purpose of illustrating a preferred embodiment, and is not considered as to the present invention
Limitation.And throughout the drawings, the same reference numbers will be used to refer to the same parts.In the accompanying drawings:
Fig. 1 shows the schematic diagram of the conventional broadcast mode of animated element；
A kind of flow chart for showing method of the animated element in page provided Fig. 2 shows the embodiment of the present invention one；
Fig. 3 shows the flow chart for showing method of the animated element in a kind of page provided by Embodiment 2 of the present invention；
Fig. 4 shows the schematic diagram of a form of page structure table；
Fig. 5 a show animated element and can a kind of location information between interaction area schematic diagram；
Figure 5b shows that animated element and can another location information between interaction area schematic diagram；
Fig. 6 shows the structural representation of the display device of the animated element in a kind of page of the offer of the embodiment of the present invention three
Figure；
Fig. 7 shows the structural schematic diagram of a kind of electronic equipment of the offer of the embodiment of the present invention five.
Specific embodiment
Exemplary embodiments of the present disclosure are described in more detail below with reference to accompanying drawings.Although showing the disclosure in attached drawing
Exemplary embodiment, it being understood, however, that may be realized in various forms the disclosure without should be by embodiments set forth here
It is limited.On the contrary, these embodiments are provided to facilitate a more thoroughly understanding of the present invention, and can be by the scope of the present disclosure
It is fully disclosed to those skilled in the art.
Embodiment one
A kind of flow chart for showing method of the animated element in page provided Fig. 2 shows the embodiment of the present invention one.
As shown in Fig. 2, this method comprises:
Step S210: determine it is corresponding with animated element in the page can interaction area.
Wherein, which includes the various forms of pages, for example, it may be the Webpage shown in browser, it can also
To be the application page shown in types of applications, the local page of interactive function can be provided with some, the present invention is to the page
Specific intension is without limitation.Animation refers to: one group of picture finishes playing the visual effect reached within the regular hour, accordingly
Ground, the animated element in the page includes: all kinds of elements that can generate animation effect such as video elementary, cardon element.For example, packet
Include each dvielements such as graphic interchange format GIF (Graphics Interchange Format) element.
Specifically, in determining the page it is corresponding with animated element can interaction area when, can by it is where animated element,
Can be generated with user the region that interact as this can interaction area, specific method of determination can flexibly set by those skilled in the art
It sets.For example, can be used as the animated element itself can interaction area if animated element itself can be interacted with user.Again
It such as, can be using the page partial domain as can interact if the page partial domain where animated element can be interacted with user
Region.
Step S220: when monitor with can interaction area corresponding user interactive operation when, obtain user interactive operation
Operational status information.
By previous step determine it is corresponding with animated element can be after interaction area, continuing to monitor this can interactive areas
User interactive operation corresponding to domain.Whenever monitor with can interaction area corresponding user interactive operation when, obtain user
The operational status information of interactive operation.Wherein, in the present embodiment can interaction area include: scrollable field, can click on area,
All kinds of regions that can be interacted with user such as can pull region and/or；Correspondingly, user interactive operation includes: scroll operation, point
Hit various types of operations such as operation, drag operation；The operational status information of user interactive operation includes: action type, operation
Number, operation amplitude etc..Those skilled in the art can with flexible setting can interaction area concrete type and mode of operation
The specific intension of information, which is not limited by the present invention.
Step S230: the broadcast state information of animated element is determined according to operational status information, according to broadcasting in the page
Status information shows animated element.
Wherein, exist between the operational status information determined in the broadcast state information and previous step of animated element default
Incidence relation.The preset association relationship can be a variety of, for example, can be according to the number of interactive operation, type and/or amplitude come really
It is specific to determine the playback progress information for including in the broadcast state information of animated element, broadcast mode information, current picture information etc.
Content.For example, when the operational status information determined in previous step is determined by the percent wise of operation amplitude, animation member
Element broadcast state information in comprising by percent wise determine playback progress information, so as to according to user interactive operation come
Control the currently playing content of animated element.Furthermore it is also possible to preset broadcasting corresponding to various types of interactive operations
Mode.For example, the broadcast mode for including in the broadcast state information of animated element is mute when interactive operation is scroll operation
Broadcast mode only shows picture at this time, and plays sound；When interactive operation is clicking operation (such as can hand over when the user clicks
In mutual region when clicking control/element), the broadcast mode for including in the broadcast state information of animated element is non-mute broadcasts
Mode is put, not only shows picture, while the corresponding sound of broadcasting pictures at this time.Certainly, broadcast mode can also be other modes,
For example, broadcast mode are as follows: play out that (region where not changing animated element is big in the original area where animated element
It is small), (increase the region where animated element, alternatively, playing out in the corresponding extended area of animated element to reach prominent aobvious
The effect shown).For another example, broadcast mode can be with are as follows: it is played in a manner of black and white, alternatively, played with color mode etc..In short,
Those skilled in the art can determine the broadcast state information of animated element according to the operational status information of user interactive operation, with
The currently playing content and broadcast mode for enabling animated element change with the interactive operation of user, to attract user
Attention promotes interaction interest.Wherein, the specific intension and corresponding relationship of operational status information and broadcast state information can
By those skilled in the art's flexible setting, herein without limitation.
It can be seen which can be according to the corresponding user interactive operation that can be received in interaction area of animated element
The broadcast state information of animated element is determined, so that the content for keeping animated element currently displayed is grasped with user's interaction
Make and change, to effectively attract the user's attention power, can generate and interact with user, and then be conducive to promote animated element
Exposure clicking rate.
Fig. 3 shows the flow chart for showing method of the animated element in a kind of page provided by Embodiment 2 of the present invention.
As shown in figure 3, this method comprises:
Step S310: obtaining the visible area in the page, when detecting in visible area comprising animated element, determine with
Animated element is corresponding can interaction area.
Page sheet in the present embodiment is set after pulling in terminal as the long page that can be dragged up and down or left and right drags
Region corresponding to the page address portions of standby middle presentation is visible area, corresponding to the page address portions not presented in terminal device
Region is non-visible area domain.Wherein, the particular content of visible area and non-visible area domain changes in real time with user's drag operation,
Correspondingly, in the present embodiment, Current Content corresponding to the visible area in the real-time monitoring page, and detect in visible area
It whether include animated element.Specifically, it can be determined according to preset page structure table in the current visible region of the page and include
The element type of view elements corresponding to each visual view block and each visual view block, when detecting member
When plain type is animation types, it is determined that include animated element in visible area.Wherein, the page is stored in the page structure table
In include whole view blocks mark and location information.
Specifically, determine it is corresponding with animated element can interaction area when, can be accomplished in that firstly,
According to preset page structure table, child node corresponding with animated element is determined as target child node；Then, the page is inquired
Face structure table, by node type corresponding to target child node be can the father node of type of interaction be determined as can interaction node；Most
Afterwards, by can page area corresponding to interaction node be determined as it is corresponding with animated element can interaction area.Wherein, above
In the page structure table mentioned, it is further stored with node identification corresponding to each view block, it may be assumed that by each view block
It is converted into each node, the dependence between view block is described according to the set membership between node.
For example, Fig. 4 shows a form of page structure table, node there are six storages coexists in the page structure table,
In, node 5 is that node 5 is correspondingly determined as target child node by animated element.Wherein, node 1 is the root node of the page, section
Point 2 and node 3 are the child node of node 1, and node 4 and node 5 are the child node of node 2.Next, being opened from target child node 5
Begin, traverse page structure table upwards in turn, the father nodes at different levels of target child node 5 is successively determined, whenever determining target sub- section
When the level-one father node of point 5, further judge current this grade of father node node type whether be can type of interaction, if so,
Current this grade of father node is used as can interaction node；If it is not, then further determine that the next stage father node of current this grade of father node,
Until determine node type be can type of interaction father node.Wherein, the father nodes at different levels of target child node 5 include: and mesh
2 level-one of level-one father node and target child node that mark child node is connected directly pass through the second level father that level-one father node 2 is indirectly connected
Node 1.It can be seen that the father node of target child node includes: level-one father node 2 and second level father node 1.When specific traversal,
Father nodes at different levels are successively traversed according to the sequence of the distance between target child node from the near to the remote, until finding node type and being
Can type of interaction father node.
In the present embodiment, can interaction area be primarily referred to as: scrollable field is also list area (ScrollView),
That is: for showing the rotatable region of information in user interface.Correspondingly, type can be rolled and (is also ScrollView class
Type) as can type of interaction.
Step S320: when monitor with can interaction area corresponding user interactive operation when, obtain user interactive operation
Operational status information.
Specifically, can monitor with can the corresponding alternative events of interaction area, when monitoring corresponding alternative events,
The operational status information of user interactive operation is obtained according to the event type of the alternative events and event information.Wherein, when can hand over
When mutual region is scrollable field, the operational status information of user interactive operation specifically include that rotating direction and/or roll away from
From.Certainly, those skilled in the art can be with the specific intension of flexible setting operational status information, for example, it is also possible to include rolling
Dynamic number rolls time interval between frequency, adjacent scroll operation twice etc..
Step S330: the broadcast state information of animated element is determined according to operational status information, according to broadcasting in the page
Status information shows animated element.
Specifically, when determining the broadcast state information of animated element according to operational status information, preset mapping can be passed through
The determining broadcast state information to match with operational status information of relationship.The mapping relations are used for the tool of setting operation status information
Corresponding relationship between body numerical value and the specific value of broadcast state information, so that the broadcast state of animated element can be with user
Interactive operation and change.
In the present embodiment, when can interaction area be scrollable field when, can be according to the rolling in operational status information
The specifying informations such as direction and/or rolling distance determine the time schedule information for including in the broadcast state information of animated element, with
Just show the image frame corresponding with the time schedule information for including in animated element in the page.Specifically, according to operation
Rotating direction and/or rolling distance in status information, determine animated element relative to can interaction area location information；According to
The location information determines the time schedule information for including in the broadcast state information of animated element.Correspondingly, in aforesaid way
In, whenever animated element relative to can the location information of interaction area change with the slide of user when, animation member
The time schedule information then corresponding change for including in the broadcast state information of element, so that picture shown by animated element becomes
Change.When it is implemented, determine animated element relative to can interaction area location information when, can be accomplished in that
Firstly, obtain animated element first end and can first distance between the first end of interaction area, wherein when can interaction area
For can roll vertically region when, which can be top or bottom end；When can interaction area be capable of horizontal rolling
When region, which can be left or right.Then, obtain can interaction area first end with can interaction area second
Second distance between end, wherein when can interaction area be the region that can be rolled vertically when, which can be with
Respectively top and bottom end；When can interaction area be to be capable of the region of horizontal rolling when, which can distinguish
For left end and right end.Finally, determining animated element relative to can interactive areas according to the ratio between first distance and second distance
The location information in domain.
For example, Fig. 5 a shows animated element (i.e. the corresponding region of picture 25) and can a kind of position between interaction area
The schematic diagram of information, Figure 5b shows that the animated elements (i.e. the corresponding region of picture 75) and can another kind between interaction area
The schematic diagram of location information.Wherein, box where picture is animated element, other regions on screen correspond to can interactive areas
Domain.It can be seen that in fig 5 a, in response to the slide of user, animated element relative to can interaction area location information
It is as follows: the top of animated element and can interaction area the distance between bottom with can ratio between the overall height of interaction area
Value is 25%, correspondingly, the time schedule information in the broadcast state information to match with the operational status information can be set
It is 25%.Such as, it is assumed that total playing duration of animated element is 8 minutes, then time schedule information 25% is 2 corresponding to time point
Image frame (picture 25 in Fig. 5 a) at minute.Similarly in figure 5b, in response to the slide of user, animated element is opposite
In can interaction area location information it is as follows: the top of animated element with can interaction area the distance between bottom with can interact
Ratio between the overall height in region is 75%, correspondingly, the broadcasting shape to match with the operational status information can be set
Time schedule information in state information is 75%.When assuming that total playing duration of animated element is 8 minutes, then time schedule is believed
Breath 75% corresponds to time point for the image frame (picture 75 in Fig. 5 b) at 6 minutes.It can be seen that in the present embodiment, it will
Animated element relative to can interaction area location information by percent wise indicate, correspondingly, will be in broadcast state information
Time schedule information indicated also by percent wise, thus establish reflecting between operational status information and broadcast state information
Penetrate relationship.When it is implemented, animation progress is 0, and the animated element is not when the top of animated element is in non-visible area domain
It can be seen that.When where user's upward sliding animated element can interaction area when, the animated element with the slide of user and
It moves up, to make the top of animated element be in visible area, at this point, being calculated according to the specific location at the top of animated element
The time schedule information of the animated element, to show corresponding image frame.Before user continues to issue slide, animation member
Element shows always the image frame, until the slide of user is received again, since the slide received again makes
The position for drawing element continues to move up, so that the specific location at the top of it be made to change, correspondingly, is then changed according to animated element
The time schedule information of the animated element is recalculated in position afterwards, to show corresponding image frame, so that animated element be made to work as
The image frame of preceding display can change with the interactive operation that user issues.
In summary, by the above-mentioned means, picture shown by animated element can be made to change with the interactive operation of user
Become, it may be assumed that control animation play progress by user's interactive action, allow user to generate with animation and interact.Whenever user issues one
After secondary interactive operation, picture shown by animated element can all change, so that user's visual experience finding everything fresh and new is brought,
And then user is promoted to continue to issue interactive operation, to change the picture of animated element, to make energy between animated element and user
It is enough to generate interaction, promote interest.Also, on the basis of interaction, it is easier to excite user for the emerging of the animated element
Interest, and then the user is promoted to click the animated element to check all videos information, be conducive to the exposure for promoting the animated element
Clicking rate.In conventional manner, it when showing a picture, GIF, video in a block in list, can not be produced with user
Raw interaction, can not effectively attract the attention of user, cause to be easy to be unnoticed by the user, cause whole clicking rate relatively low.And
Machine-made picture, is easy to produce visual fatigue in block.By using the method in the present embodiment, interactive mode can be realized
Animation effect, the element that can optimize under the scene is shown, is attracted the user's attention, and improves exposure clicking rate.This method can answer
Dispensing for billboard.When animated element is advertisement dvielement, the click volume of advertisement can be effectively promoted.
Embodiment three
Fig. 6 shows the structural representation of the display device of the animated element in a kind of page of the offer of the embodiment of the present invention three
Figure, the device include:
Determining module 61, be adapted to determine that it is corresponding with the animated element in the page can interaction area；
Obtain module 62, suitable for when monitor with it is described can interaction area corresponding user interactive operation when, obtain institute
State the operational status information of user interactive operation；
Display module 63, suitable for determining the broadcast state information of the animated element according to the operational status information,
Show the animated element according to the broadcast state information in the page.
Optionally, the determining module 61 is particularly adapted to:
According to preset page structure table, child node corresponding with the animated element is determined as target child node；
Inquire the page structure table, by node type corresponding to the target child node be can type of interaction father save
Point is determined as can interaction node；
By it is described can page area corresponding to interaction node be determined as described corresponding with the animated element hand over
Mutual region.
Optionally, when it is described can interaction area be scrollable field when, the operational status information of the user interactive operation
It include: rotating direction and/or rolling distance；
Then the display module 63 is particularly adapted to: according in the operational status information rotating direction and/or roll away from
From determining the time schedule information for including in the broadcast state information of the animated element；Show in the page described dynamic
Draw the image frame corresponding with the time schedule information for including in element.
Optionally, the display module 63 is particularly adapted to:
According to the rotating direction and/or rolling distance in the operational status information, determine the animated element relative to
It is described can interaction area location information；
According to the positional information, the time schedule information for including in the broadcast state information of the animated element is determined.
Optionally, the display module 63 is particularly adapted to:
Obtain the animated element first end and it is described can first distance between the first end of interaction area；
Described in acquisition can interaction area first end and it is described can second distance between the second end of interaction area；
According to the ratio between the first distance and the second distance determine the animated element relative to it is described can
The location information of interaction area.
Optionally, it is described can interaction area include: scrollable field, click on area, and/or can pull region；It is described
User interactive operation includes: scroll operation, clicking operation, drag operation；
The operational status information of the user interactive operation includes: action type, number of operations, operation amplitude.
Optionally, the determining module 61 is particularly adapted to:
Obtain the visible area in the page, when detecting in the visible area comprising animated element, determine with
The animated element is corresponding can interaction area；Wherein, the animated element includes: video elementary and/or cardon element.
It can refer to the description of corresponding portion in embodiment of the method about the specific structure and working principle of above-mentioned modules,
Details are not described herein again.
Example IV
The embodiment of the present application four provides a kind of nonvolatile computer storage media, the computer storage medium storage
There is an at least executable instruction, which can be performed the animation in the page in above-mentioned any means embodiment
Element shows method.Executable instruction specifically can be used for so that corresponding each in processor execution above method embodiment
Operation.
Embodiment five
Fig. 7 shows the structural schematic diagram of according to embodiments of the present invention five a kind of electronic equipment, present invention specific implementation
Example does not limit the specific implementation of electronic equipment.
As shown in fig. 7, the electronic equipment may include: processor (processor) 702, communication interface
(Communications Interface) 706, memory (memory) 704 and communication bus 708.
Wherein:
Processor 702, communication interface 706 and memory 704 complete mutual communication by communication bus 708.
Communication interface 706, for being communicated with the network element of other equipment such as client or other servers etc..
Processor 702, for executing program 710, can specifically execute the animated element in the above-mentioned page shows method
Correlation step in embodiment.
Specifically, program 710 may include program code, which includes computer operation instruction.
Processor 702 may be central processor CPU or specific integrated circuit ASIC (Application
Specific Integrated Circuit), or be arranged to implement the integrated electricity of one or more of the embodiment of the present invention
Road.The one or more processors that electronic equipment includes can be same type of processor, such as one or more CPU；It can also
To be different types of processor, such as one or more CPU and one or more ASIC.
Memory 704, for storing program 710.Memory 704 may include high speed RAM memory, it is also possible to further include
Nonvolatile memory (non-volatile memory), for example, at least a magnetic disk storage.
Program 510 specifically can be used for so that processor 502 executes corresponding each operation in above method embodiment.
Algorithm and display are not inherently related to any particular computer, virtual system, or other device provided herein.
Various general-purpose systems can also be used together with teachings based herein.As described above, it constructs required by this kind of system
Structure be obvious.In addition, the present invention is also not directed to any particular programming language.It should be understood that can use various
Programming language realizes summary of the invention described herein, and the description done above to language-specific is to disclose this hair
Bright preferred forms.
In the instructions provided here, numerous specific details are set forth.It is to be appreciated, however, that implementation of the invention
Example can be practiced without these specific details.In some instances, well known method, structure is not been shown in detail
And technology, so as not to obscure the understanding of this specification.
Similarly, it should be understood that in order to simplify the disclosure and help to understand one or more of the various inventive aspects,
Above in the description of exemplary embodiment of the present invention, each feature of the invention is grouped together into single implementation sometimes
In example, figure or descriptions thereof.However, the disclosed method should not be interpreted as reflecting the following intention: i.e. required to protect
Shield the present invention claims features more more than feature expressly recited in each claim.More precisely, as following
Claims reflect as, inventive aspect is all features less than single embodiment disclosed above.Therefore,
Thus the claims for following specific embodiment are expressly incorporated in the specific embodiment, wherein each claim itself
All as a separate embodiment of the present invention.
Those skilled in the art will understand that can be carried out adaptively to the module in the equipment in embodiment
Change and they are arranged in one or more devices different from this embodiment.It can be the module or list in embodiment
Member or component are combined into a module or unit or component, and furthermore they can be divided into multiple submodule or subelement or
Sub-component.Other than such feature and/or at least some of process or unit exclude each other, it can use any
Combination is to all features disclosed in this specification (including adjoint claim, abstract and attached drawing) and so disclosed
All process or units of what method or apparatus are combined.Unless expressly stated otherwise, this specification is (including adjoint power
Benefit require, abstract and attached drawing) disclosed in each feature can carry out generation with an alternative feature that provides the same, equivalent, or similar purpose
It replaces.
In addition, it will be appreciated by those of skill in the art that although some embodiments described herein include other embodiments
In included certain features rather than other feature, but the combination of the feature of different embodiments mean it is of the invention
Within the scope of and form different embodiments.For example, in the following claims, embodiment claimed is appointed
Meaning one of can in any combination mode come using.
Various component embodiments of the invention can be implemented in hardware, or to run on one or more processors
Software module realize, or be implemented in a combination thereof.It will be understood by those of skill in the art that can be used in practice
Microprocessor or digital signal processor (DSP) realize the prize drawing according to an embodiment of the present invention based on voice input information
The some or all functions of some or all components in system.The present invention is also implemented as being retouched here for executing
The some or all device or device programs (for example, computer program and computer program product) for the method stated.
It is such to realize that program of the invention can store on a computer-readable medium, or can have one or more signal
Form.Such signal can be downloaded from an internet website to obtain, be perhaps provided on the carrier signal or with it is any its
He provides form.
It should be noted that the above-mentioned embodiments illustrate rather than limit the invention, and ability
Field technique personnel can be designed alternative embodiment without departing from the scope of the appended claims.In the claims,
Any reference symbol between parentheses should not be configured to limitations on claims.Word "comprising" does not exclude the presence of not
Element or step listed in the claims.Word "a" or "an" located in front of the element does not exclude the presence of multiple such
Element.The present invention can be by means of including the hardware of several different elements and being come by means of properly programmed computer real
It is existing.In the unit claims listing several devices, several in these devices can be through the same hardware branch
To embody.The use of word first, second, and third does not indicate any sequence.These words can be explained and be run after fame
Claim.
Claims (10)
1. a kind of animated element in page shows method, comprising:
Determine it is corresponding with the animated element in the page can interaction area；
When monitor with it is described can interaction area corresponding user interactive operation when, obtain the operation of the user interactive operation
Status information；
The broadcast state information that the animated element is determined according to the operational status information, broadcasts in the page according to described
It puts status information and shows the animated element.
2. according to the method described in claim 1, wherein, it is corresponding with the animated element in the determination page can
Interaction area includes:
According to preset page structure table, child node corresponding with the animated element is determined as target child node；
Inquire the page structure table, by node type corresponding to the target child node be can type of interaction father node it is true
Being set to can interaction node；
By it is described can page area corresponding to interaction node be determined as it is described it is corresponding with the animated element can interactive areas
Domain.
3. method according to claim 1 or 2, wherein when it is described can interaction area be scrollable field when, the user
The operational status information of interactive operation includes: rotating direction and/or rolling distance；
Then the broadcast state information that the animated element is determined according to the operational status information includes: according to the operation
Rotating direction and/or rolling distance in status information determine the time for including in the broadcast state information of the animated element
Progress msg；
Showing the animated element according to the broadcast state information in the page described in then includes: to open up in the page
The image frame corresponding with the time schedule information for including in the existing animated element.
4. according to the method described in claim 3, wherein, the rotating direction according in the operational status information and/or
Rolling distance determines that the time schedule information for including in the broadcast state information of the animated element includes:
According to the rotating direction and/or rolling distance in the operational status information, determine the animated element relative to described
Can interaction area location information；
According to the positional information, the time schedule information for including in the broadcast state information of the animated element is determined.
5. according to the method described in claim 4, wherein, the determination animated element relative to it is described can interaction area
Location information includes:
Obtain the animated element first end and it is described can first distance between the first end of interaction area；
Described in acquisition can interaction area first end and it is described can second distance between the second end of interaction area；
Determine that the animated element is interacted relative to described according to the ratio between the first distance and the second distance
The location information in region.
6. -5 any method according to claim 1, wherein it is described can interaction area include: scrollable field, can click
Region, and/or region can be pulled；The user interactive operation includes: scroll operation, clicking operation, drag operation；
The operational status information of the user interactive operation includes: action type, number of operations, operation amplitude.
7. -6 any method according to claim 1, wherein opposite with the animated element in the determination page
Answer can interaction area include:
Obtain the visible area in the page, when detecting in the visible area comprising animated element, it is determining with it is described
Animated element is corresponding can interaction area；Wherein, the animated element includes: video elementary and/or cardon element.
8. a kind of display device of the animated element in page, comprising:
Determining module, be adapted to determine that it is corresponding with the animated element in the page can interaction area；
Obtain module, suitable for when monitor with it is described can interaction area corresponding user interactive operation when, obtain the user
The operational status information of interactive operation；
Display module, suitable for determining the broadcast state information of the animated element according to the operational status information, in the page
Show the animated element according to the broadcast state information in face.
9. a kind of electronic equipment, comprising: processor, memory, communication interface and communication bus, the processor, the storage
Device and the communication interface complete mutual communication by the communication bus；
The memory executes the processor as right is wanted for storing an at least executable instruction, the executable instruction
That seeks the animated element in the page described in any one of 1-7 shows the corresponding operation of method.
10. a kind of computer storage medium, an at least executable instruction, the executable instruction are stored in the storage medium
It executes processor and shows the corresponding operation of method such as the animated element in the page of any of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811516046.3A CN109710353A (en) | 2018-12-12 | 2018-12-12 | Animated element in the page shows method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811516046.3A CN109710353A (en) | 2018-12-12 | 2018-12-12 | Animated element in the page shows method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109710353A true CN109710353A (en) | 2019-05-03 |
Family
ID=66255639
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811516046.3A Pending CN109710353A (en) | 2018-12-12 | 2018-12-12 | Animated element in the page shows method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109710353A (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112464125A (en) * | 2020-12-07 | 2021-03-09 | 北京小米松果电子有限公司 | Page display method and device, electronic equipment and storage medium |
| CN112463270A (en) * | 2019-09-09 | 2021-03-09 | 拉扎斯网络科技（上海）有限公司 | Data display method and device, terminal and readable storage medium |
| CN113157175A (en) * | 2020-01-22 | 2021-07-23 | 阿里巴巴集团控股有限公司 | Special effect engine, interactive special effect generating method using same and user interaction method |
| CN113656731A (en) * | 2021-07-30 | 2021-11-16 | 北京百度网讯科技有限公司 | Advertisement page processing method and device, electronic equipment and storage medium |
| CN113850891A (en) * | 2021-08-31 | 2021-12-28 | 支付宝(杭州)信息技术有限公司 | Animation playing processing method, device, equipment and system |
| CN114257834A (en) * | 2021-12-30 | 2022-03-29 | 广州方硅信息技术有限公司 | Live broadcast room virtual gift interaction method and device, equipment and medium thereof |
| CN117251231A (en) * | 2023-11-17 | 2023-12-19 | 浙江口碑网络技术有限公司 | Animation resource processing method, device and system and electronic equipment |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104133624A (en) * | 2014-07-10 | 2014-11-05 | 腾讯科技（深圳）有限公司 | Webpage animation display method, webpage animation display device and terminal |
| CN104423814A (en) * | 2013-08-20 | 2015-03-18 | 腾讯科技（深圳）有限公司 | Method for controlling network media information interaction and browser |
| CN104811812A (en) * | 2014-01-24 | 2015-07-29 | 腾讯科技（北京）有限公司 | Audio and video play progress control method, apparatus and system |
| CN105988933A (en) * | 2016-01-29 | 2016-10-05 | 腾讯科技（深圳）有限公司 | Interface operable node identification method and application test method, device and system |
| CN107967344A (en) * | 2017-12-11 | 2018-04-27 | 上海携程商务有限公司 | Implementation method, system, equipment and the storage medium of web animation effect |
-
2018
- 2018-12-12 CN CN201811516046.3A patent/CN109710353A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104423814A (en) * | 2013-08-20 | 2015-03-18 | 腾讯科技（深圳）有限公司 | Method for controlling network media information interaction and browser |
| CN104811812A (en) * | 2014-01-24 | 2015-07-29 | 腾讯科技（北京）有限公司 | Audio and video play progress control method, apparatus and system |
| CN104133624A (en) * | 2014-07-10 | 2014-11-05 | 腾讯科技（深圳）有限公司 | Webpage animation display method, webpage animation display device and terminal |
| CN105988933A (en) * | 2016-01-29 | 2016-10-05 | 腾讯科技（深圳）有限公司 | Interface operable node identification method and application test method, device and system |
| CN107967344A (en) * | 2017-12-11 | 2018-04-27 | 上海携程商务有限公司 | Implementation method, system, equipment and the storage medium of web animation effect |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112463270A (en) * | 2019-09-09 | 2021-03-09 | 拉扎斯网络科技（上海）有限公司 | Data display method and device, terminal and readable storage medium |
| CN112463270B (en) * | 2019-09-09 | 2021-06-18 | 拉扎斯网络科技（上海）有限公司 | Data display method and device, terminal and readable storage medium |
| CN113157175A (en) * | 2020-01-22 | 2021-07-23 | 阿里巴巴集团控股有限公司 | Special effect engine, interactive special effect generating method using same and user interaction method |
| CN112464125A (en) * | 2020-12-07 | 2021-03-09 | 北京小米松果电子有限公司 | Page display method and device, electronic equipment and storage medium |
| CN113656731A (en) * | 2021-07-30 | 2021-11-16 | 北京百度网讯科技有限公司 | Advertisement page processing method and device, electronic equipment and storage medium |
| CN113850891A (en) * | 2021-08-31 | 2021-12-28 | 支付宝(杭州)信息技术有限公司 | Animation playing processing method, device, equipment and system |
| CN114257834A (en) * | 2021-12-30 | 2022-03-29 | 广州方硅信息技术有限公司 | Live broadcast room virtual gift interaction method and device, equipment and medium thereof |
| CN114257834B (en) * | 2021-12-30 | 2023-12-08 | 广州方硅信息技术有限公司 | Virtual gift interaction method and device, equipment and medium for live broadcasting room |
| CN117251231A (en) * | 2023-11-17 | 2023-12-19 | 浙江口碑网络技术有限公司 | Animation resource processing method, device and system and electronic equipment |
| CN117251231B (en) * | 2023-11-17 | 2024-02-23 | 浙江口碑网络技术有限公司 | Animation resource processing method, device and system and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109710353A (en) | Animated element in the page shows method and device | |
| US20210035609A1 (en) | Video recording method and apparatus, video playing method and apparatus, device, and storage medium | |
| US6988248B1 (en) | Animated indicators that reflect function activity or state of objects data or processes | |
| US8918758B2 (en) | Systems and methods for storing object and action data during media content development | |
| CN100495294C (en) | Multi-planar three-dimensional user interface | |
| CN107172474B (en) | Method and device for drawing bullet screen by using canvas | |
| CN107551555B (en) | Game picture display method and device, storage medium and terminal | |
| US20150033192A1 (en) | Method for creating effective interactive advertising content | |
| CN108093310B (en) | Sharing method and device, storage medium, the electronic device of information | |
| US9665965B2 (en) | Video-associated objects | |
| CN107679188A (en) | A kind of method that 3D models are loaded in webpage | |
| CN108495169A (en) | Information displaying method and device | |
| JP2013531842A (en) | Visual elements, methods and systems | |
| CN105045935B (en) | A kind of method and electronic equipment for recommended location information | |
| CN110796712A (en) | Material processing method, device, electronic equipment and storage medium | |
| CN112802192B (en) | Three-dimensional graphic image player capable of realizing real-time interaction | |
| CN104954875B (en) | A kind of video playing progress monitoring method and device | |
| CN102387413A (en) | Method for displaying weather information on television | |
| CN106658077B (en) | Human screen interactive appreciation method | |
| CN109951728A (en) | A kind of advertisement distributing system and method | |
| CN106815880B (en) | Animation multiplexing method and system | |
| WO2022194065A1 (en) | Interaction method and apparatus in live streaming room, device, and storage medium | |
| CN113688341B (en) | Dynamic picture decomposition method and device, electronic equipment and readable storage medium | |
| CN104166931A (en) | Advertising information display method and client | |
| CN114679597A (en) | Live broadcast interaction method, anchor terminal, user terminal and system |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190503 |
|
| RJ01 | Rejection of invention patent application after publication |