Content display method, device and equipment

Abstract

The invention provides a content display method, device and equipment, and the method comprises the steps: receiving to-be-unlocked content, and generating covering content for covering the to-be-unlocked content; according to the to-be-unlocked content and the covering content, target display content is generated, and the to-be-unlocked content in the target display content is in a hidden state; displaying the target display content; obtaining an erasing gesture for the target display content, and determining an unlocking area according to the erasing gesture; in the displayed target display content, the part corresponding to the unlocking area in the covering content is hidden, and the part corresponding to the unlocking area in the to-be-unlocked content is displayed, so that the content display diversity can be improved, and the user interactivity and experience can be improved.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of Internet technologies, and in particular, to a content display method, apparatus, and device. Background Art

[0002] Currently, for content such as pictures or files with usage permissions, they are generally displayed in an encrypted manner on the client side, and users without permission cannot directly view the content to be unlocked. Obviously, in this display mode, users cannot know whether the content to be unlocked is of their interest or need, which will lead to poor content display effects and low user interactivity. Summary of the Invention

[0003] The present application provides a content display method, apparatus, and device, which can improve the diversity of content display, user interactivity, and experience.

[0004] In a first aspect, a content display method is provided, including: receiving content to be unlocked, generating covering content for covering the content to be unlocked; generating target display content according to the content to be unlocked and the covering content, where the content to be unlocked in the target display content is in a hidden state; displaying the target display content; obtaining an erasing gesture for the target display content, and determining an unlocking area according to the erasing gesture; in the displayed target display content, hiding the part of the covering content corresponding to the unlocking area and displaying the part of the content to be unlocked corresponding to the unlocking area.

[0005] In a second aspect, a content display apparatus is provided, including: a receiving and generating module, configured to receive content to be unlocked and generate covering content for covering the content to be unlocked; a content generating module, configured to generate target display content according to the content to be unlocked and the covering content, where the content to be unlocked in the target display content is in a hidden state; a first display module, configured to display the target display content; an obtaining and determining module, configured to obtain an erasing gesture for the target display content and determine an unlocking area according to the erasing gesture; a second display module, configured to, in the displayed target display content, hide the part of the covering content corresponding to the unlocking area and display the part of the content to be unlocked corresponding to the unlocking area.

[0006] In a third aspect, an electronic device is provided, including: a processor and a memory, where the memory is configured to store a computer program, and the processor is configured to call and run the computer program stored in the memory to execute the method in the first aspect or its various implementation manners.

[0007] In a fourth aspect, a computer-readable storage medium is provided, configured to store a computer program, and the computer program causes a computer to execute the method in the first aspect or its various implementation manners.

[0008] Fifth aspect, there is provided a computer program product including computer program instructions which cause a computer to execute the method in the first aspect or its various implementation manners.

[0009] Sixth aspect, there is provided a computer program which causes a computer to execute the method in the first aspect or its various implementation manners.

[0010] In the technical solution of this application, the content to be unlocked (for example, the content with usage permissions) can be hidden by covering the content first; afterwards, the unlocking area corresponding to the erasing gesture in the content to be unlocked can be obtained and displayed according to the erasing gesture. In this display mode, the user can know whether the content to be unlocked is of interest or need to the user according to the displayed unlocking area. Therefore, the diversity of content display can be improved, and the user interaction and experience can be enhanced. BRIEF DESCRIPTION OF THE DRAWINGS

[0011] The drawings required for describing the embodiments below will be introduced.

[0012] Figure 1 It is a flowchart of a content display method provided by an embodiment of this application;

[0013] Figure 2 It is a schematic diagram of a content display method provided by an embodiment of this application;

[0014] Figure 3 It is a schematic diagram of another content display method provided by an embodiment of this application;

[0015] Figure 4 It is a schematic diagram of yet another content display method provided by an embodiment of this application;

[0016] Figure 5 It is a schematic diagram of yet another content display method provided by an embodiment of this application;

[0017] Figure 6 It is a schematic diagram of yet another content display method provided by an embodiment of this application;

[0018] Figure 7 It is a schematic diagram of yet another content display method provided by an embodiment of this application;

[0019] Figure 8 It is a schematic diagram of a content display device 800 provided by an embodiment of this application;

[0020] Figure 9 It is a schematic diagram of an electronic device 900 provided by an embodiment of this application. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0021] Next, the technical solution of the present application will be described in conjunction with the accompanying drawings in the embodiments of the present application.

[0022] It should be noted that the information, data (including, but not limited to: data for analysis, stored data, displayed data, etc., such as content to be unlocked, covered content, target display content, and various gestures and operations, etc.), and signals involved in the present application are all authorized by the user or fully authorized by all parties, and the collection, use, and processing of relevant data need to comply with the relevant laws, regulations, and standards of relevant countries and regions. For example, the target display content and operations on the target display content involved in the present application are obtained under full authorization.

[0023] In one embodiment, the technical solution of the present application can be used in a content display scenario. Specifically, it can be applied to a scenario of displaying content such as pictures or files with usage permissions, but not limited to this.

[0024] In one embodiment, the solution provided by the present application can be executed by any electronic device with data processing capabilities. For example, the electronic device can be a server, specifically an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services. Another example is that the electronic device can be a terminal device, specifically a tablet computer, a notebook computer, or a desktop computer, etc. Another example is that the electronic device can be a combination of a server and a terminal device, where the server and the terminal device in the combination can communicate wirelessly or wiredly, and the present application does not make specific limitations on the electronic device.

[0025] Figure 1 is a flowchart of a content display method provided by an embodiment of the present application, and this method can be executed by a terminal device, such as Figure 1 shown, and this method includes:

[0026] S110: Receive the content to be unlocked and generate a covering content for covering the content to be unlocked;

[0027] S120: Generate a target display content according to the content to be unlocked and the covering content, and the content to be unlocked in the target display content is in a hidden state;

[0028] S130: Display the target display content;

[0029] S140: Obtain an erasing gesture for the target display content and determine an unlocking area according to the erasing gesture;

[0030] S150: In the displayed target display content, hide the part corresponding to the unlocking area in the covering content and display the part corresponding to the unlocking area in the content to be unlocked.

[0031] In one embodiment, the content to be unlocked may be content in any format such as a picture, a video, an article, or a file. Specifically, it may be content with usage permissions set, and the usage permissions may be consumption permissions obtained after purchasing / authorizing some or all of the content to be unlocked. For example, the consumption permissions may be permissions such as viewing, playing, downloading, and using, and the present application does not limit this.

[0032] In one embodiment, a content publisher (i.e., content creator) may publish the content to be unlocked to a content publishing platform based on the content publishing platform, such as an application (APP). A terminal device (installed with the above content publishing platform) may obtain the content to be unlocked and send the content to be unlocked to a server, for example, a remote server corresponding to the terminal device, so as to store the content to be unlocked through the server; after the server stores the content to be unlocked, it may determine the storage address for the content to be unlocked and send the storage address for the content to be unlocked to the terminal device; then, the terminal device may receive the storage address for the content to be unlocked sent by the server; and download the content to be unlocked through the storage address, thereby receiving the content to be unlocked.

[0033] Exemplarily, the storage address for the content to be unlocked may be an address based on a Uniform Resource Locator (URL), where the URL may describe the location of resources such as web pages, images, or documents.

[0034] In the above content, the content to be unlocked may be stored through the server first, and then accessed and obtained through the storage address, which can ensure the data security of the content to be unlocked and prevent unauthorized access or tampering.

[0035] In one embodiment, the covering content for covering the content to be unlocked may be generated by any of the following covering content generation methods, but not limited to:

[0036] Covering content generation method one: perform content blurring on the content to be unlocked to obtain the covering content.

[0037] Exemplarily, the meta-information of the content to be unlocked may be determined first; then, according to the meta-information, Gaussian filtering is performed on the content to be unlocked to obtain the covering content.

[0038] For example, the content to be retrieved may be convolved with normal distribution data to implement content blurring of the content to be unlocked and obtain the covering content.

[0039] For example, content blurring of the content to be unlocked may be performed based on Flutter or React Native (RN). Specifically, such asFigure 2 As shown, taking the content to be unlocked as an image to be unlocked, the image to be unlocked is as shown in Figure 2 (a) in. Based on Flutter, the image to be unlocked can be downloaded according to the above storage address, and a ui.Image object (an object containing image meta-information in Flutter, not a picture component) containing the picture information of the image to be unlocked can be generated. Then, according to the ui.Image object, a new image as shown in Figure 2 (b) in is generated using the Gaussian blur effect to obtain the covering content.

[0040] Among them, both Flutter and React Native are open-source cross-platform development frameworks with strong rendering capabilities, which can thus improve the processing effect and efficiency of content.

[0041] It can be understood that using the blurred content to be unlocked as the covering content can not only achieve the purpose of covering the content to be unlocked, but also improve the attraction of the content to be unlocked to users.

[0042] For the second method of generating the covering content, any other content except the content to be unlocked can be obtained, such as an image, and it can be directly determined as the covering content.

[0043] Exemplarily, as shown in Figure 2 (c), the covering content can be an image including the text "default picture".

[0044] In one embodiment, the size of the covering content is the same as that of the content to be unlocked.

[0045] In one embodiment, generating the target display content according to the content to be unlocked and the covering content may include the following steps: determining a first canvas according to the content to be unlocked and a second canvas according to the covering content; obtaining the target display content by placing the second canvas on top of the first canvas.

[0046] Exemplarily, a first canvas for displaying the content to be unlocked and a second canvas for displaying the covering content can be created first; then, the content to be unlocked can be drawn or loaded on the first canvas, and the covering content can be drawn or loaded on the second canvas. The covering content can also be an opaque mask layer; then, the second canvas can be placed on top of the first canvas with the positions overlapping to obtain the target display content. Among them, the first canvas and the second canvas have the same size, and the display effect of the target display content can be as shown in Figure 2 (b) and (c).

[0047] For example, the first canvas and the second canvas can be Canvas. Canvas is a canvas for rendering layers and is a two-dimensional (2D) drawing engine in Flutter. Specifically, as described in (a) of Figure 3 , a double-layer Canvas can be generated. The bottom layer Canvas (corresponding to the first canvas) uses the original image, i.e., the content to be unlocked, and the top layer Canvas (corresponding to the second canvas) uses the Gaussian-blurred image (image with a frosted glass effect), i.e., the covering content.

[0048] In the above content, by overlaying the double-layer canvases, not only can the effect of covering the content to be unlocked with the covering content be achieved, but it is also convenient to subsequently obtain the erasing gesture based on the canvas and determine the area to be erased, i.e., the unlocking area. That is to say, multiple technical steps can be achieved through one technical means. Therefore, the data processing efficiency can be improved and data processing resources can be saved.

[0049] The steps of obtaining the erasing gesture based on the canvas and implementing S150 will be introduced first below:

[0050] It should be noted that the erasing gesture can be a swiping gesture, a dragging gesture, a clicking gesture, etc. Specifically, it can be a gesture directly swiped, dragged, or clicked by the user (specifically, the content consumer) on the display screen of the terminal device, or a gesture swiped, dragged, or clicked by the user using a touch device (such as a mouse, etc.) on the display screen of the terminal device; or, the erasing gesture can also be a user gesture captured by the shooting device (such as a camera) of the terminal device, such as a gesture of spreading out five fingers, but not limited thereto.

[0051] In addition, each operation involved in this application, such as the triggering operation, the purchase operation, the unlocking operation, etc., can specifically be a single click, a double click, a press, a drag to a specified area, or a hovering touch gesture, etc. This application does not limit this.

[0052] In one embodiment, a listening component can be set in the second canvas; and through the listening component, the erasing gesture for the target display content can be obtained.

[0053] Exemplarily, in combination with the above content, an erasing gesture can be overlaid on the top layer Canvas, and the erasing gesture (specifically, the event corresponding to the erasing gesture) can be listened to through the listening component, so that the erasing gesture can be obtained. At the same time, the movement path corresponding to the erasing gesture, i.e., the erasing path, can also be calculated and displayed according to the erasing gesture. For example, the erasing path is as shown by the broken line in (a) of Figure 3 .

[0054] In one embodiment, hiding the part corresponding to the unlocking area in the covered content and displaying the part corresponding to the unlocking area in the content to be unlocked may include: clearing the color elements corresponding to the unlocking area in the second canvas.

[0055] It can be understood that the second canvas is placed on top of the first canvas. After clearing the color elements corresponding to the unlocking area in the second canvas, the part corresponding to the unlocking area in the first canvas can naturally be displayed, so as to achieve the effect of hiding the part corresponding to the unlocking area in the covered content and displaying the part corresponding to the unlocking area in the content to be unlocked.

[0056] In the above content, by using the covered content to cover the content to be unlocked, for example, a paid image can be displayed to the user in the form of an image with a Gaussian blur processed on top of the high-definition original image, and the user is supported to erase the covered area in the content to be unlocked after being covered through a manual erasing method, that is, an erasing gesture. This can not only enrich the way for users to unlock / consume the content to be unlocked, improve the diversity of content display, as well as user interaction and participation; moreover, by allowing users to view some of the content in the content to be unlocked first, it can avoid the negative impact caused by the content not meeting the psychological expectations after unlocking all the content to be unlocked; it can also directly stimulate the interest and consumption willingness of content consumers for the content to be unlocked, and improve the creative income and creative willingness of content publishers.

[0057] In addition, by using cross-platform frameworks such as Flutter to implement processes such as generating the covered content, it is possible to use the same set of code on multiple platforms, effectively reducing the labor cost and communication cost during the development process.

[0058] In the following embodiments, the process of triggering and obtaining the erasing gesture will be introduced:

[0059] In one embodiment, the terminal device may display an unlocking prompt message, which is used to prompt whether to perform a preliminary unlocking operation on the content to be unlocked; in response to determining to perform a preliminary unlocking operation, an erasing page is displayed, and the erasing page displays target display content, and an erasing identifier is displayed on the target display content; correspondingly, obtaining the erasing gesture for the target display content includes: obtaining a triggering operation for the erasing identifier, and determining the gesture corresponding to the triggering operation for the erasing identifier as the erasing gesture.

[0060] Exemplarily, the terminal device may first display the target display content and display the unlocking prompt message in the form of a pop-up window; then, it may obtain that the user determines to perform a preliminary unlocking operation based on the above pop-up window and display as Figure 4The erased page as shown; after that, the user can trigger an erasure identifier based on the erased page, perform an erasure gesture on the target display content shown in the erased page based on the erasure identifier, and at the same time, monitor and obtain the erasure gesture through the monitoring component set in the second canvas in the above embodiment.

[0061] Exemplarily, after obtaining a trigger operation for the erasure identifier, it is also possible to respond to the trigger operation for the erasure identifier and move the erasure identifier correspondingly according to the trigger operation for the erasure identifier. Among them, the area corresponding to the movement path of the erasure identifier is consistent with the unlocking area. While moving the erasure identifier, the movement path of the erasure identifier, that is, the erasure path, can be displayed in real time on the erased page.

[0062] Exemplarily, the erasure identifier can be circular or in the shape of a paintbrush, and the present application does not limit this.

[0063] In one embodiment, the terminal device can also respond to an operation for adjusting the size of the erasure identifier and correspondingly adjust the size of the erasure identifier.

[0064] Exemplarily, as Figure 4 shown by "(-+)" in, in response to a trigger operation for the erasure identifier to increase the identifier "+", the size of the erasure identifier is correspondingly increased; or, in response to a trigger operation for the erasure identifier to decrease the identifier "-", the size of the erasure identifier is correspondingly decreased.

[0065] Exemplarily, the terminal device can determine a sub-erasure range according to the size of the erasure identifier. The present application will introduce the sub-erasure range in the embodiment of determining the unlocking area to be introduced later.

[0066] For example, the size range of the erasure identifier can be directly determined as the sub-erasure range.

[0067] For example, the erasure identifier can be a paintbrush, and the paintbrush can be based on a paintbrush based on CustomPainter. Among them, CustomPainter can be a component in Flutter, a component that can realize freely drawing paths and graphics on the Canvas. Correspondingly, the sub-erasure range can refer to the paintbrush size range of the paintbrush used by the user when performing an erasure gesture.

[0068] The following introduces the content of determining the unlocking area according to the erasure gesture:

[0069] In one embodiment, the unlocking area can be determined according to the erasure gesture by any of the following methods, but not limited to:

[0070] Method 1 includes the following steps:

[0071] S140-1-1: Match the erasing gesture with a plurality of preset unlocking gestures to determine the target unlocking gesture among the plurality of unlocking gestures that matches the erasing gesture.

[0072] Exemplarily, a plurality of pre-determined unlocking gestures can be obtained. The unlocking gesture can be a gesture of spreading out five fingers or a fist gesture, or can be a sliding gesture with a movement path in an "S" shape. Then, a similarity matching algorithm can be used to match the erasing gesture with the plurality of preset unlocking gestures, and the unlocking gesture with the highest similarity to the erasing gesture is determined as the target unlocking gesture.

[0073] For example, the gesture features of the erasing gesture and the plurality of unlocking gestures can be obtained. For example, the gesture features can be at least one of the following: trajectory points, speed, direction, curvature. Then, according to similarity matching algorithms such as Dynamic Time Warping (DTW), Euclidean distance, Manhattan distance, or cosine similarity, the similarity between the erasing gesture and each of the plurality of unlocking gestures is calculated.

[0074] S140-1-2: Obtain the target correspondence between the plurality of unlocking gestures and the plurality of information to be unlocked. The information to be unlocked includes the area to be unlocked or the range to be unlocked.

[0075] Exemplarily, in the target correspondence, the unlocking gesture and the information to be unlocked are in a one-to-one correspondence, that is, one unlocking gesture corresponds to one area to be unlocked or one range to be unlocked.

[0076] Among them, the area to be unlocked can be at least one of the multiple sub-block areas obtained by dividing the content to be unlocked (or the covered content) into areas. This application will introduce the area division in subsequent embodiments.

[0077] The range to be unlocked can be the range corresponding to at least one of the above multiple sub-block areas. The specific range to be unlocked can be a coordinate range.

[0078] S140-1-3: Determine the information to be unlocked corresponding to the target unlocking gesture according to the target correspondence.

[0079] Exemplarily, the target unlocking gesture can be searched in the target correspondence, so that the information to be unlocked corresponding to the target unlocking gesture can be determined and obtained.

[0080] S140-1-4: Determine the unlocking area according to the information to be unlocked corresponding to the target unlocking gesture.

[0081] Exemplarily, the area to be unlocked corresponding to the target unlocking gesture can be determined as the unlocking area.

[0082] Exemplarily, the unlocking position corresponding to the erasing gesture in the content to be unlocked can be determined first; then, according to the unlocking position and the unlocking range corresponding to the target unlocking gesture, the unlocking area can be determined.

[0083] For example, the unlocking position can be determined according to the movement path corresponding to the erasing gesture. Specifically, any position where a point on the movement path is located can be determined as the unlocking position, and any area corresponding to the unlocking range including the unlocking position can be determined as the unlocking area.

[0084] In Method 1, the unlocking area can be accurately and quickly determined through gesture matching and the corresponding relationship between the unlocking information and the gesture, which can not only improve the determination efficiency of the unlocking area, but also enrich the determination methods of the unlocking area and improve the interaction diversity.

[0085] Method 2 includes the following steps:

[0086] S140-2-1: Determine multiple coordinate points of the movement path corresponding to the erasing gesture.

[0087] Exemplarily, the multiple coordinate points of the movement path can be the coordinate points based on the target display content. For example, a coordinate system can be constructed based on the target display content, and multiple coordinate points of the movement path corresponding to the erasing gesture can be determined.

[0088] Specifically, a target data structure can be defined to store multiple coordinate points. The coordinate point of the movement starting point of the movement path corresponding to the erasing gesture is stored as the parent node, and the subsequent coordinate points of the movement path are inserted into the parent node of the target data structure as child nodes or part of the path.

[0089] S140-2-2: Determine the unlocking area according to the multiple coordinate points.

[0090] Exemplarily, the sub-erasing range can be determined first; then, for any target coordinate point among the multiple coordinate points, according to the target coordinate point and the sub-erasing range, the sub-unlocking area corresponding to the target coordinate point can be determined; finally, the unlocking area can be determined according to the multiple sub-unlocking areas.

[0091] It should be noted that the sub-erasing range can be understood as the minimum erasing range corresponding to the erasing gesture, that is, the minimum range corresponding to the unlocking area; it can be used to determine the sub-unlocking area corresponding to the target coordinate point, and specifically can be the numerical range representing the area size of the sub-unlocking area. For example, the sub-erasing range can be the size range of the erasing mark in the above embodiment, and the shape corresponding to the sub-erasing range can be the same as the shape of the erasing mark.

[0092] Exemplarily, the target coordinate point can correspond to any point in the sub-unlock area, and the area range of the sub-unlock area is the same as the sub-erasure range, that is, the area size of the sub-unlock area is the same as the range size of the sub-erasure range. For example, the target coordinate point can be the geometric center point of the sub-unlock area.

[0093] Exemplarily, multiple sub-unlock areas can be connected in area to obtain an unlock area.

[0094] Exemplarily, the target display content can also be divided into blocks in area to obtain multiple block areas; then, the block areas involved in multiple sub-unlock areas among the multiple block areas are determined as the unlock area.

[0095] For example, the above-mentioned multiple block areas can be block areas of equal proportional size, or can also be block areas corresponding to each unlock object in the content to be unlocked. Specifically, assuming that the content to be unlocked includes two unlock objects, namely a tree and a house, the area corresponding to the tree can be one block area, and the area corresponding to the house can be another block area.

[0096] In addition, the multiple block areas can be non-overlapping, or can include overlapping parts.

[0097] For example, the content to be unlocked or the covered content in the target display content can be divided into blocks in area to obtain multiple block areas. Specifically, in combination with the above content, as shown in (b) of Figure 3 , the top-level Canvas can be divided and cut to achieve area division of the covered content and obtain multiple block areas.

[0098] For example, a first specific block area among the multiple block areas can be determined. The first specific block area includes a preset block area and / or a purchased block area; the block areas involved in multiple sub-unlock areas in the first specific block area are determined as the unlock area.

[0099] Among them, the preset block area can be understood as the area corresponding to the content without consumption permission in the content to be unlocked. For example, the area corresponding to the content that can be consumed without purchase.

[0100] Specifically, as shown in (a) of Figure 5 , a first content purchase box can be displayed first; then, a first content purchase operation for at least one block area among the multiple block areas based on the first content purchase box is obtained; afterwards, in response to the first content purchase operation, at least one block area corresponding to the first content purchase operation among the multiple block areas is determined as the purchased block area. Among them, the first purchase operation can include a trigger operation for at least one block area among the multiple block areas in the first content purchase box.

[0101] In the second mode, not only does it support the user to purchase the content to be unlocked in chunks according to requirements, that is, the user can selectively purchase some or all of the content to be unlocked, but also by dividing the area of the target display content (specifically, it can be the covered content or the content to be unlocked), and at least one sub-unlock area corresponding to the erasing gesture, the unlocking area, that is, the area erased by the user, can be more accurately recorded, so as to achieve high-precision ratio calculation and the display and hiding of the corresponding content, which can better protect the creative rights and interests of content publishers and the consumption rights and interests of content consumers.

[0102] In one embodiment, before executing S150, it further includes: determining whether the total area of the unlocking area and the historical unlocking area is less than the area threshold; if the total area of the unlocking area and the historical unlocking area is less than the area threshold, then in the target display content being displayed, hide the part of the covered content corresponding to the unlocking area and display the part of the content to be unlocked corresponding to the unlocking area. The historical unlocking area can be understood as the determined unlocking area, which is the area corresponding to the part that has been displayed in the covered (that is, in the hidden state) content to be unlocked.

[0103] Among them, the above area threshold includes at least one of the following: the area value corresponding to the preset divided area, the area value corresponding to the purchased divided area, and the sum of the area value corresponding to the preset divided area and the area value corresponding to the purchased divided area.

[0104] In the above embodiment, the range where the covered content to be unlocked can be displayed can be limited to a reasonable range through the area threshold, so as to avoid damage to the creative rights and interests of content publishers.

[0105] In one embodiment, the terminal device can also respond to an exit operation for the erasing page and exit the erasing page.

[0106] Exemplarily, as Figure 4 shown, it can obtain and respond to the trigger operation of the user for the identifier of the "Exit" word in the upper right corner of the erasing page, and exit the erasing page.

[0107] In another embodiment, in combination with the above content, it can also respond to the total area of the unlocking area and the historical unlocking area being greater than or equal to the area threshold and exit the erasing page.

[0108] That is to say, when the range where the covered content to be unlocked can be displayed exceeds the reasonable range, that is, the area threshold, the erasing page can be automatically exited to avoid excessive erasing gestures from affecting the creative rights and interests of content publishers.

[0109] In one embodiment, the terminal device may also display the unlocking conditions for the content to be unlocked in response to the total area of the unlocking area and the historical unlocking area being greater than or equal to the area threshold; thereafter, in response to triggering the unlocking conditions, in the target display content being displayed, the part corresponding to the unlocking conditions in the covering content may be hidden and the part corresponding to the unlocking conditions in the content to be unlocked may be displayed.

[0110] That is to say, when the displayable range of the covered content to be unlocked exceeds a reasonable range, i.e., the area threshold, the user may be prompted to trigger the unlocking of the remaining part of the content to be unlocked to meet the user's consumption needs.

[0111] Exemplarily, the above unlocking conditions may be watching a video for a preset duration or reading a text or picture for a preset duration, but are not limited thereto.

[0112] Exemplarily, as Figure 5 shown in (b) of [reference], the unlocking conditions are the purchase conditions for multiple sub-regions. Specifically, the terminal device may display a second content purchase box, and the second content purchase box includes the purchase conditions for multiple sub-regions, and the multiple sub-regions are obtained by partitioning the target display content (specifically, it may be the covering content or the content to be unlocked); then, a second content purchase operation for the second specific sub-region among the multiple sub-regions based on the purchase conditions may be obtained and responded to. Thereafter, in the target display content being displayed, the part corresponding to the second specific sub-region in the covering content may be hidden and the part corresponding to the second specific sub-region in the content to be unlocked may be displayed.

[0113] Among them, as Figure 5 shown by the black squares and white squares in (b) of [reference], the historical unlocking areas and the other areas except the historical unlocking areas among the multiple sub-regions may be distinguished and displayed in the second content purchase box, so that the user can select the second specific sub-region in the other areas to avoid the user unlocking repeatedly.

[0114] For example, a regional erasing gesture for the second specific sub-region in the target display content may be obtained; in response to the regional erasing gesture, in the target display content being displayed, the part corresponding to the second specific sub-region in the covering content may be hidden and the part corresponding to the second specific sub-region in the content to be unlocked may be displayed. That is, in a manner similar to the above embodiment, the purchased sub-regions in the content to be unlocked may be unlocked based on the erasing gesture. Of course, in response to the second content purchase operation, directly in the target display content being displayed, the part corresponding to the second specific sub-region in the covering content may be hidden and the part corresponding to the second specific sub-region in the content to be unlocked may be displayed.

[0115] For example, a cancellation purchase operation for the content to be unlocked based on the second content purchase box may also be obtained, such asFigure 5 as shown by "Cancel" in (b) therein; in response to a purchase cancellation operation, exit the erasure page or hide the second content purchase box.

[0116] In one embodiment, taking the content to be unlocked as an image to be unlocked as an example, as Figure 6 shown, the terminal device may first obtain the picture address sent by the server, and download the original picture, i.e., the image to be unlocked, through the picture address; then, use the Flutter framework to generate a ui.Image object of the image to be unlocked, and further generate a Gaussian blurred image of the image to be unlocked according to the ui.Image object to obtain a covering image (i.e., the covering content); then, a double-layer Canvas may be generated, which are respectively used to render the image to be unlocked and the covering image, and place the Canvas corresponding to the covering image above the Canvas corresponding to the image to be unlocked; an erasure gesture and a listening component may be superimposed in the Canvas corresponding to the covering image, the erasure gesture of the user may be obtained through the listening component, and the erasure path corresponding to the erasure gesture of the user may be recorded and displayed in real time through the superimposed erasure gesture; the Canvas corresponding to the covering image may be divided into blocks to obtain a plurality of block areas, and the block areas covered by the erasure path are determined as unlocking areas, so that in the displayed target display content, the part corresponding to the unlocking area in the covering image is hidden and the part corresponding to the unlocking area in the image to be unlocked is displayed, so that the part corresponding to the unlocking area in the image to be unlocked in the hidden state is displayed.

[0117] Specifically, as Figure 7As shown, when an erasing gesture such as a sliding gesture is obtained, the erasing ratio can be calculated at the starting moment of the movement corresponding to the sliding gesture, that is, calculate the ratio of the total area of the historical unlocking area to the area of the content to be unlocked, or calculate the size relationship between the total area of the historical unlocking area and the area threshold. If the ratio is greater than or equal to the ratio upper limit, or the total area of the historical unlocking area is greater than or equal to the area threshold, then exit the sliding, that is, stop obtaining the sliding gesture. If the ratio is less than the ratio threshold, or the total area of the historical unlocking area is less than the area threshold, then multiple coordinate points of the movement path corresponding to the sliding gesture can be created. One coordinate point corresponds to one touch point in the sliding gesture. Add the coordinate point corresponding to the origin of the first slide, that is, the origin of the erasing path corresponding to the sliding gesture, as the parent node, and insert the coordinate points corresponding to the subsequent path points as child nodes into the parent node. If there is only one path origin for the movement path of the sliding gesture, then determine the sliding end after determining the path origin and exit the sliding. After that, the radiation radius can be calculated according to the size of the Paint, and a circle can be radiated based on the CustomPaint and the Paint brush with each coordinate point corresponding to the erasing path as the center and the radiation radius as the radius. Among them, the repeatedly erased area, that is, the repeatedly radiated circles, is not calculated repeatedly. Then, the top-level canvas, that is, the top-level Canvas, is redrawn according to each circle. Specifically, the color elements of all the divided areas covered by each circle in the top-level canvas can be cleared, that is, the color elements corresponding to the erasing path in the canvas corresponding to the covered image are cleared correspondingly, and then the sliding can be exited. In addition, during the above process, the ratio of the area corresponding to the erasing path in the entire canvas (or the content to be unlocked) can be continuously calculated in real time. When the sum of this ratio and the above erasing ratio is greater than the ratio upper limit, exit the sliding.

[0118] Through the technical solution of the present application, by utilizing the better rendering ability in the Flutter framework and combining with the double-layer superimposed Canvas, it is supported that the user can erase a part of the covered content in the top-level Canvas by manual smearing (that is, the erasing gesture) and expose the content to be unlocked in the bottom-level Canvas, improving the diversity of content display. At the same time, the "block cropping" technology is also combined to achieve high-precision calculation of the erasing ratio and the unlocking area, ensuring the rights and interests of users. Moreover, when the erasing ratio reaches the upper limit, that is, the unlocking area reaches the threshold, it automatically triggers to exit the unlocking of the content to be unlocked, or triggers the unlocking condition to meet the consumption needs of users.

[0119] It should be noted that all the above technical solutions can be combined arbitrarily to form alternative embodiments of the present application, which will not be elaborated one by one here.

[0120] Figure 8 The schematic diagram of a content display device 800 provided by an embodiment of the present application is asFigure 8 As shown in the figure, the device 800 includes: a receiving and generating module 801, a content generating module 802, a first display module 803, an obtaining and determining module 804, a second display module 805, a third display module 806, a first obtaining module 807, a first determining module 808, a content sending module 809, an address receiving module 810, a threshold judging module 811, a fourth display module 812, an identification moving module 813, a page exiting module 814, a fifth display module 815, a sixth display module 816, a second obtaining module 817, an identification adjusting module 818, and a range determining module 819.

[0121] In one embodiment, the receiving and generating module 801 is configured to receive the content to be unlocked and generate a covering content for covering the content to be unlocked; the content generating module 802 is configured to generate a target display content according to the content to be unlocked and the covering content, and the content to be unlocked in the target display content is in a hidden state; the first display module 803 is configured to display the target display content; the obtaining and determining module 804 is configured to obtain an erasing gesture for the target display content and determine an unlocking area according to the erasing gesture; the second display module 805 is configured to hide a part of the covering content corresponding to the unlocking area in the displayed target display content and display a part of the content to be unlocked corresponding to the unlocking area.

[0122] Exemplarily, the obtaining and determining module 804 is specifically configured to: determine a plurality of coordinate points of a movement path corresponding to the erasing gesture; and determine the unlocking area according to the plurality of coordinate points.

[0123] Exemplarily, the obtaining and determining module 804 is specifically configured to: determine a sub-erasing range; for any target coordinate point among the plurality of coordinate points, determine a sub-unlocking area corresponding to the target coordinate point according to the target coordinate point and the sub-erasing range; and determine the unlocking area according to the plurality of sub-unlocking areas.

[0124] Exemplarily, for any point in the sub-unlocking area corresponding to the target coordinate point, the area range of the sub-erasing range is the same as that of the sub-unlocking area.

[0125] Exemplarily, the obtaining and determining module 804 is specifically configured to: divide the target display content into regions to obtain a plurality of divided regions; and determine the divided regions involved in the plurality of sub-unlocking areas among the plurality of divided regions as the unlocking area.

[0126] Exemplarily, the obtaining and determining module 804 is specifically configured to: determine a first specific divided region among the plurality of divided regions, and the first specific divided region includes a preset divided region and / or a purchased divided region; and determine the divided regions involved in the plurality of sub-unlocking areas in the first specific divided region as the unlocking area.

[0127] Exemplarily, a third display module 806 is configured to display a first content purchase box; a first acquisition module 807 is configured to acquire a first content purchase operation for at least one of a plurality of sub - regions based on the first content purchase box; a first determination module 808 is configured to, in response to the first content purchase operation, determine at least one sub - region corresponding to the first content purchase operation among the plurality of sub - regions as a purchased sub - region.

[0128] Exemplarily, an acquisition and determination module 804 is specifically configured to: perform region connection on a plurality of sub - unlocking regions to obtain an unlocking region.

[0129] Exemplarily, an acquisition and determination module 804 is specifically configured to: match an erasing gesture with a plurality of preset unlocking gestures to determine a target unlocking gesture that matches the erasing gesture among the plurality of unlocking gestures; obtain a target correspondence relationship between the plurality of unlocking gestures and a plurality of pieces of information to be unlocked, where the information to be unlocked includes an area to be unlocked or a range to be unlocked; determine the information to be unlocked corresponding to the target unlocking gesture according to the target correspondence relationship; and determine the unlocking region according to the information to be unlocked corresponding to the target unlocking gesture.

[0130] Exemplarily, an acquisition and determination module 804 is specifically configured to: determine the area to be unlocked corresponding to the target unlocking gesture as the unlocking region.

[0131] Exemplarily, an acquisition and determination module 804 is specifically configured to: determine a position to be unlocked corresponding to the erasing gesture in the content to be unlocked; and determine the unlocking region according to the position to be unlocked and the range to be unlocked corresponding to the target unlocking gesture.

[0132] Exemplarily, an acquisition and determination module 804 is specifically configured to: determine the position to be unlocked according to the movement path corresponding to the erasing gesture.

[0133] Exemplarily, a receiving and generating module 801 is specifically configured to: perform content blurring processing on the content to be unlocked to obtain a covered content.

[0134] Exemplarily, a receiving and generating module 801 is specifically configured to: determine meta - information of the content to be unlocked; and perform Gaussian filtering on the content to be unlocked according to the meta - information to obtain a covered content.

[0135] Exemplarily, a content sending module 809 is configured to send the content to be unlocked published by a content publisher to a server for storing the content to be unlocked by the server; an address receiving module 810 is configured to receive a storage address for the content to be unlocked sent by the server; a receiving and generating module 801 is specifically configured to: download the content to be unlocked through the storage address.

[0136] Exemplarily, the content generation module 802 is specifically configured to: determine a first canvas according to the content to be unlocked, and determine a second canvas according to the covering content; obtain the target display content by placing the second canvas on top of the first canvas.

[0137] Exemplarily, the acquisition and determination module 804 is specifically configured to: set a listening component in the second canvas; obtain an erasing gesture through the listening component.

[0138] Exemplarily, the second display module 805 is specifically configured to: clear the color elements corresponding to the unlocked area in the second canvas.

[0139] Exemplarily, the threshold judgment module 811 is configured to judge whether the total area of the unlocked area and the historical unlocked area is less than the area threshold; the second display module 805 is specifically configured to: if the total area of the unlocked area and the historical unlocked area is less than the area threshold, in the displayed target display content, hide the part corresponding to the unlocked area in the covering content and display the part corresponding to the unlocked area in the content to be unlocked.

[0140] Exemplarily, the fourth display module 812 is configured to display an unlocking prompt message, and the unlocking prompt message is used to prompt whether to perform a preliminary unlocking operation on the content to be unlocked; in response to determining to perform a preliminary unlocking operation, display an erasing page, the erasing page displays the target display content, and an erasing identifier is displayed on the target display content; the acquisition and determination module 804 is specifically configured to: obtain a triggering operation for the erasing identifier, and determine the gesture corresponding to the triggering operation for the erasing identifier as the erasing gesture.

[0141] Exemplarily, the identifier moving module 813 is configured to, in response to a triggering operation for the erasing identifier, move the erasing identifier according to the triggering operation for the erasing identifier; wherein, the area corresponding to the movement path of the erasing identifier is consistent with the unlocked area.

[0142] Exemplarily, the page exit module 814 is configured to, in response to an exit operation for the erasing page, exit the erasing page.

[0143] Exemplarily, the page exit module 814 is configured to, in response to the total area of the unlocked area and the historical unlocked area being greater than or equal to the area threshold, exit the erasing page.

[0144] Exemplarily, the fifth display module 815 is configured to, in response to the total area of the unlocked area and the historical unlocked area being greater than or equal to the area threshold, display the unlocking conditions for the content to be unlocked; the sixth display module 816 is configured to, in response to triggering the unlocking conditions, in the displayed target display content, hide the part corresponding to the unlocking conditions in the covering content and display the part corresponding to the unlocking conditions in the content to be unlocked.

[0145] Exemplarily, the fifth display module 815 is specifically configured to display a second content purchase box, where the second content purchase box includes an unlocking condition, and the unlocking condition is a purchase condition for a plurality of segmented regions, and the plurality of segmented regions are obtained by segmenting a target display content; correspondingly, the sixth display module 816 is specifically configured to: in response to a second content purchase operation for a second specific segmented region among the plurality of segmented regions based on the purchase condition, hide a part corresponding to the second specific segmented region in the covering content and display a part corresponding to the second specific segmented region in the content to be unlocked in the displayed target display content.

[0146] Exemplarily, the sixth display module 816 is specifically configured to: obtain a regional erasing gesture for a second specific segmented region in the target display content; in response to the regional erasing gesture, hide a part corresponding to the second specific segmented region in the covering content and display a part corresponding to the second specific segmented region in the content to be unlocked in the displayed target display content.

[0147] Exemplarily, the second obtaining module 817 is configured to obtain a cancellation purchase operation for the content to be unlocked based on the second content purchase box; the page exit module 814 is further configured to, in response to the cancellation purchase operation, exit the erasing page or hide the second content purchase box.

[0148] Exemplarily, the identification adjustment module 818 is configured to, in response to a size adjustment operation for the erasing identification, correspondingly adjust the size of the erasing identification.

[0149] Exemplarily, the range determination module 819 is configured to determine a sub-erasing range according to the size of the erasing identification.

[0150] It should be understood that the device embodiments and the method embodiments can correspond to each other, and similar descriptions can refer to the method embodiments. To avoid repetition, they are not elaborated here. Specifically, Figure 8 The illustrated device 800 can execute the above method embodiments, and the foregoing and other operations and / or functions of each module in the device 800 respectively implement the corresponding processes in the above methods. For the sake of brevity, they are not elaborated here.

[0151] The apparatus 800 according to the embodiments of the present application has been described above from the perspective of functional modules in combination with the accompanying drawings. It should be understood that the functional modules can be implemented in the form of hardware, can also be implemented by instructions in the form of software, or can be implemented by a combination of hardware and software modules. Specifically, the steps of the method embodiments in the present application can be completed by the integrated logic circuit in the hardware of the processor and / or instructions in the form of software. The steps of the method disclosed in combination with the embodiments of the present application can be directly embodied as being executed and completed by the hardware decoding processor, or can be executed and completed by a combination of the hardware and software modules in the decoding processor. Optionally, the software module can be located in a mature storage medium in the art such as a random access memory, a flash memory, a read-only memory, a programmable read-only memory, an electrically erasable programmable memory, a register, etc. This storage medium is located in the memory, and the processor reads the information in the memory and combines its hardware to complete the steps in the above method embodiments.

[0152] Figure 9 It is a schematic diagram of an electronic device 900 provided by an embodiment of the present application.

[0153] As Figure 9 shown, the electronic device 900 may include:

[0154] A memory 910 and a processor 920. The memory 910 is used to store a computer program and transmit the program code to the processor 920. In other words, the processor 920 can call and run the computer program from the memory 910 to implement the method in the embodiments of the present application.

[0155] For example, the processor 920 can be used to execute the above method embodiments according to the instructions in the computer program.

[0156] In some embodiments of the present application, the processor 920 may include, but is not limited to:

[0157] A general-purpose processor, a digital signal processor (DSP), an application specific integrated circuit (ASIC), a field programmable gate array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, and the like.

[0158] In some embodiments of the present application, the memory 910 includes, but is not limited to:

[0159] Volatile memory and / or non-volatile memory. Among them, the non-volatile memory can be Read-Only Memory (ROM), Programmable ROM (PROM), Erasable PROM (EPROM), Electrically Erasable PROM (EEPROM), or flash memory. The volatile memory can be Random Access Memory (RAM), which is used as an external cache. By way of example but not limitation, many forms of RAM are available, such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), Double DataRate SDRAM (DDR SDRAM), Enhanced SDRAM (ESDRAM), Synch Link DRAM (SLDRAM), and Direct Rambus RAM (DR RAM).

[0160] In some embodiments of the present application, the computer program may be divided into one or more modules, which are stored in the memory 910 and executed by the processor 920 to complete the method provided by the present application. The one or more modules may be a series of computer program instruction segments capable of performing specific functions, and the instruction segments are used to describe the execution process of the computer program in the electronic device.

[0161] As Figure 9 shown, the electronic device may further include:

[0162] A transceiver 930, which may be connected to the processor 920 or the memory 910.

[0163] Among them, the processor 920 can control the transceiver 930 to communicate with other devices. Specifically, it can send information or data to other devices, or receive information or data sent by other devices. The transceiver 930 may include a transmitter and a receiver. The transceiver 930 may further include an antenna, and the number of antennas may be one or more.

[0164] It should be understood that the components in the electronic device are connected through a bus system. Among them, the bus system includes not only a data bus, but also a power bus, a control bus, and a status signal bus.

[0165] This application also provides a computer storage medium, on which a computer program is stored. When the computer program is executed by a computer, the computer can execute the methods in the above method embodiments. Or rather, the embodiments of this application also provide a computer program product containing instructions. When the instructions are executed by a computer, the computer executes the methods in the above method embodiments.

[0166] When implemented using software, it can be fully or partially implemented in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the computer can fully or partially execute the corresponding processes in the methods in the embodiments of this application and generate the functions achievable by the methods in the embodiments of this application. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices. The computer instructions can be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another. For example, the computer instructions can be transmitted from a website, computer, server, or data center to another website, computer, server, or data center in a wired manner (such as coaxial cable, optical fiber, Digital Subscriber Line (DSL)) or wirelessly (such as infrared, wireless, microwave, etc.). The computer-readable storage medium can be any available medium that the computer can access or a data storage device such as a server or data center that includes one or more integrated available media. The available medium can be a magnetic medium (such as a floppy disk, hard disk, magnetic tape), an optical medium (such as a Digital Video Disc (DVD)), or a semiconductor medium (such as a Solid State Disk (SSD)), etc.

[0167] Those of ordinary skill in the art can realize that the modules and algorithm steps of the examples described in combination with the embodiments disclosed herein can be implemented by electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are executed in a hardware or software manner depends on the specific application and design constraints of the technical solution. Professional technicians can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of this application.

[0168] In several embodiments provided by the present application, it should be understood that the disclosed systems, devices, and methods can be implemented in other ways. For example, the system embodiments described above are merely illustrative. For example, the division of the modules is only a logical function division. In actual implementation, there may be other division methods. For example, multiple modules or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the displayed or discussed coupling or direct coupling or communication connection between each other can be through some interfaces. The indirect coupling or communication connection of the system, device, or module can be in electrical, mechanical, or other forms.

[0169] The modules described as separate components may or may not be physically separated. The components shown as modules may or may not be physical modules, that is, they may be located in one place, or they may be distributed to multiple network units. Some or all of the modules can be selected according to actual needs to achieve the purpose of the solution of this embodiment. For example, in each embodiment of the present application, the various functional modules can be integrated in a processing module, or each module can exist physically alone, or two or more modules can be integrated in one module.

Claims

1. A content display method, characterized in that: include: Receiving content to be unlocked, and generating covering content for covering the content to be unlocked; Generate target display content according to the content to be unlocked and the covered content, wherein the content to be unlocked is in a hidden state in the target display content; Displaying the target display content; Acquire an erasing gesture for the target display content, and determine an unlocking area according to the erasing gesture; In the displayed target display content, a portion of the covered content corresponding to the unlocked area is hidden, and a portion of the content to be unlocked corresponding to the unlocked area is displayed.

2. The method according to claim 1, characterized in that The determining the unlocking area according to the erasing gesture includes: Determining a plurality of coordinate points of a motion path corresponding to the erase gesture; The unlocking area is determined according to the plurality of coordinate points.

3. The method according to claim 2, characterized in that The determining the unlocking area according to the plurality of coordinate points comprises: Determine the sub-erase range; For any target coordinate point among the multiple coordinate points, determining a sub-unlocking area corresponding to the target coordinate point according to the target coordinate point and the sub-erasing range; The unlocking area is determined according to the plurality of unlocking sub-areas.

4. The method according to claim 3, characterized in that The target coordinate point corresponds to any point in the sub-unlocking area, and the sub-erasing range is consistent with the area range of the sub-unlocking area.

5. The method according to claim 3, characterized in that: The step of determining the unlocking area according to the plurality of unlocking sub-areas includes: Dividing the target display content into blocks to obtain a plurality of block areas; The block areas involved in the multiple unlocking sub-areas in the multiple block areas are determined as the unlocking areas.

6. The method according to claim 5, characterized in that The step of determining the block areas involved in the plurality of sub-unlocking areas among the plurality of block areas as the unlocking area comprises: Determine a first specific block area among the multiple block areas, where the first specific block area includes a preset block area and / or a purchased block area; The block areas involved in the plurality of the sub-unlocking areas in the first specific block area are determined as the unlocking area.

7. A content display device, characterized in that: include: A receiving and generating module, used for receiving content to be unlocked, and generating covering content for covering the content to be unlocked; A content generation module, configured to generate target display content according to the content to be unlocked and the covered content, wherein the content to be unlocked is in a hidden state in the target display content; A first display module, used for displaying the target display content; An acquisition and determination module, configured to acquire an erasing gesture for the target display content, and determine an unlocking area according to the erasing gesture; The second display module is used to hide the portion of the covered content corresponding to the unlocking area and display the portion of the content to be unlocked corresponding to the unlocking area in the displayed target display content.

8. An electronic device, characterized in that: include: processor; as well as A memory, configured to store executable instructions of the processor; The processor is configured to perform the method of any one of claims 1 to 6 by executing the executable instructions.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 6 is implemented.

10. A computer program product comprising instructions, characterized in that When the computer program product is run on an electronic device, the electronic device is enabled to execute the method according to any one of claims 1 to 6.

Images