CN113296659A - Operation processing method, operation processing device and electronic equipment - Google Patents

Operation processing method, operation processing device and electronic equipment Download PDF

Info

Publication number
CN113296659A
CN113296659A CN202010597563.9A CN202010597563A CN113296659A CN 113296659 A CN113296659 A CN 113296659A CN 202010597563 A CN202010597563 A CN 202010597563A CN 113296659 A CN113296659 A CN 113296659A
Authority
CN
China
Prior art keywords
interactive
processing method
image
media content
operation processing
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
Application number
CN202010597563.9A
Other languages
Chinese (zh)
Inventor
向雨菲
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Publication of CN113296659A publication Critical patent/CN113296659A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons

Abstract

An operation processing method, an operation processing apparatus, and an electronic device are disclosed. The operation processing method comprises the following steps: receiving an operation on interactive media content; determining an operation progress of the operation based on the operation parameters of the operation; and calling a preset animation library based on the operation process to obtain an image corresponding to the operation process, wherein the preset animation library analyzes a source file of the image stored in advance and renders the image. In this way, the user's interactive experience may be improved.

Description

Operation processing method, operation processing device and electronic equipment
Technical Field
The present application relates to the field of interactive technologies, and in particular, to an operation processing method, an operation processing apparatus, and an electronic device.
Background
At present, with continuous iteration of technology and upgrading of interactive mode, interactive media content with interactivity is gradually emerging in the media content field. In the process of watching the interactive media content, the user can unlock the plot or promote the plot development through interactive operation, and the user is not only a viewer of the media content but also a participant, so that the interactive media content can stimulate the curiosity and the exploration of the user for the user, and attract the user to watch.
For example, a common interactive form of the interactive media content is a branching scenario, which is also called as an AB scenario, and the form is also relatively simple, that is, an option of the branching scenario is set at a certain node of the media content, and the corresponding branching scenario is played according to a user selection, and the branching scenarios may be completely independent from each other, for example, an independent story line and an independent ending, and of course, the branching scenario may also be only a middle process of the scenario, and a scenario main line is returned when the branching scenario ends.
Since the interactive media content may have a requirement of developing from the scenario main line to different branch scenarios, or returning to the scenario main line from different branch scenarios, the interactive media content generally comprises a plurality of media content segments (or media content intervals), for example, the scenario main line is a media content segment, and each branch scenario corresponds to a media content segment. In addition, the interactive media content also includes interactive components, such as an interactive component for presenting options to a user, an interactive component for receiving user operations, and the like.
Currently, the mainstream interactive mode of interactive media content is to present different options to a user, and the user interaction is realized by clicking the presented option icon by the user, which results in a single interactive mode and poor interactive effect. Furthermore, the problem also exists for other forms of interactive media content, such as interactive audio, etc.
Accordingly, it is desirable to provide solutions for improved interaction of interactive media content in other manners of operation.
Disclosure of Invention
The present application is proposed to solve the above-mentioned technical problems. The embodiment of the application provides an operation processing method, an operation processing device and an electronic device, which receive an operation from a user, determine an operation process of the user, and display a corresponding image to the user based on the operation process, so that the interaction experience of the user is improved.
According to an aspect of the present application, there is provided an operation processing method including: receiving an operation on interactive media content; determining an operation progress of the operation based on the operation parameters of the operation; and calling a preset animation library based on the operation process to obtain an image corresponding to the operation process, wherein the preset animation library analyzes a source file of the image stored in advance and renders the image.
In the above operation processing method, the operation is a quick response operation; and, receiving the operation comprises: responding to an interactive node playing interactive media content, and loading an interactive component arranged on the interactive node, wherein the interactive component comprises a quick response event operation area used for receiving the quick response operation; and receiving a quick response operation within the quick response event operation region.
In the above operation processing method, loading the interactive component provided at the interactive node includes: calling the predetermined animation library to obtain a guide image for the interactive node.
In the above operation processing method, loading the interactive component provided at the interactive node further includes: and setting the guide image to be played circularly.
In the above operation processing method, the method further includes: determining an operation result of the operation based on an operation parameter of the operation; and entering a branch node of the interactive media content based on the operation result.
In the above operation processing method, entering a branch node of the interactive media content based on the operation result includes: calling the predetermined animation library to obtain a branch image for the branch node.
In the above operation processing method, the method further includes: determining whether the operation is aborted based on an operating parameter of the operation; and calling reverse playing of the preset animation library in response to the operation termination.
In the operation processing method, the quick response operation includes one of a quick click operation, a long press operation, and a slide operation.
In the operation processing method, the operation includes a single-click operation and/or a double-click operation.
In the above operation processing method, after rendering the image, the method includes: and displaying different advertisement pages based on the operation process.
In the above operation processing method, after rendering the image, the method includes: and switching a playing channel based on the operation process.
According to another aspect of the present application, there is provided an operation processing apparatus including: a receiving unit, configured to receive an operation on interactive media content; a determination unit configured to determine an operation progress of the operation based on an operation parameter of the operation; and the calling unit is used for calling a preset animation library based on the operation process to obtain an image corresponding to the operation process, and the preset animation library analyzes a source file of the image stored in advance and renders the image.
In the above-described operation processing device, the operation is a quick response operation; and the receiving unit is used for: responding to an interactive node playing interactive media content, and loading an interactive component arranged on the interactive node, wherein the interactive component comprises a quick response event operation area used for receiving the quick response operation; and receiving a quick response operation within the quick response event operation region.
In the above operation processing apparatus, the receiving unit loading an interactive component provided at the interactive node includes: calling the predetermined animation library to obtain a guide image for the interactive node.
In the above operation processing apparatus, the receiving unit loads the interactive component provided at the interactive node, and the receiving unit further includes: and setting the guide image to be played circularly.
In the above operation processing device, further comprising: and the interaction unit is used for determining an operation result of the operation based on the operation parameter of the operation and entering a branch node of the interactive media content based on the operation result.
In the above operation processing apparatus, the entering of the interactive media content into the branch node based on the operation result by the interactive unit includes: calling the predetermined animation library to obtain a branch image for the branch node.
In the above operation processing device, further comprising: and the reverse unit is used for determining whether the operation is stopped or not based on the operation parameters of the operation and calling the reverse playing of the preset animation library in response to the operation stop.
In the above-described operation processing apparatus, the quick response operation includes one of a quick click operation, a long press operation, and a slide operation.
In the above-described operation processing device, the operation includes a single-click operation and/or a double-click operation.
In the above operation processing device, further comprising: and the display unit is used for displaying different advertisement pages based on the operation process after the image is rendered.
In the above operation processing device, further comprising: and the switching unit is used for switching a playing channel based on the operation process after the image is rendered.
According to still another aspect of the present application, there is provided an electronic apparatus including: a processor; and a memory in which computer program instructions are stored, which, when executed by the processor, cause the processor to perform the operation processing method as described above.
According to yet another aspect of the present application, there is provided a computer-readable medium having stored thereon computer program instructions, which, when executed by a processor, cause the processor to perform the operation processing method as described above.
The operation processing method, the operation processing device and the electronic equipment can receive the operation from the user, determine the operation progress of the operation, and display the corresponding image to the user based on the operation progress, so that the interaction experience of the user is improved.
Drawings
The above and other objects, features and advantages of the present application will become more apparent by describing in more detail embodiments of the present application with reference to the attached drawings. The accompanying drawings are included to provide a further understanding of the embodiments of the application and are incorporated in and constitute a part of this specification, illustrate embodiments of the application and together with the description serve to explain the principles of the application. In the drawings, like reference numbers generally represent like parts or steps.
Fig. 1 is a schematic diagram illustrating an application scenario of an operation processing method according to an embodiment of the present application.
FIG. 2 illustrates a flow chart of an operational processing method according to an embodiment of the present application.
Fig. 3 illustrates a schematic diagram of an example of use of a library of predetermined animations according to an embodiment of the present application.
Fig. 4 is a schematic diagram illustrating an application example of the operation processing method according to the embodiment of the present application.
Fig. 5 illustrates a block diagram of an operation processing device according to an embodiment of the present application.
FIG. 6 illustrates a block diagram of an electronic device in accordance with an embodiment of the present application.
Detailed Description
Hereinafter, example embodiments according to the present application will be described in detail with reference to the accompanying drawings. It should be understood that the described embodiments are only some embodiments of the present application and not all embodiments of the present application, and that the present application is not limited by the example embodiments described herein.
Overview of a scene
Fig. 1 is a schematic diagram illustrating an application scenario of an operation processing method according to an embodiment of the present application.
As shown in fig. 1, the interactive media content is played on the display interface of the interactive media content playing end. And when the interactive node is played, loading the interactive component of the interactive node. Here, the interactive component includes a region for receiving an operation on the interactive media content, for example, a Quick response Event (QTE) operation region for receiving a Quick response operation, and thus loading the interactive component also creates an operation region on the display interface for receiving an operation on the interactive media content, for example, a region shown by a dotted box in fig. 1.
Then, in response to an operation within the operation region, an animation library is called to display an image corresponding to an operation progress of the operation. For example, as shown in fig. 1, at the start of the operation, an image indicating the start of the slide operation is displayed on the display interface, that is, the slider is located at the leftmost side of the slide rail. Then, as shown in fig. 1, in response to the progress of the slide operation, an image indicating the progress of the slide operation, that is, a slider located at the center of the slide rail depending on the progress of the slide operation, is displayed on the display interface. Finally, as shown in fig. 1, in response to the end of the sliding operation, an image indicating the end of the sliding operation is displayed on the display interface, that is, the slider is located at the rightmost side of the slide rail.
Finally, the operation result of the operation, for example, the slide success or the slide failure as shown in fig. 1 is determined, and a different branching scenario 1 or branching scenario 2 is entered accordingly.
Hereinafter, an exemplary operation processing method according to an embodiment of the present application will be further described with reference to the drawings.
Exemplary method
FIG. 2 illustrates a flow chart of an operational processing method according to an embodiment of the present application.
As shown in fig. 2, the operation processing method according to the embodiment of the present application includes the following steps.
Step S110, receiving an operation on the interactive media content. Here, the operation on the interactive media content may be various operations of the user when interacting with the interactive media content, such as a click operation of clicking, double clicking, and the like, and may also include other types of gesture operations, such as a sliding operation, and the like.
In one example, the operation is a fast response operation. In the embodiment of the application, the Quick response operation is based on a Quick response Event (QTE), is a common operation in games, and is mainly used for checking the instant response of a user. In the embodiment of the present application, the quick response operation may represent various operations performed by the user based on the interactive media content, including but not limited to quick click, slide, long press, and the like.
Specifically, as described above, when an interactive node of interactive media content is played, an interactive component provided at the interactive node is loaded, where the interactive component includes a quick response event operation area for receiving the quick response operation. Here, the interactive node of the interactive media content refers to a node where there is branching content or other interactive elements of the interactive media content, for example, a node of an AB series of an interactive video provided with an option of a branching scenario, or a node where a different user interface can be selected, and the like.
And the interactive component is arranged at an interactive node of the interactive media content and is used for interacting with the user, processing the option and connecting the multi-branch scenario. For example, the interactive component can be implemented by creating an interactive container on the player and dynamically rendering a piece of Javascript code to execute the associated interactive logic.
In the embodiment of the application, in order to interact through the quick response operation of the user at the interaction node, an operation area for receiving the quick response operation is included in the interaction component. In particular, such an operation area may be referred to as a quick response event operation area, and such an operation area may be displayed in a full screen or in a part of the screen.
That is, in the operation processing method according to an embodiment of the present application, the operation is a quick response operation, and the receiving an operation on interactive media content includes: responding to an interactive node playing interactive media content, and loading an interactive component arranged on the interactive node, wherein the interactive component comprises a quick response event operation area used for receiving the quick response operation; and receiving a quick response operation within the quick response event operation region.
Therefore, in the embodiment of the present application, some interactive modes in the interactive media content are completed through operations, that is, different branching scenarios can be unlocked through the operations of the user. For example, when a person in a scenario encounters an emergency and is pursued by the person, a quick click is required to accelerate the escape speed, if the quick click is successful, a successful ending is entered, otherwise, a failed ending is entered, and of course, other operation modes such as long-press or sliding can be adopted.
In order to provide better interaction effect for the operation, it is desirable to display real-time feedback corresponding to the operation to the user, so that the user can feel the feedback. In the embodiment of the application, feedback can be given to the user in the form of animation, so that a better interactive effect is achieved, and the animation needs to have continuity, real-time performance and multi-state performance.
Step S120, determining the operation progress of the operation based on the operation parameters of the operation. That is, as described above, in order to provide real-time feedback corresponding to an operation to a user, it is necessary to determine the operation progress of the operation. For example, for the slide operation, it is necessary to determine which predetermined position the current slide operation has reached, for the long press operation, it is necessary to determine how long the current long press operation has been performed, and for the quick click operation, it is necessary to determine the number of clicks that meet the conditions in the current quick click operation.
Still alternatively, for the click operation, the operation progress may be determined based on the operation strength of the click operation, for example, a click operation with a predetermined strength may be determined as an operation progress of 100%, and then the operation progress of the click operation may be determined based on a ratio of the click strength of the current click operation to the predetermined strength.
Therefore, in the embodiment of the present application, operation parameters of the operation, such as the sliding distance of the sliding operation, the long pressing time of the long pressing operation, and the time interval between every two adjacent clicks and the total number of clicks in the quick clicking operation, are first determined. Then, an operating process is determined based on the operating parameter. For example, the current sliding distance of the sliding operation is divided by the total sliding distance to obtain the operation progress of the sliding operation. Or, the current long-press time of the long-press operation is divided by the total long-press time to obtain the operation progress of the long-press operation. Or dividing the number of clicks with the current time interval between two adjacent clicks meeting the condition in the quick click operation by the total number of clicks needing to meet the condition to obtain the operation progress of the quick click operation.
S130, calling a preset animation library based on the operation process to obtain an image corresponding to the operation process, wherein the preset animation library analyzes a source file of the image stored in advance and renders the image. In the embodiment of the present application, the predetermined animation library may be various open-source animation frames, and may be used on a client, such as a smartphone of a user, in the form of an application, or may be used on a web page side in the form of a web page plug-in. The design end can design the animation by using a design tool such as AE and the like, and export a description file of the animation, for example, in a Json format, so that Json can be directly used at the client end or the webpage end to run a preset animation library so as to restore the animation effect.
Fig. 3 illustrates a schematic diagram of an example of use of a library of predetermined animations according to an embodiment of the present application. As shown in fig. 3, after the design end S designs and produces animation effects according to the scene of the quick response event to be implemented, an animation source file F, which is a complete description file for animation and may optionally include a picture I for animation, is derived using a design tool, such as AE. Then, the design terminal S stores the animation source file F and the picture I in a predetermined animation library L.
In addition, the design end S informs the client C of the correspondence between the corresponding frame of the animation and the operation progress of the quick response operation. For example, if the quick response operation corresponds to 100 frames of animation, each frame corresponds to 1% of the operation progress of the quick response operation.
Thus, when the client C receives the quick response operation and determines the operation progress thereof, the predetermined animation library L can be called based on the operation progress. And rendering the preset animation library L based on the calling of the client C, based on the animation source file F and the picture I to obtain an image M corresponding to the operation process of the quick response operation, and sending the image M to the client C.
Specifically, the predetermined Animation library may be a Lottie Animation library, or a CSS3 Animation library, or an Animation library of H5, which has functions similar to those of a player, but has a bottom layer of scheduling package for a rendering engine of a terminal device such as a computer, a mobile phone, and the like, and provides a front end or a client with a quoteable code after the package.
On the other hand, if animation is realized by the editing function or the attribute change of the container, animation is directly written by the code, development is complicated, the construction period is long, and the design reduction degree is not high. In addition, complex animations require a plurality of elements on a page to be operated respectively, and finally the animations are combined, so that the reducibility and the fluency of the animations are poor.
The preset animation library scheme of the embodiment of the application is based on the existing open source framework, the development cost is reduced, the modification is flexible in design, the design change only needs to derive the source file again, such as a Json file, the picture can be replaced randomly, the animation reduction degree is high, strict design and walk are not needed at every time, and the design cost is reduced. And if the animation needs to be changed, the animation materials can be flexibly replaced through the operation of the design end without the need of a client side, and the configuration is high.
In addition, the animation rendered through the preset animation library has good fluency and continuity, and accords with the real-time performance of quick response operation.
In the embodiment of the present application, animation effects at different stages can be achieved by using the predetermined animation library. For the quick response event animation of the interactive media content, the animation is generally divided into four states, namely a boot phase, a running phase, an operation success phase and an operation failure phase. Moreover, the animation is composed of continuous frames, so the four stages can be separated in different frame sequences, for example, the total number of frames of the animation is 400, 0-100 frames are a leading stage, 101-300 frames are a running stage, 301-350 frames are an operation success stage, and 351-400 frames are an operation failure stage.
As shown in fig. 1, before receiving an operation by a user, a guide image for guiding the user to perform the operation, such as a slider and a slide rail for guiding a slide operation, a click button for guiding a quick click operation or a long press operation, or the like, may be displayed on the screen. That is, in the operation processing method according to the embodiment of the present application, loading the quick response operation component provided at the interactive node includes: calling the predetermined animation library to obtain a guide image for the interactive node. For example, for a lottiee animation library, the playFrom function of lottiee may be called to play a guide image, such as playFrom (0, 100).
Before receiving the operation of the user, the guide image, for example, 0 to 100 frames as described above, may be played in a loop, that is, the guide image may be set to be played in a loop. For example, the Loop play function Loop of the Loop animation library may be set to true, i.e., Loop true. When the quick response operation of the user is received, the Loop play is cancelled, for example, the Loop play function Loop is set to false, that is, Loop is false.
Next, in the animation running phase, for example, as described above for frames 101 to 300, the operation process of the quick response operation is determined, for example, the progress of the corresponding running animation is determined by the sliding distance of the user/the length of the sliding track, and then, for example, setProgress of the lottiee animation library is called to obtain an image, where setprogee is actually API (application program interface) of the lottiee animation library
With continuing reference to fig. 1, after the operation is finished, an operation result of the operation is further determined based on the operation parameter of the operation, and a branch node of the interactive media content is entered based on the operation result.
For example, if the sliding operation is determined to reach the predetermined position based on the operation parameter of the sliding operation, i.e., the sliding distance parameter of the sliding operation, it is determined that the sliding operation is successful, otherwise it is determined that the sliding operation is failed, and the corresponding media content segment is played based on the different branch nodes of the interactive media content into which the sliding operation is successful or failed.
In addition, upon entering a branch node, the predetermined animation library may be further invoked to obtain a branch image for the branch node. Here, the branch image is different from the media content segment of the branch node as described above, but may be, for example, an image for presenting a different operation result of a quick response operation to the user, such as an animation including characters of "slide success", "slide failure". Also, as described above, with the Lottie animation library, playFrom (301,350) may be called to display an animation in which the operation succeeded, or playFrom (351,400) may be called to display an animation in which the operation failed.
Therefore, in the operation processing method according to the embodiment of the present application, the method further includes: determining an operation result of the operation based on an operation parameter of the operation; and entering a branch node of the interactive media content based on the operation result.
In addition, in the above operation processing method, the entering of the branch node of the interactive media content based on the operation result includes: calling the predetermined animation library to obtain a branch image for the branch node.
Moreover, in the embodiment of the present application, the predetermined animation library may provide some other functions to the client, such as controlling animation position, playing direction, etc., besides providing the capability of rendering images based on the animation library. Thus, if the user's operation is suspended, the reverse play function of the predetermined animation library may be invoked, for example, an animation effect in which the slider slides back from the loose-hand position to the initial position may be displayed.
That is, in the operation processing method according to the embodiment of the present application, further including: determining whether the operation is aborted based on an operating parameter of the operation; and calling reverse playing of the preset animation library in response to the operation termination.
In the embodiment of the application, after the predetermined animation library is called based on the operation progress to obtain the image corresponding to the operation progress, other operations may be performed based on the operation progress, for example, in addition to displaying the image corresponding to the operation progress, a different image may be displayed based on the operation progress.
For example, a different advertising page may be displayed based on the operating procedure after rendering the image. Specifically, when the sliding starts, a first advertisement page is displayed based on the operation progress, when the sliding is performed halfway, a second advertisement page is displayed based on the operation progress, and when the sliding ends, a third advertisement page is displayed based on the operation progress.
That is, in the operation processing method according to the embodiment of the present application, after rendering an image, including: and displaying different advertisement pages based on the operation process.
In addition, in the embodiment of the application, after the image is rendered, the playing channel can be switched based on the operation process. Specifically, when the sliding starts, switching is made to the first play channel based on the operation progress, when the sliding has progressed halfway, switching is made to the second play channel based on the operation progress, and when the sliding ends, switching is made to the third play channel based on the operation progress.
Therefore, in the operation processing method according to the embodiment of the present application, after rendering an image, the method includes: and switching a playing channel based on the operation process.
Application example
Fig. 4 is a schematic diagram illustrating an application example of the operation processing method according to the embodiment of the present application.
As shown in FIG. 4, in this application example, a Lottie animation library is used to achieve the animation effect of a fast reaction operation.
First, as shown in fig. 3, after the design end designs and creates an animation effect according to a scene of a fast reaction event, an AE is used to derive an animation JSON file, which is a complete description of an animation. In addition, the animation file may contain a picture. Generally, the animation of a fast reaction event for interaction has a fixed specification, and includes four states, namely a boot phase, a run phase, an operation success phase, and an operation failure phase. The animation is composed of continuous frames, so the four phases can be separated in different frame sequences, for example, as shown in fig. 4, the total number of frames of the animation is 400, the number of the cycles is 0-100, the number of the runs is 101-300, the number of the successful frames is 301-350, and the number of the failed frames is 351-400.
Next, the client may run the animation by calling the lottiee animation library, but the animation needs to be controlled in real time in combination with the quick response operation of the user during the user operation process. Specifically, when the user does not touch the screen, the animation is in the booting stage, playFrom (0,100) of the Lottie animation library is called, and loop _ true is set to be played in a loop. When a user presses down to start sliding, loop playing is cancelled (false), along with the start of sliding of the user, the sliding distance/the length of a sliding track (the progress of running the animation) is equal, setProgress (the current proportion) of a Lottie animation library is called, and the fact that the circular-shaped slider moves in real time along with hands can be seen. After the user finishes sliding or counting down, whether the user succeeds or not is judged according to the sliding result, and the number of successful or failed frames of the animation is respectively specified. And if the user releases the hand in the midway, calling a reverse playing method of the Lottie animation library to make the animation return to the initial position from the releasing position.
Therefore, the application example realizes a new animation scheme through the combination of the Lottie animation library and the quick reaction event. Moreover, the API provided by the Lottie animation library is utilized to realize special animation effect, and the animation speed, the animation stage selection, the forward/reverse bidirectional animation playing, the circular animation effect and the like can be controlled.
Moreover, the application example can apply the animation to the interactive component at the interactive node when the interactive media content is played, so that an innovative interactive mode under the interactive service is provided, and novel and interesting interactive experience is brought to the user.
Exemplary devices
Fig. 5 illustrates a block diagram of an operation processing device according to an embodiment of the present application.
As shown in fig. 5, the operation processing apparatus 200 according to the embodiment of the present application includes: a receiving unit 210, configured to receive an operation on interactive media content; a determining unit 220, configured to determine an operation progress of the operation based on an operation parameter of the operation; and a calling unit 230 for calling a predetermined animation library based on the operation process to obtain an image corresponding to the operation process, the predetermined animation library parsing a source file of the image stored in advance and rendering the image.
In one example, in the above-described operation processing device 200, the operation is a quick response operation; and, the receiving unit 210 is configured to: responding to an interactive node playing interactive media content, and loading an interactive component arranged on the interactive node, wherein the interactive component comprises a quick response event operation area used for receiving the quick response operation; and receiving a quick response operation within the quick response event operation region.
In an example, in the above operation processing device 200, the receiving unit 210 loads an interactive component disposed at the interactive node, including: calling the predetermined animation library to obtain a guide image for the interactive node.
In an example, in the above operation processing device 200, the receiving unit 210 loads an interactive component disposed at the interactive node further includes: and setting the guide image to be played circularly.
In one example, in the above operation processing device 200, further comprising: and the interaction unit is used for determining an operation result of the operation based on the operation parameter of the operation and entering a branch node of the interactive media content based on the operation result.
In one example, in the above operation processing device 200, the entering of the interactive unit into the branch node of the interactive media content based on the operation result includes: calling the predetermined animation library to obtain a branch image for the branch node.
In one example, in the above operation processing device 200, further comprising: and the reverse unit is used for determining whether the operation is stopped or not based on the operation parameters of the operation and calling the reverse playing of the preset animation library in response to the operation stop.
In one example, in the above-described operation processing apparatus 200, the quick response operation includes one of a quick click operation, a long press operation, and a slide operation.
In one example, in the above-described operation processing device 200, the operation includes a single-click operation and/or a double-click operation.
In one example, in the above operation processing device 200, further comprising: and the display unit is used for displaying different advertisement pages based on the operation process after the image is rendered.
In one example, in the above operation processing device 200, further comprising: and the switching unit is used for switching a playing channel based on the operation process after the image is rendered.
Here, it can be understood by those skilled in the art that the specific functions and operations of the respective units and modules in the above-described operation processing device 200 have been described in detail in the above description of the operation processing method with reference to fig. 1 to 3, and thus, a repetitive description thereof will be omitted.
As described above, the operation processing device 200 according to the embodiment of the present application can be implemented in various terminal apparatuses, such as a smartphone of a user. In one example, the operation processing apparatus 200 according to the embodiment of the present application may be integrated into a terminal device as one software module and/or hardware module. For example, the operation processing device 200 may be a software module in the operating system of the terminal device, or may be an application program developed for the terminal device; of course, the operation processing device 200 may also be one of many hardware modules of the terminal device.
Alternatively, in another example, the operation processing apparatus 200 and the terminal device may be separate devices, and the operation processing apparatus 200 may be connected to the terminal device through a wired and/or wireless network and transmit the interaction information according to an agreed data format.
Exemplary electronic device
Next, an electronic apparatus according to an embodiment of the present application is described with reference to fig. 6.
FIG. 6 illustrates a block diagram of an electronic device in accordance with an embodiment of the present application.
As shown in fig. 6, the electronic device 10 includes one or more processors 11 and memory 12.
The processor 11 may be a Central Processing Unit (CPU) or other form of processing unit having data processing capabilities and/or instruction execution capabilities, and may control other components in the electronic device 10 to perform desired functions.
Memory 12 may include one or more computer program products that may include various forms of computer-readable storage media, such as volatile memory and/or non-volatile memory. The volatile memory may include, for example, Random Access Memory (RAM), cache memory (cache), and/or the like. The non-volatile memory may include, for example, Read Only Memory (ROM), hard disk, flash memory, etc. One or more computer program instructions may be stored on the computer-readable storage medium and executed by the processor 11 to implement the operational processing methods of the various embodiments of the present application described above and/or other desired functions. Various contents such as operation parameters, operation processes, operation results, etc. may also be stored in the computer-readable storage medium.
In one example, the electronic device 10 may further include: an input device 13 and an output device 14, which are interconnected by a bus system and/or other form of connection mechanism (not shown).
The input device 13 may include, for example, a keyboard, a mouse, and the like.
The output device 14 can output various information including an image corresponding to the operation progress to the outside. The output devices 14 may include, for example, a display, speakers, a printer, and a communication network and its connected remote output devices, among others.
Of course, for simplicity, only some of the components of the electronic device 10 relevant to the present application are shown in fig. 5, and components such as buses, input/output interfaces, and the like are omitted. In addition, the electronic device 10 may include any other suitable components depending on the particular application.
Exemplary computer program product and computer-readable storage Medium
In addition to the methods and apparatus described above, embodiments of the present application may also be a computer program product comprising computer program instructions that, when executed by a processor, cause the processor to perform the steps in the method of operation processing according to various embodiments of the present application described in the "exemplary methods" section of this specification, supra.
The computer program product may be written with program code for performing the operations of embodiments of the present application in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the first user computing device, partly on the first user device, as a stand-alone software package, partly on the first user computing device and partly on a remote computing device, or entirely on the remote computing device or server.
Furthermore, embodiments of the present application may also be a computer-readable storage medium having stored thereon computer program instructions that, when executed by a processor, cause the processor to perform steps in an operation processing method according to various embodiments of the present application described in the "exemplary methods" section above in this specification.
The computer-readable storage medium may take any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may include, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
The foregoing describes the general principles of the present application in conjunction with specific embodiments, however, it is noted that the advantages, effects, etc. mentioned in the present application are merely examples and are not limiting, and they should not be considered essential to the various embodiments of the present application. Furthermore, the foregoing disclosure of specific details is for the purpose of illustration and description and is not intended to be limiting, since the foregoing disclosure is not intended to be exhaustive or to limit the disclosure to the precise details disclosed.
The block diagrams of devices, apparatuses, systems referred to in this application are only given as illustrative examples and are not intended to require or imply that the connections, arrangements, configurations, etc. must be made in the manner shown in the block diagrams. These devices, apparatuses, devices, systems may be connected, arranged, configured in any manner, as will be appreciated by those skilled in the art. Words such as "including," "comprising," "having," and the like are open-ended words that mean "including, but not limited to," and are used interchangeably therewith. The words "or" and "as used herein mean, and are used interchangeably with, the word" and/or, "unless the context clearly dictates otherwise. The word "such as" is used herein to mean, and is used interchangeably with, the phrase "such as but not limited to".
It should also be noted that in the devices, apparatuses, and methods of the present application, the components or steps may be decomposed and/or recombined. These decompositions and/or recombinations are to be considered as equivalents of the present application.
The previous description of the disclosed aspects is provided to enable any person skilled in the art to make or use the present application. Various modifications to these aspects will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other aspects without departing from the scope of the application. Thus, the present application is not intended to be limited to the aspects shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
The foregoing description has been presented for purposes of illustration and description. Furthermore, the description is not intended to limit embodiments of the application to the form disclosed herein. While a number of example aspects and embodiments have been discussed above, those of skill in the art will recognize certain variations, modifications, alterations, additions and sub-combinations thereof.

Claims (13)

1. An operation processing method comprising:
receiving an operation on interactive media content;
determining an operation progress of the operation based on the operation parameters of the operation; and
and calling a preset animation library based on the operation process to obtain an image corresponding to the operation process, wherein the preset animation library analyzes a source file of the image stored in advance and renders the image.
2. The operation processing method according to claim 1, wherein the operation is a quick response operation; and
receiving the interactive media content comprises:
responding to an interactive node playing interactive media content, and loading an interactive component arranged on the interactive node, wherein the interactive component comprises a quick response event operation area used for receiving the quick response operation; and
receiving a quick response operation within the quick response event operation region.
3. The operation processing method according to claim 2, wherein loading an interactive component provided at the interactive node comprises:
calling the predetermined animation library to obtain a guide image for the interactive node.
4. The operation processing method according to claim 3, wherein loading an interactive component provided at the interactive node further comprises:
and setting the guide image to be played circularly.
5. The operation processing method according to claim 1, further comprising:
determining an operation result of the operation based on an operation parameter of the operation; and
and entering a branch node of the interactive media content based on the operation result.
6. The operation processing method according to claim 5, wherein entering a branch node of the interactive media content based on the operation result comprises:
calling the predetermined animation library to obtain a branch image for the branch node.
7. The operation processing method according to claim 1, further comprising:
determining whether the operation is aborted based on an operating parameter of the operation; and
and in response to the operation being terminated, invoking reverse play of the predetermined animation library.
8. The operation processing method according to claim 2, wherein the quick response operation includes one of a quick click operation, a long press operation, and a slide operation.
9. The operation processing method according to claim 1, wherein the operation includes a single-click operation and/or a double-click operation.
10. The operation processing method according to claim 1, wherein after rendering the image, comprising:
and displaying different advertisement pages based on the operation process.
11. The operation processing method according to claim 1, wherein after rendering the image, comprising:
and switching a playing channel based on the operation process.
12. An operation processing apparatus comprising:
a receiving unit, configured to receive an operation on interactive media content;
a determination unit configured to determine an operation progress of the operation based on an operation parameter of the operation; and
and the calling unit is used for calling a preset animation library based on the operation process to obtain an image corresponding to the operation process, and the preset animation library analyzes a source file of the image stored in advance and renders the image.
13. An electronic device, comprising:
a processor; and
a memory having stored therein computer program instructions which, when executed by the processor, cause the processor to perform the operation processing method of any one of claims 1-11.
CN202010597563.9A 2020-03-27 2020-06-28 Operation processing method, operation processing device and electronic equipment Pending CN113296659A (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN2020102281490 2020-03-27
CN202010228149 2020-03-27

Publications (1)

Publication Number Publication Date
CN113296659A true CN113296659A (en) 2021-08-24

Family

ID=77318064

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010597563.9A Pending CN113296659A (en) 2020-03-27 2020-06-28 Operation processing method, operation processing device and electronic equipment

Country Status (1)

Country Link
CN (1) CN113296659A (en)

Similar Documents

Publication Publication Date Title
US8850320B2 (en) Method, system and user interface for creating and displaying of presentations
US20160027198A1 (en) Animated audiovisual experiences driven by scripts
WO2017113730A1 (en) Method and system for generating and controlling composite user interface control
CN107050850A (en) The recording and back method of virtual scene, device and playback system
WO2009039326A1 (en) Systems and methods for creating, collaborating, and presenting software demonstrations, and methods of marketing of the same
CN109260713B (en) Virtual object remote assistance operation method and device, storage medium and electronic equipment
CN110413347B (en) Advertisement processing method and device in application program, storage medium and terminal
CN111459586B (en) Remote assistance method, device, storage medium and terminal
CN109947979B (en) Song identification method, device, terminal and storage medium
US5745713A (en) Movie-based facility for launching application programs or services
CN110225246B (en) Event script generation method and device, electronic equipment and computer readable storage medium
CN110784753B (en) Interactive video playing method and device, storage medium and electronic equipment
US11941728B2 (en) Previewing method and apparatus for effect application, and device, and storage medium
EP4333443A1 (en) Video processing method and apparatus, device, and storage medium
US20220121352A1 (en) Access control for online presentations
CN112887797A (en) Method for controlling video playing and related equipment
US20180088791A1 (en) Method and apparatus for producing virtual reality content for at least one sequence
CN112445564A (en) Interface display method, electronic device and computer readable storage medium
CN109343770B (en) Interactive feedback method, apparatus and recording medium
US20170060601A1 (en) Method and system for interactive user workflows
CN109788333A (en) For being displayed in full screen the method and device of video
CN115605837A (en) Game console application with action fob
CN113296659A (en) Operation processing method, operation processing device and electronic equipment
CN109416638B (en) Customizable compact overlay window
CN109091866A (en) Display control method, device, computer-readable medium and electronic equipment

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