Media resource processing method, apparatus, device, and storage medium
The method enriches interaction functions and improves interactivity by using multiple canvases and slide operations to switch display states of media resources, addressing the limitations of existing technologies.
Patent Information
- Authority / Receiving Office
- JP · JP
- Patent Type
- Applications
- Current Assignee / Owner
- Filing Date
- 2024-03-20
- Publication Date
- 2026-04-02
AI Technical Summary
Existing media resource processing technologies lack the ability to enrich interaction functions and improve interactivity for diverse user interactions.
A method involving displaying a first media resource on a media resource display page using multiple canvases, where a pre-configured cover layer covers the content, and switching the display state of the media resource area based on a slide operation, allowing partial or complete display of the content through slide trajectory areas.
Enhances interaction functions and improves interactivity by enabling partial or complete display of media resources based on user slide operations, enriching the user experience.
Smart Images
Figure 2026510411000001_ABST
Abstract
Description
Technical Field
[0001] This application claims priority to a Chinese invention patent application titled "A Media Resource Processing Method, Apparatus, Device, and Storage Medium" with an application number of 202310281179.1, filed on March 20, 2023, and all the contents of the application are incorporated herein by reference.
[0002] The present disclosure relates to the field of data processing, and particularly to a media resource processing method, apparatus, device, and storage medium.
Background Art
[0003] With the continuous development of media resource processing technology, people's related interaction needs for media resources are becoming increasingly diverse. Therefore, how to enrich the interaction functions related to media resources and improve the interactivity of users' media content is a technical problem that needs to be solved urgently at present.
Summary of the Invention
[0004] To solve the above technical problems, embodiments of the present disclosure provide a media resource processing method.
[0005] According to a first aspect, the present disclosure provides a media resource processing method. The method includes: displaying a first media resource in a first display state on a media resource display page; responding to a pre-set slide operation acting on the first media resource in the first display state, and switching a media resource area corresponding to the slide track area of the pre-set slide operation among the first media resources in the first display state from the first display state to a second display state.
[0006] In a selectable embodiment, displaying a first media resource in a first display state on a media resource display page includes: A media resource display page displays a first media resource based on at least two canvases, wherein the at least two canvases include a first canvas and a second canvas, the first canvas is located beneath the second canvas, the first canvas is used to render the content of the first media resource, the second canvas is used to render a pre-configured cover layer, and the pre-configured cover layer is used to cover the content of the first media resource.
[0007] In an optional embodiment, in response to a pre-set slide operation acting on the first media resource of the first display state, switching the media resource area of the first media resource of the first display state that corresponds to the slide trajectory area of the pre-set slide operation from the first display state to the second display state is: In response to a pre-configured slide operation acting on a first media resource in the first display state, a target rendering area is determined on the second canvas, wherein the target rendering area includes the area of the second canvas excluding the slide trajectory area. This includes re-rendering the pre-configured cover layer on the second canvas based on the target rendering region.
[0008] In an optional embodiment, determining the target rendering area on the second canvas in response to a pre-set slide operation acting on the first media resource of the first display state is: In response to a pre-configured slide operation acting on the first media resource in the first display state, the current slide trajectory area and the history slide trajectory area on the second canvas corresponding to the pre-configured slide operation are obtained, and the current slide trajectory area and the history slide trajectory area are determined to be the slide trajectory area. This includes determining a target rendering area on the second canvas based on the slide trajectory area.
[0009] In a selectable embodiment, after determining the current slide trajectory region and the history slide trajectory region as the slide trajectory region, the method proceeds as follows: This further includes updating the history slide trajectory area using the slide trajectory area.
[0010] In an optional embodiment, an interaction control is displayed on the media resource display page, and the interaction control is used to trigger the display of the shooting page, and the method is In response to a press event in a pre-configured slide operation acting on the first media resource in the first display state, the interaction control is hidden on the media resource display page. The further includes redisplaying the interaction control on the media resource display page in response to a lift-up event corresponding to the press event in the aforementioned pre-configured slide operation.
[0011] In an optional embodiment, the interaction control includes a shooting control, and the method is In response to a trigger operation for the aforementioned shooting control, the system displays a shooting page and acquires a second media resource based on the shooting page. The further includes displaying the first media resource in the second display state on the media resource display page in response to a successful posting message for the second media resource.
[0012] In an optional embodiment, before displaying the first media resource in a first display state on the media resource display page, the method: The process involves obtaining a first media resource from a server in response to a retrieval operation for a media resource, the first media resource carrying a pre-configured type identifier, the pre-configured type identifier being used to identify that the first media resource belongs to a pre-configured type.
[0013] In an optional embodiment, in response to a pre-configured termination condition being met, the media resource area corresponding to the slide trajectory area is switched from the second display state to the first display state, wherein the pre-configured termination condition further includes that the trigger time for a pre-configured slide operation corresponding to the slide trajectory area is not less than a pre-configured time length from the present, or that the number of slide trajectory areas is not less than a pre-configured number.
[0014] According to a second aspect, the present disclosure provides a media resource processing device. The device is A first display module for displaying a first media resource in a first display state on the media resource display page, The system includes a first switching module for switching a media resource area corresponding to the slide trajectory area of the pre-configured slide operation from the first display state to a second display state in response to a pre-configured slide operation acting on the first media resource of the first display state.
[0015] According to a third aspect, the Disclosure provides a computer-readable medium that, when executed on a terminal device, stores instructions for implementing the above method on the terminal device.
[0016] According to a fourth aspect, the disclosure provides a media resource processing device comprising memory, a processor, and a computer program stored in the memory and executable by the processor. The above method is realized when the processor executes the computer program.
[0017] According to a fifth aspect, the present disclosure provides a computer program product including a computer program / instructions, and when the computer program / instructions are executed by a processor, the above method is realized.
[0018] The technical solution according to the embodiments of the present disclosure has at least the following advantages compared with the prior art. The embodiments of the present disclosure provide a media resource processing method. Specifically, a first media resource in a first display state is displayed on a media resource display page, and when a pre-set slide operation acting on the first media resource in the first display state is received, a media resource area corresponding to the slide track area of the pre-set slide operation among the first media resources in the first display state is switched from the first display state to a second display state.
Brief Description of the Drawings
[0019] The drawings here are incorporated into the specification and form a part of the specification. They conform to the embodiments of the present disclosure and are used to interpret the principles of the present disclosure together with the specification.
[0020] To more clearly explain the embodiments of the present disclosure or the technical solutions in the prior art, the drawings that need to be used in the following description of the embodiments or the prior art are briefly introduced. Obviously, for those skilled in the art, based on these drawings and without any creative labor, other drawings can also be obtained.
[0021] [Figure 1] It is a flowchart of a media resource processing method according to an embodiment of the present disclosure. [Figure 2] It is a schematic diagram of a display page of a first media resource according to an embodiment of the present disclosure. [Figure 3] It is a schematic diagram of a display page of another first media resource according to an embodiment of the present disclosure. [Figure 4] It is a data interaction diagram of a media resource processing method according to an embodiment of the present disclosure. [Figure 5] It is a structural schematic diagram of a media resource processing apparatus according to an embodiment of the present disclosure. [Figure 6] It is a structural schematic diagram of a media resource processing device according to an embodiment of the present disclosure.
Embodiments for Carrying out the Invention
[0022] In order to more clearly understand the above objects, features, and advantages of the present disclosure, the technical solutions of the present disclosure will be further described below. If there is no conflict, the embodiments of the present disclosure and the features in the embodiments can be combined with each other.
[0023] In the following description, many specific details have been set forth in order to provide a thorough understanding of the present disclosure. However, the present disclosure may be implemented in other forms different from those described herein. The embodiments in this specification are only a part of the embodiments of the present disclosure, not all of the embodiments.
[0024] In order to enrich the interaction function related to media resources, embodiments of the present disclosure provide a media resource processing method. Specifically, a first media resource in a first display state is displayed on a media resource display page. When a pre-set slide operation acting on the first media resource in the first display state is received, the media resource area corresponding to the slide track area of the pre-set slide operation among the first media resources in the first display state is switched from the first display state to a second display state. In this way, in the embodiments of the present disclosure, by triggering a pre-set slide operation on the first media resource in the first display state, the effect of switching the display state of the corresponding media resource area based on the slide track area is realized, enriching the interaction function related to media resources and improving the interactivity of the work.
[0025] Therefore, embodiments of the present disclosure provide a media resource processing method. FIG. 1 is a flowchart of a media resource processing method according to an embodiment of the present disclosure.
[0026] S101: Displays the first media resource in the first display state on the media resource display page.
[0027] The media resource processing method according to the embodiments of this disclosure is applied to a client, and specifically, the client may be located in a terminal device, which may include a smartphone, a laptop computer, a personal computer PC, etc.
[0028] The first media resource in the embodiments of this disclosure may be any type of media resource, such as video, picture, picture, or text.
[0029] In an optional embodiment, the media resource display page can display the first media resource based on at least two canvases to achieve a display of the first media resource in a first display state. The first display state may include a state in which the content of the first media resource is covered, for example, by displaying a pre-configured cover layer on the first media resource, and the pre-configured cover layer may be a cover pattern such as a Gaussian blur mask layer or a mosaic mask layer. Users who post media resources can set the visibility range of the first media resource, that is, users who fit within the visibility range can view the first media resource and perform interaction operations on the first media resource.
[0030] Here, the at least two canvases include a first canvas and a second canvas, the first canvas being located beneath the second canvas, the first canvas being used to render the contents of the first media resource, the second canvas being used to render a pre-configured cover layer, and the pre-configured cover layer being used to cover the contents of the first media resource.
[0031] In an optional embodiment, in response to a retrieval operation for a media resource, a first media resource is retrieved from the server, where the first media resource carries a pre-configured type identifier, which is used to indicate that the first media resource belongs to a pre-configured type. Specifically, a media resource belonging to a pre-configured type is a media resource type that is covered by a pre-configured cover layer when the media resource is displayed to the client. The pre-configured cover layer may be a cover layer that has an obscuring effect, such as a mosaic.
[0032] In the embodiments of this disclosure, after obtaining a first media resource from a server, the content of the first media resource is rendered using a first canvas, and a pre-configured cover layer is rendered using a second canvas. When the first canvas is located below the second canvas and the first media resource is displayed based on the first and second canvases, the effect of covering the content during the display process of the first media resource is shown. As shown in Figure 2, which is a schematic diagram of a media resource display page according to the embodiments of this disclosure, a predetermined cover layer is rendered on the media resource display page, covering the content of the first media resource. Assuming the first media resource is a video, during the video playback process, a display effect appears in which the video playback content is covered by a cover layer such as a mosaic.
[0033] In an optional embodiment, the method for rendering a pre-defined cover layer on a second canvas may include first drawing a mask layer on the second canvas, and then adding a pre-defined cover pattern to the mask layer. The pre-defined cover pattern may include a cover pattern such as a mosaic.
[0034] S102: In response to a pre-configured slide operation acting on the first media resource of the first display state, the media resource area of the first media resource of the first display state that corresponds to the slide trajectory area of the pre-configured slide operation is switched from the first display state to the second display state.
[0035] Here, the second display state may include a display state in which the content of the first media resource is clearly displayed, for example, a display state in which no shielding layer is provided.
[0036] In an optional embodiment, in order to demonstrate the effect of removing the cover layer in accordance with the slide operation and partially displaying the first media resource, a predetermined cover layer may be drawn in advance in the area of the second canvas excluding the slide trajectory area, and the predetermined cover layer may not be redrawn for the slide trajectory area of the second canvas.
[0037] In embodiments of the present disclosure, when a pre-configured slide operation is received on the media resource display page during the process of displaying a first media resource based on at least two canvases, the first target rendering area on the second canvas is determined, and then, based on the target rendering area, the pre-configured cover layer is rendered on the second canvas, i.e., the operation of re-rendering the pre-configured cover layer for the slide trajectory area is not performed. The target rendering area includes the area of the second canvas excluding the slide trajectory area.
[0038] In an optional embodiment, a media resource display page can be pre-triggered to trigger a predetermined number of slide operations, and the slide trajectory area on the second canvas includes a current slide trajectory area and a history slide trajectory area, where the current slide trajectory area is the slide trajectory area corresponding to a predetermined slide operation on the first media resource in the first display state currently received, and is the current slide trajectory area 301 shown in Figure 3, and the history slide trajectory area may be the slide trajectory area corresponding to slide operations triggered before the predetermined slide operation, and is the history slide trajectory areas 302 and 303 shown in Figure 3. For example, when a third predetermined slide operation acting on the first media resource in the first display state is received, the slide trajectory area corresponding to the third predetermined slide operation may be determined as the current slide trajectory area, and the slide trajectory areas corresponding to the previous two predetermined slide operations may be determined as the history slide trajectory area.
[0039] In actual applications, in response to a predetermined slide operation acting on a first media resource in a first display state, the current slide trajectory region and the history slide trajectory region on the second canvas corresponding to the predetermined slide operation are obtained, and the current slide trajectory region and the history slide trajectory region are determined as the slide trajectory region. Then, the target rendering region on the second canvas is determined based on the determined slide trajectory region. Specifically, the area on the second canvas excluding the determined slide trajectory region is determined as the target rendering region on the second canvas.
[0040] In an optional embodiment, after determining the current slide trajectory region and the history slide trajectory region as the slide trajectory region, the history slide trajectory region of the second canvas is updated using the determined slide trajectory region, that is, the newly determined slide trajectory region is determined as the latest history slide trajectory region, and the system responds to a predetermined slide operation of a subsequent trigger.
[0041] In the embodiments of this disclosure, after determining the target rendering area on the second canvas, a pre-configured cover layer is rendered on the second canvas based on the target rendering area. Specifically, a pre-configured cover layer is rendered within the target rendering area on the second canvas, and the cover layer is removed in accordance with a pre-configured slide operation to achieve a display effect that plays a portion of the content of the first media resource. Figure 3 is a schematic diagram of another media resource display page according to an embodiment of this disclosure, where the content of the first media resource is partially displayed on the display page of the first media resource.
[0042] In an optional embodiment, if a lift-up operation of a predetermined slide operation is detected on the display page of the first media resource, it can be triggered to re-render a pre-configured cover layer on the second canvas based on the target rendering area on the second canvas.
[0043] In another optional embodiment, to improve the responsiveness to a predetermined slide operation triggered by the user, the system may respond to a predetermined slide operation acting on the display page of the first media resource according to a preset cycle. Specifically, in the process of the user triggering a preset slide operation, a target rendering area on the second canvas is determined according to a preset cycle, and a preset cover layer is rendered on the second canvas based on the target rendering area. The display effect of the cover layer is then erased in real time in response to the user's slide operation, thereby improving interactivity.
[0044] In embodiments of this disclosure, during the process of rendering a pre-configured cover layer on a second canvas, the content of a first media resource is rendered using the first canvas, so that during the display process of the first media resource, the user can clear the interaction effects of the cover layer by triggering a pre-configured slide operation on the display page. For example, assuming the first media resource is a video, during the video playback process, the user can trigger a pre-configured slide operation to clear the cover layer on the video, thereby partially displaying the interaction effects of the video content.
[0045] In an optional embodiment, if it is detected that a predetermined termination condition is currently met, the media resource area corresponding to the slide trajectory area in the first media resource in the first display state can be switched from the second display state to the first display state. Here, the pre-set termination condition may include that the pre-set slide operation trigger time corresponding to the slide trajectory area is not less than a pre-set time from the present. For example, if the pre-set slide operation trigger time reaches 1 second, the media resource screen area corresponding to the slide trajectory area of the pre-set slide operation is switched from the clear display state to the covered display state. The pre-set termination condition may further include that if the number of slide trajectory areas is not less than a pre-set number, for example, if more than three slide trajectory areas are displayed on the display page of the first media resource in the first display state, the media resource area corresponding to the slide trajectory area is switched from the clear display state to the covered display state.
[0046] The media resource processing method according to the embodiment of this disclosure provides a media resource processing method that specifically displays a first media resource in a first display state on a media resource display page, and when a pre-set slide operation acting on the first media resource in the first display state is received, the media resource area of the first media resource in the first display state that corresponds to the slide trajectory area of the said pre-set slide operation is switched from a first display state to a second display state. In this way, in the embodiment of this disclosure, by triggering a pre-set slide operation on the first media resource in the first display state, the effect of switching the display state of the corresponding media resource area based on the slide trajectory area is realized, enriching the interaction functions related to media resources and improving the interactivity of the work.
[0047] To facilitate a further understanding of the media resource processing method, the embodiments of this disclosure provide a data interaction diagram of the media resource processing method, as shown in Figure 4. The first media resource is an image, and the pre-configured cover layer may be a mosaic cover or a Gaussian blur cover layer, and this embodiment uses a mosaic cover as an example.
[0048] Specifically, when the client receives a retrieval operation for a media resource triggered by the user, it sends a media resource retrieval request to the server. After receiving the media resource retrieval request, the server returns the Uniform Resource Locator URL of the first media resource to the client, the client loads the first media resource based on the URL, and renders the first media resource using the first canvas. Also, after obtaining the URL of the first media resource, if the client determines that the first media resource carries a pre-configured type identifier, i.e., the first multimedia resource belongs to a pre-configured type, it draws a mask layer on the second canvas, adds a mosaic cover to the mask layer, and displays the first media resource with the mosaic cover using the first and second canvases.
[0049] In actual applications, when a client receives a pre-configured slide operation that acts on the display page of the first media resource, it retrieves the slide trajectory area corresponding to the pre-configured slide operation and the history slide trajectory area on the second canvas, re-renders a mosaic cover over the area of the second canvas excluding the aforementioned slide trajectory area, and demonstrates the effect of removing the mosaic cover in accordance with the slide operation and partially redisplaying the content of the first media resource.
[0050] In the embodiments of this disclosure, triggering a slide operation on the display page of the first media resource where the mosaic cover is rendered enables the effect of removing the mosaic cover of the first media resource based on the slide trajectory, thereby enriching the interaction functions associated with the media resource.
[0051] Based on the above embodiment, in order to further enhance the interaction functionality of the media resource, interaction controls may be displayed on the display page of the first media resource, and the interaction controls may include a capture control. As shown in Figure 2, the capture control 201 triggers the display of the capture page so that the user can capture a photo based on the capture page and acquire the media resource. After the user has captured a photo of the media resource or performed another predetermined interaction operation, the entire screen area of the first media resource is switched to a third display state, for example, a clear display state.
[0052] In an optional embodiment, the interaction control is hidden on the media resource display page in response to a press event in a predetermined slide operation on the first media resource in a first display state. The interaction control is then redisplayed on the media resource display page in response to a lift-up event corresponding to the press event in the aforementioned pre-configured slide operation.
[0053] To facilitate user interaction, the display of the camera control on the media resource display page can be controlled by pre-configured slide operation press and lift-up events. When a pre-configured slide operation press event is received, the camera control can be hidden to reduce interference with responses to the pre-configured slide operation; that is, the camera control is hidden from the media resource display page. When a pre-configured slide operation lift-up event is received, it can be explained that the pre-configured slide operation is complete, and in this case, the camera control can be displayed again on the media resource display page.
[0054] In some embodiments, the shooting control may remain displayed on the media resource display page, and for example, in response to a press event in a pre-set slide operation in the first media resource in the first display state, the shooting control may be placed outside the media resource screen area, or the shooting control may be displayed in a draggable manner or the like, or the original other buttons on the media resource display page may be replaced with the shooting control to facilitate the shooting of the work.
[0055] In an optional embodiment, the media resource display page may also display the identifier of the posting user of the first media resource, for example, the posting user's image identifier 202 shown in Figure 2, and interaction prompt information 203, for example, "Swipe to sneak a peek at your best friend's work." Similarly, to reduce interference with responses to predetermined slide operations, embodiments of this disclosure can control the display of the posting user identifier and interaction prompt information on the media resource display page by pre-configured slide operation press and lift-up events, the specific control methods can be found in the above description and are omitted here.
[0056] Furthermore, when a trigger operation is received for a shooting control displayed on the media resource display page, the shooting page is displayed, and a second media resource can be obtained based on the shooting page. The user can edit and post the obtained second media resource, or post it as is. When a successful posting message for the second media resource is received, the display page for the first media resource is skipped, and the first media resource can be displayed based on the first canvas. That is, the pre-set cover layer is not rendered on the second canvas, and the user can directly see the content of the first media resource on the display page for the first media resource. This method of taking a picture and posting the media resource has the effect of unlocking the display of the content of the first media resource, and further enriches the interaction function of the media resource.
[0057] Based on embodiments of the above method, the present disclosure further provides a media resource processing apparatus, referring to Figure 5, which is a schematic diagram of the structure of one media resource processing apparatus according to an embodiment of the present disclosure, and the apparatus is A first display module 501 for displaying a first media resource in a first display state on the media resource display page, The system includes a first switching module 502 for switching a media resource area corresponding to the slide trajectory area of the pre-configured slide operation from the first display state to a second display state in response to a pre-configured slide operation acting on the first media resource of the first display state.
[0058] In an optional embodiment, the first display module is, specifically, In a media resource display page, a first media resource is displayed based on at least two canvases, wherein the at least two canvases include a first canvas and a second canvas, the first canvas is located below the second canvas, the first canvas is used to render the content of the first media resource, the second canvas is used to render a pre-configured cover layer, and the pre-configured cover layer is used to cover the content of the first media resource.
[0059] In a selectable embodiment, the first switching module is: A first determination submodule that determines a target rendering area on the second canvas in response to a pre-configured slide operation acting on a first media resource in the first display state, wherein the target rendering area includes the first determination submodule which includes the area on the second canvas excluding the slide trajectory area, The system includes a rendering submodule that re-renders the pre-configured cover layer on the second canvas based on the target rendering region.
[0060] In an optional embodiment, the first decision submodule is: An acquisition submodule that, in response to a pre-configured slide operation acting on a first media resource in the first display state, acquires the current slide trajectory area and the history slide trajectory area on the second canvas corresponding to the pre-configured slide operation, and determines the current slide trajectory area and the history slide trajectory area as slide trajectory areas, The system includes a second determination submodule that determines a target rendering area on the second canvas based on the slide trajectory area.
[0061] In a selectable embodiment, the apparatus is The system further includes an update module that updates the history slide trajectory area using the slide trajectory area.
[0062] In an optional embodiment, an interaction control is displayed on the media resource display page, and the interaction control is used to trigger the display of the shooting page, and the device is A hide module that hides the interaction control on the media resource display page in response to a press event in a pre-configured slide operation acting on the first media resource in the first display state, The system further includes a redisplay module that redisplays the interaction control on the media resource display page in response to a lift-up event corresponding to the press event in the aforementioned pre-configured slide operation.
[0063] In an optional embodiment, the interaction control includes the shooting control, and the device is A shooting module that, in response to a trigger operation for the shooting control, displays a shooting page and acquires a second media resource based on the shooting page, The system further comprises a second display module that, in response to a successful posting message for the second media resource, displays the first media resource in the second display state on the media resource display page.
[0064] In a selectable embodiment, the apparatus is An acquisition module that acquires a first media resource from a server in response to an acquisition operation for a media resource, wherein the first media resource carries a pre-configured type identifier, and the pre-configured type identifier further comprises an acquisition module used to identify that the first media resource belongs to a pre-configured type.
[0065] In a selectable embodiment, the apparatus is The system further includes a second switching module that switches the media resource area corresponding to the slide trajectory area from the second display state to the first display state in response to the pre-configured termination conditions being met.
[0066] In the media resource processing apparatus according to the embodiment of the present disclosure, a media resource processing method is provided, specifically, a first media resource in a first display state is displayed on a media resource display page, and when a pre-set slide operation acting on the first media resource in the first display state is received, the media resource area of the first media resource in the first display state that corresponds to the slide trajectory area of the pre-set slide operation is switched from a first display state to a second display state. In this way, in the embodiment of the present disclosure, by triggering a pre-set slide operation on the first media resource in the first display state, the effect of switching the display state of the corresponding media resource area based on the slide trajectory area is realized, enriching the interaction functions related to media resources and improving the interactivity of the work.
[0067] In addition to the above-described method and apparatus, embodiments of the present disclosure further provide a computer-readable storage medium on which commands are stored, and when the commands are executed in a terminal device, the terminal device implements the media resource processing method described in embodiments of the present disclosure.
[0068] Embodiments of this disclosure further provide a computer program product including a computer program / instruction, which, when executed by a processor, realizes the media resource processing method described in the embodiment of this disclosure.
[0069] Furthermore, embodiments of this disclosure provide media resource processing devices. A processor 601, a memory 602, an input device 603, and an output device 604. The number of processors 601 in the media resource processing device may be one or more, and in Figure 6, one processor is used as an example. In some embodiments of this disclosure, the processor 601, memory 602, input device 603, and output device 604 may be connected by a bus or by other means, here, in Figure 6, connection via a bus is used as an example.
[0070] Memory 602 is configured to store software programs and modules, and the processor 601 executes various functional applications and data processing of the media resource processing device by executing the software programs and modules stored in memory 602. Memory 602 may mainly include a program storage area that can store an operating system, application programs required for at least one function, etc., and a data storage area. Memory 602 may also include high-speed random access memory, and may include non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, or other volatile solid-state storage device. Input device 603 receives input numerical or character information and generates signal inputs related to user settings and function control of the media resource processing device.
[0071] Specifically, in this embodiment, the processor 601 loads executable files corresponding to one or more application program processes into memory 602 according to the following instructions, and the processor 601 executes the application programs stored in memory 602, thereby realizing various functions of the media resource processing device described above.
[0072] In this text, relational terms such as “first” and “second” are merely used to distinguish one entity or operation from another, and do not necessarily require or imply that there is any actual relationship or order between these entities or operations. Furthermore, the terms “include,” “contain,” or any other variation thereof are intended to cover non-exclusive inclusion, and a process, method, article, or equipment containing a set of elements includes not only those elements but also other elements not explicitly listed, or further elements specific to such a process, method, article, or equipment. Unless further restrictions are imposed, an element limited by the phrase “include one…” does not preclude the existence of other identical elements in a process, method, article, or equipment containing the aforementioned element.
[0073] The above are merely specific embodiments of the Disclosure, and those skilled in the art will be able to understand or implement the Disclosure. Various modifications of these embodiments will be obvious to those skilled in the art, and the general principles defined herein can be implemented in other embodiments without departing from the spirit or scope of the Disclosure. Thus, the Disclosure is not limited to these embodiments described herein, but fits to the broadest extent that is consistent with the principles and novel features disclosed herein.
Claims
1. To display the first media resource in the first display state on the media resource display page, This includes, in response to a pre-configured slide operation acting on the first media resource in the first display state, switching the media resource area of the first media resource in the first display state that corresponds to the slide trajectory area of the pre-configured slide operation from the first display state to the second display state. How to display media resources.
2. Displaying the first media resource in the first display state on the media resource display page is: A media resource display page displays a first media resource based on at least two canvases, wherein the at least two canvases include a first canvas and a second canvas, the first canvas is located beneath the second canvas, the first canvas is used to render the content of the first media resource, the second canvas is used to render a pre-configured cover layer, and the pre-configured cover layer is used to cover the content of the first media resource. The method according to claim 1.
3. Switching the media resource area of the first media resource in the first display state that corresponds to the slide trajectory area of the pre-configured slide operation from the first display state to the second display state in response to a pre-configured slide operation acting on the first media resource in the first display state is: In response to a pre-configured slide operation acting on a first media resource in the first display state, a target rendering area is determined on the second canvas, wherein the target rendering area includes the area of the second canvas excluding the slide trajectory area. This includes re-rendering the pre-configured cover layer on the second canvas based on the target rendering region. The method according to claim 2.
4. Determining the target rendering area on the second canvas in response to a pre-set slide operation acting on the first media resource in the first display state is: In response to a pre-configured slide operation acting on the first media resource in the first display state, the current slide trajectory area and the history slide trajectory area on the second canvas corresponding to the pre-configured slide operation are obtained, and the current slide trajectory area and the history slide trajectory area are determined to be the slide trajectory area. This includes determining a target rendering area on the second canvas based on the slide trajectory area. The method according to claim 3.
5. After determining the current slide trajectory region and the history slide trajectory region as the slide trajectory region, This further includes updating the history slide trajectory area using the slide trajectory area. The method according to claim 4.
6. An interaction control is displayed on the media resource display page, and the interaction control is used to trigger the display of the shooting page, and the method is as follows: In response to a press event in a pre-configured slide operation acting on the first media resource in the first display state, the interaction control is hidden on the media resource display page. The further includes redisplaying the interaction control on the media resource display page in response to a lift-up event corresponding to the press event in the aforementioned pre-configured slide operation. The method according to claim 1.
7. The interaction control includes shooting control, and the method is In response to a trigger operation for the aforementioned shooting control, the system displays a shooting page and acquires a second media resource based on the shooting page. The further includes displaying the first media resource in the second display state on the media resource display page in response to a successful posting message for the second media resource. The method according to claim 6.
8. Before displaying the first media resource in the first display state on the media resource display page, Acquiring a first media resource from a server in response to an acquisition operation for a media resource, further comprising: the first media resource carrying a pre-configured type identifier, the pre-configured type identifier being used to identify that the first media resource belongs to a pre-configured type; The method according to claim 1.
9. In response to the pre-configured termination condition being met, the media resource area corresponding to the slide trajectory area is switched from the second display state to the first display state, wherein the pre-configured termination condition further includes that the trigger time of the pre-configured slide operation corresponding to the slide trajectory area is not less than the pre-configured time length from the present, or the number of slide trajectory areas is not less than the pre-configured number. The method according to claim 1.
10. A first display module for displaying a first media resource in a first display state on the media resource display page, The system includes a first switching module for switching a media resource area corresponding to the slide trajectory area of the pre-configured slide operation from the first display state to a second display state in response to a pre-configured slide operation acting on the first media resource of the first display state. A device for processing media resources.
11. When executed on a terminal device, the terminal device stores an instruction to implement the method according to any one of claims 1 to 9. Computer-readable media.
12. A media resource processing device comprising memory, a processor, and a computer program stored in the memory and executable by the processor, wherein when the processor executes the computer program, To display the first media resource in the first display state on the media resource display page, The operation includes, in response to a pre-configured slide operation acting on the first media resource in the first display state, switching the media resource area corresponding to the slide trajectory area of the pre-configured slide operation within the first media resource in the first display state from the first display state to the second display state. A device for processing media resources.
13. Displaying the first media resource in the first display state on the media resource display page is: A media resource display page displays a first media resource based on at least two canvases, wherein the at least two canvases include a first canvas and a second canvas, the first canvas is located beneath the second canvas, the first canvas is used to render the content of the first media resource, the second canvas is used to render a pre-configured cover layer, and the pre-configured cover layer is used to cover the content of the first media resource. The device according to claim 12.
14. Switching the media resource area of the first media resource in the first display state that corresponds to the slide trajectory area of the pre-configured slide operation from the first display state to the second display state in response to a pre-configured slide operation acting on the first media resource in the first display state is: In response to a pre-configured slide operation acting on a first media resource in the first display state, a target rendering area is determined on the second canvas, wherein the target rendering area includes the area of the second canvas excluding the slide trajectory area. This includes re-rendering the pre-configured cover layer on the second canvas based on the target rendering region. The device according to claim 13.
15. Determining the target rendering area on the second canvas in response to a pre-set slide operation acting on the first media resource in the first display state is: In response to a pre-configured slide operation acting on the first media resource in the first display state, the current slide trajectory area and the history slide trajectory area on the second canvas corresponding to the pre-configured slide operation are obtained, and the current slide trajectory area and the history slide trajectory area are determined to be the slide trajectory area. This includes determining a target rendering area on the second canvas based on the slide trajectory area. The device according to claim 14.
16. After determining the current slide trajectory region and the history slide trajectory region as the slide trajectory region, the operation proceeds as follows: This further includes updating the history slide trajectory area using the slide trajectory area. The device according to claim 15.
17. An interaction control is displayed on the media resource display page, and this interaction control is used to trigger the display of the shooting page, and the operation is as follows: In response to a press event in a pre-configured slide operation acting on the first media resource in the first display state, the interaction control is hidden on the media resource display page. The further includes redisplaying the interaction control on the media resource display page in response to a lift-up event corresponding to the press event in the aforementioned pre-configured slide operation. The device according to claim 12.
18. The interaction control includes shooting control, and the operation is, In response to a trigger operation for the aforementioned shooting control, the system displays a shooting page and acquires a second media resource based on the shooting page. The further includes displaying the first media resource in the second display state on the media resource display page in response to a successful posting message for the second media resource. The device according to claim 17.
19. Before displaying the first media resource in the first display state on the media resource display page, the operation described above is performed. Acquiring a first media resource from a server in response to an acquisition operation for a media resource, further comprising: the first media resource carrying a pre-configured type identifier, the pre-configured type identifier being used to identify that the first media resource belongs to a pre-configured type; The device according to claim 12.
20. The aforementioned operation is, In response to the pre-configured termination condition being met, the media resource area corresponding to the slide trajectory area is switched from the second display state to the first display state, wherein the pre-configured termination condition includes the trigger time of the pre-configured slide operation corresponding to the slide trajectory area not being less than the pre-configured time length from the present, or the number of slide trajectory areas not being less than the pre-configured number. The device according to claim 12.