Page presentation method, device, equipment and computer readable storage medium

Abstract

The application provides a page presentation method and device, equipment and a computer readable storage medium; the method comprises the following steps: presenting push information, wherein the push information carries a push object; presenting a virtual element corresponding to the push object, and presenting prompt information corresponding to the virtual element; wherein the prompt information is used for indicating an interactive operation for the virtual element; in response to the interactive operation for the virtual element, performing page jump to a detail page corresponding to the push information. Through the application, the user can be guided to perform an interactive operation for the push object, so as to present the detail page corresponding to the push information, and the exposure rate of the detail page is improved.

Description

TECHNICAL FIELD

[0001] The present application relates to the computer technical field, and particularly relates to a page presentation method and device, equipment and a computer readable storage medium. BACKGROUND

[0002] With the development of the Internet technology, information dissemination based on intelligent terminals is also more and more common. The terminal can present the push information such as an advertisement in the form of a picture or a video. When the user clicks the push information, the terminal presents a detail page of the push information to guide the user to perform a final behavior operation such as purchasing a commodity or downloading an application.

[0003] However, the way of presenting the detail page of the push information according to the click operation of the user on the push information has the problem of poor interactivity, so that many users will not perform the corresponding click operation, and thus the exposure rate of the detail page of the push information is low and the dissemination efficiency is poor. SUMMARY

[0004] The embodiments of the present application provide a page presentation method, device, equipment and a computer readable storage medium, which can guide the user to perform an interactive operation on a push object to improve the exposure rate of a detail page of corresponding push information.

[0005] The technical solution of the embodiments of the present application is as follows:

[0006] The embodiments of the present application provide a page presentation method, comprising:

[0007] presenting a push information in a graphical interface, wherein the push information carries a push object;

[0008] presenting a virtual element corresponding to the push object and presenting prompt information corresponding to the virtual element;

[0009] The prompt information is used to indicate an interactive operation on the virtual element.

[0010] In response to the interactive operation on the virtual element, a detail page corresponding to the push information is presented.

[0011] The embodiments of the present application provide a page presentation device, comprising:

[0012] a first presentation module configured to present a push information, wherein the push information carries a push object;

[0013] a second presentation module configured to present a virtual element corresponding to the push object and present prompt information corresponding to the virtual element;

[0014] The prompt information is used for instructing to perform an interaction operation on the virtual element.

[0015] The page jump module is configured to perform page jump to a detail page corresponding to the push information in response to the interaction operation performed on the virtual element.

[0016] In the above scheme, the first presentation module is further configured to play the video through a video playing window when the display mode of the push information is a video.

[0017] The second presentation module is further configured to detect a playing time length of the video.

[0018] When it is detected that the playing time length of the video reaches a first time length, the video is paused and a virtual element corresponding to the push object is presented.

[0019] In the above scheme, the first presentation module is further configured to acquire a presentation time length of the prompt information.

[0020] When the presentation time length of the prompt information reaches a second time length and no interaction operation performed on the virtual element is received, the video is played.

[0021] In the above scheme, the second presentation module is further configured to acquire a presentation position of the push object in the push information.

[0022] According to the presentation position, a virtual element corresponding to the push object is presented so that the virtual element covers the push object.

[0023] In the above scheme, the second presentation module is further configured to present prompt information corresponding to the virtual element through a guide animation.

[0024] The guide animation is used for showing an execution process of the interaction operation on the virtual element.

[0025] In the above scheme, the second presentation module is further configured to present a target moving track of the virtual element and present prompt information indicating to control the virtual element to move according to the target moving track.

[0026] In the above scheme, the page jump module is further configured to move the virtual element according to the performed interaction operation when the interaction operation indicates to move the virtual element according to the target moving track.

[0027] When the moving track of the virtual element matches the target moving track, page jump to the detail page of the push information is performed.

[0028] In the solution above, the page jump module is further configured to move the virtual element according to the executed interaction operation when the interaction operation indicates moving the virtual element to a target position.

[0029] When the virtual element is moved to the target position, the page is jumped to a detail page of the push information.

[0030] In the solution above, the page jump module is further configured to receive a drag operation on the virtual element to trigger an interaction operation on the virtual element.

[0031] In the solution above, the page jump module is further configured to present a direction wheel for controlling a moving direction of the virtual element.

[0032] The interaction operation triggered based on the direction wheel is received.

[0033] In the solution above, the apparatus further includes:

[0034] An element generation module configured to acquire a key frame image in the video when the display mode of the push information is a video.

[0035] The key frame image is subjected to stylization processing to obtain an image of a target style corresponding to the key frame image.

[0036] The image of the target style is subjected to cropping processing to obtain a virtual element corresponding to the push object.

[0037] In the solution above, the element generation module is further configured to perform frame capturing processing on the video to obtain at least two frame images of the video.

[0038] Each of the frame images is subjected to image recognition to obtain a proportion of the push object in each of the frame images.

[0039] The key frame image is selected from the at least two frame images according to the proportion of the push object in each of the frame images.

[0040] An embodiment of the present application provides a computer device, comprising:

[0041] A memory configured to store executable instructions.

[0042] A processor configured to execute the executable instructions stored in the memory to implement a page presentation method provided by an embodiment of the present application.

[0043] An embodiment of the present application provides a computer readable storage medium storing executable instructions, configured to cause a processor to execute the page presentation method provided by an embodiment of the present application.

[0044] The embodiments of the present application have the following beneficial effects:

[0045] By presenting the push information, the push information carries a push object; a virtual element corresponding to the push object is presented, and prompt information corresponding to the virtual element is presented; wherein the prompt information is used to instruct to perform an interactive operation on the virtual element; in response to the interactive operation performed on the virtual element, page jumping to a detail page corresponding to the push information is performed; in this way, the user can be guided to perform an interactive operation on the push object to present the detail page corresponding to the push information, thereby improving the exposure rate of the detail page. BRIEF DESCRIPTION OF DRAWINGS

[0046] Figure 1 is an interface schematic diagram of presenting a detail page provided by related technologies;

[0047] Figure 2 is an architecture schematic diagram of a page presentation system 100 provided by the embodiments of the present application;

[0048] Figure 3 is a structure schematic diagram of a terminal 400 provided by the embodiments of the present application;

[0049] Figure 4A is an interface schematic diagram of page presentation provided by the embodiments of the present application;

[0050] Figure 4B is an interface schematic diagram of page presentation provided by the embodiments of the present application;

[0051] Figure 4C is an interface schematic diagram of page presentation provided by the embodiments of the present application;

[0052] Figure 5 is a flow schematic diagram of a page presentation method provided by the embodiments of the present application;

[0053] Figures 6A-6C is an interface schematic diagram of presenting prompt information provided by the embodiments of the present application;

[0054] Figure 7 is an interface schematic diagram of presenting a virtual element provided by the embodiments of the present application;

[0055] Figure 8 is an interface schematic diagram of presenting prompt information provided by the embodiments of the present application;

[0056] Figure 9 is an interface schematic diagram of presenting prompt information provided by the embodiments of the present application;

[0057] Figure 10 is an interface schematic diagram of presenting prompt information provided by the embodiments of the present application;

[0058] Figure 11 is a schematic diagram of an interface for presenting prompt information provided by an embodiment of the present application;

[0059] Figures 12A-12B is a schematic diagram of an effect of stylization provided by an embodiment of the present application;

[0060] Figure 13 is a schematic diagram of a structure of a generator provided by an embodiment of the present application;

[0061] Figure 14 is a schematic diagram of a structure of a discriminator provided by an embodiment of the present application;

[0062] Figure 15 is a schematic diagram of a structure of a convolutional neural network provided by an embodiment of the present application;

[0063] Figure 16 is a schematic diagram of a result of frame image recognition provided by an embodiment of the present application;

[0064] Figure 17 is a schematic diagram of video segmentation provided by an embodiment of the present application;

[0065] Figure 18 is a schematic diagram of an interface for obtaining a virtual element provided by an embodiment of the present application;

[0066] Figure 19 is a schematic diagram of an interface for presenting a virtual element provided by an embodiment of the present application;

[0067] Figure 20 is a schematic diagram of an interface for presenting a direction wheel provided by an embodiment of the present application;

[0068] Figure 21 is a schematic diagram of an interface for presenting a page provided by an embodiment of the present application;

[0069] Figure 22 is a schematic diagram of a flow of a process for obtaining a virtual element provided by an embodiment of the present application;

[0070] Figure 23 is a schematic diagram of a structure of a presentation device for a page provided by an embodiment of the present application. DETAILED DESCRIPTION

[0071] In order to make the objectives, technical solutions and advantages of the present application clearer, the present application will be further described in detail below with reference to the accompanying drawings, and the described embodiments should not be regarded as limiting the present application. All other embodiments obtained by a person of ordinary skill in the art without making any creative effort fall within the scope of protection of the present application.

[0072] In the following description, reference is made to "some embodiments", which describe a subset of all possible embodiments, but it is understood that "some embodiments" can be the same subset or different subsets as each other and can be combined with each other, without conflict.

[0073] In the following description, the terms "first\second\third" are only to distinguish similar objects, and do not represent a specific order of the objects. It is understood that "first\second\third" can be interchanged in a specific order or sequence as allowed, so that the embodiments described herein can be implemented in an order other than that illustrated or described herein. Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which the present application belongs. The terms used herein are only for the purpose of describing the embodiments of the present application and are not intended to limit the present application.

[0074] Before the embodiments of the present application are further described in detail, the terms and phrases involved in the embodiments of the present application are explained, and the terms and phrases involved in the embodiments of the present application are applicable to the following explanations.

[0075] 1) Virtual element, a virtual object that can interact with the user in a certain way, i.e. changing some properties according to the user's interactive operation, such as changing the presentation position according to the user's interactive operation; wherein the display mode of the virtual object can be a picture.

[0076] 2) In response to, used to represent the condition or state on which the operation is performed, when the dependent condition or state is met, the executed one or more operations can be real-time or have a set delay; in the absence of special instructions, there is no limitation on the execution order of the multiple operations performed.

[0077] 3) Detail page, a new page presented after the user performs an interactive operation (such as clicking, searching, etc.), which usually shows more extended content related to the recommended object and guides the user to perform a final behavior operation, such as purchasing goods, downloading applications, etc.

[0078] Figure 1 is an interface schematic diagram of a detail page provided by the related art, see Figure 1 , presents the push information, which contains a prompt information for guiding the user to perform a sliding operation in the push information, the prompt information includes a target sliding track 101, a sliding direction 102, and a text prompt information 103 "slide to unlock"; when the user performs a sliding operation along the sliding track, a sliding track 104 corresponding to the sliding operation is presented; and when the sliding track matches the target sliding track, the page is jumped to the detail page of the push information.

[0079] In the implementation of the present application, it is found that in the page presentation method described above, after the user performs the sliding operation, only the sliding track is presented, and the interaction with the push information is weak.

[0080] Based on this, the present application provides a page presentation method, device, equipment and computer readable storage medium to at least solve the above problems in the related art, which are described in the following.

[0081] Referring to Figure 2 , Figure 2 is the architecture diagram of the page presentation system 100 provided by the present application, in order to realize a supporting example application, the terminal 400 (exemplarily shows the terminal 400-1 and the terminal 400-2) connects the server 200 through the network 300, and the network 300 can be a wide area network or a local area network, or a combination of the two.

[0082] The terminal 400 is configured to present the push information, the push information carrying a push object; present a virtual element corresponding to the push object, and present prompt information corresponding to the virtual element; wherein the prompt information is configured to indicate an interactive operation performed on the virtual element; receive the interactive operation performed on the virtual element, and send a request for obtaining a detail page of the push information to the server 200.

[0083] The server 200 is configured to send page information of the detail page of the push information to the terminal 400.

[0084] The terminal 400 is further configured to perform page jump to the detail page corresponding to the push information.

[0085] In some embodiments, the server 200 can be a stand-alone physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content distribution networks (CDN, Content Delivery Network), and basic cloud computing services such as big data and artificial intelligence platforms. The terminal can be a smart phone, a tablet computer, a notebook computer, a desktop computer, a smart speaker, a smart watch, etc., but is not limited thereto. The terminal and the server can be directly or indirectly connected through wired or wireless communication, and the present application is not limited in this embodiment.

[0086] Referring to Figure 3 , Figure 3 is a structural diagram of the terminal 400 provided by the present application, Figure 3The illustrated terminal 400 includes at least one processor 410, a memory 450, at least one network interface 420, and a user interface 430. The various components of terminal 400 are coupled together by a bus system 440, which is configured to permit communication between the components. The bus system 440 includes a power bus, a control bus, and a status bus, among others. For purposes of illustration, the bus system 440 is shown in the illustrated embodiment as a single bus system. However, it should be appreciated that the bus system 440 can include a Figure 3 number of different busses configured to communicate information in various ways.

[0087] The processor 410 can be an integrated circuit chip, a general purpose processor, a Digital Signal Processor (DSP), or other programmable logic device, discrete gate or transistor logic, discrete hardware components, or any combination thereof designed to process signals.

[0088] The user interface 430 includes one or more output devices 431 that enable presentation of media content, including one or more speakers and / or one or more visual display screens. The user interface 430 also includes one or more input devices 432 that facilitate user input, such as a keyboard, a mouse, a microphone, a touch screen display, a camera, other input buttons and controls.

[0089] The memory 450 can be removable, non-removable, or a combination thereof. Exemplary hardware devices include solid-state memory, hard drives, optical drives, and the like. The memory 450 optionally includes one or more storage devices remotely located from the processor 410.

[0090] The memory 450 includes volatile memory or non-volatile memory, or both. Non-volatile memory can be read only memory (ROM), volatile memory can be random access memory (RAM). The memory 450 described herein is intended to include any suitable type of memory.

[0091] In some embodiments, the memory 450 is capable of storing data to support various operations, examples of which include programs, modules, and data structures or subsets or superset thereof, which are described below.

[0092] The operating system 451 includes system programs for handling various basic system services and for performing hardware dependent tasks, such as a framework layer, a core library layer, a driver layer, and the like, for implementing various basic services and processing hardware-based tasks;

[0093] a network communication module 452 for communicating to other computing devices via one or more (wired or wireless) network interfaces 420, exemplary network interfaces 420 including: Bluetooth, Wireless Fidelity (WiFi), and Universal Serial Bus (USB), etc.;

[0094] a presentation module 453 for enabling presentation of information via one or more output devices 431 (e.g., display screens, speakers, etc.) associated with the user interface 430 (e.g., a user interface for operating the peripheral device and displaying content and information);

[0095] an input processing module 454 for detecting and interpreting one or more user inputs or interactions from one or more input devices 432.

[0096] In some embodiments, the presentation apparatus of the page provided by the embodiments of the present application can be implemented in a software manner, Figure 3 A presentation apparatus 455 of the page stored in the memory 450 is shown, which can be software in the form of programs and plug-ins, etc., including the following software modules: a first presentation module 4551, a second presentation module 4552, and a page jump module 4553, which are logical, and thus can be combined or further split according to the functions implemented.

[0097] The functions of the various modules will be described below.

[0098] In some embodiments, the presentation apparatus of the page provided by the embodiments of the present application can be implemented in a hardware manner, as an example, the presentation apparatus of the page provided by the embodiments of the present application can be a processor in the form of a hardware decoding processor, which is programmed to execute the page presentation method provided by the embodiments of the present application, for example, the processor in the form of a hardware decoding processor can use one or more application specific integrated circuits (ASICs), DSPs, programmable logic devices (PLDs), complex programmable logic devices (CPLDs), field programmable gate arrays (FPGAs), or other electronic elements.

[0099] Before the page presentation method provided by the embodiments of the present application is described, the application scenario of the page presentation method provided by the embodiments of the present application is described.

[0100] In actual implementation, the page presentation method provided by the embodiment of the present application is applied to application scenarios where push information exists, for example, it can be applied to browser 1 drag n video scenarios, splash screen scenarios, information flow scenarios, etc. In other words, as long as there is an application scenario where push information exists, the page presentation method provided by the embodiment of the present application can be adopted.

[0101] For example, when applied to the browser 1 drag n video scenario, Figure 4A This is a schematic diagram of the interface presented in the embodiment of the present application, see Figure 4A , a page containing multiple videos is presented through the browser, and the user can browse the videos on the page by sliding operations; when the push information is presented in the display area, the push information is played 401; and after playing for a certain period of time, the virtual element corresponding to the push object and the prompt information 402 of the corresponding virtual element are presented to indicate the execution of the interactive operation on the virtual element; after receiving the interactive operation performed on the virtual element, the page jumps to the details page 403 of the corresponding push information.

[0102] For example, when applied to the splash screen scenario, the splash screen here refers to the transition page displayed to the user during each cold start of the application (APP). Figure 4B This is a schematic diagram of the interface presented by the page provided in the embodiment of this application, see Figure 4B , the user clicks on an application icon 404, the terminal starts the application, and presents push information 405 carrying the push object through the window of the application, and then presents a virtual element corresponding to the push object and prompt information 406 of the corresponding virtual element through the window to indicate the execution of an interactive operation on the virtual element; after receiving the interactive operation performed on the virtual element, the page jumps to the details page 407 of the corresponding push information.

[0103] For example, when applied to an information flow scenario, Figure 4C This is a schematic diagram of the interface presented by the page provided in the embodiment of this application, see Figure 4C , multiple media information are presented in the information flow page, wherein the multiple media information include push information 408; then, a virtual element corresponding to the push object and prompt information 409 of the corresponding virtual element are presented in the presentation area of ​​the push information to indicate the execution of an interactive operation on the virtual element 410; upon receiving the interactive operation performed on the virtual element, the page is jumped to the details page 411 of the corresponding push information.

[0104] The exemplary application and implementation of the terminal provided by the embodiments of the present application will be described to illustrate the page presentation method provided by the embodiments of the present application. In some embodiments, the page presentation method provided by the embodiments of the present application can be implemented by the terminal alone or by the server and the terminal in cooperation. The page presentation method provided by the embodiments of the present application will be described below by taking the terminal implementation as an example.

[0105] Referring to Figure 5 , Figure 5 is a flowchart of the page presentation method provided by the embodiments of the present application. The steps shown in Figure 5 will be described in combination.

[0106] Step 501: presenting push information.

[0107] Here, the push information carries a push object. The push object refers to something that the user learns through the push information. For example, when the push information is advertising information, the push object can be a promoted commodity, an application program, etc.

[0108] In actual implementation, the terminal is provided with a client, such as a video client or a news client. The terminal can present the push information through the client. Here, the push information can be displayed in various ways, that is, in the form of a picture, in the form of a video, or in the form of text.

[0109] For example, when the push information is displayed in the form of a video, the picture and the frame of the video can be presented; when the push information is displayed in the form of audio, the sound in the audio can be played, and subtitles, a waveform diagram, etc. synchronized with the sound in the audio can also be presented. The specific display mode of the push information is not limited here.

[0110] Step 502: presenting a virtual element corresponding to the push object and presenting prompt information corresponding to the virtual element.

[0111] The prompt information is used to instruct the execution of an interactive operation on the virtual element. The virtual element here refers to a virtual object that can interact with the user in a certain way, that is, changes a certain attribute according to the interactive operation of the user, such as changing the presentation position according to the interactive operation of the user. The virtual object can be a picture.

[0112] It should be noted that the virtual element here corresponds to the push object, that is, the virtual element can be used to identify the push object. For example, when the push object is a commodity, the virtual element can be the outer packaging of the commodity, the trademark of the commodity, or the advertising slogan of the commodity. When the user sees the virtual element, the user can learn what the push object is.

[0113] In actual application, the virtual element can be set by human, such as being cropped from an existing picture or being drawn according to the push object; or the virtual element can be automatically generated by the terminal or the server, that is, being automatically generated according to the push information and the push object.

[0114] In actual implementation, the display mode of the prompt information can be various, that is, the prompt information can be displayed in the form of a picture, in the form of a video or in the form of text.

[0115] In some embodiments, the terminal can present a floating window, present the display interface of the prompt information through the floating window, so that the display interface of the prompt information is suspended above the display interface of the push information, and present the prompt information in the display interface of the prompt information; in some embodiments, the terminal can present the display interface of the prompt information in the form of split-screen display, where the display interface of the prompt information is independent of the display interface of the prompt information, and present the prompt information in the display interface of the prompt information; in some embodiments, the terminal can present the display interface of the prompt information so that the display interface of the prompt information partially or completely covers the display interface of the push information.

[0116] For example, Figures 6A-6C is a schematic diagram of a presentation interface of prompt information provided by the embodiments of the present application, referring to Figure 6A the display interface of the prompt information is presented through the floating window 601, and the prompt information is presented in the display interface; referring to Figure 6B when the split-screen display mode is adopted, the display area is divided into two parts, which are respectively used to present the push information 602 and the prompt information 603; referring to Figure 6C the display interface 604 of the prompt information covers the display interface of the push information.

[0117] It should be noted that the presentation mode of the prompt information is not limited to the above modes, and the prompt information can also be presented by other modes.

[0118] In some embodiments, the terminal can present the push information in the following mode: when the display mode of the push information is a video, the video is played through a video playing window.

[0119] Correspondingly, the virtual element of the corresponding push object can be presented in the following mode: the playing time length of the video is detected; when it is detected that the playing time length of the video reaches a first time length, the playing of the video is paused, and the virtual element of the corresponding push object is presented.

[0120] In actual implementation, when the terminal starts playing the video through the playing window, a timing function is started to detect the output time length of the push information, when the playing time length of the video reaches the first time length, the playing of the video is paused, and the virtual element of the corresponding push object is presented.

[0121] Here, the first time length can be artificially set, such as setting a fixed time length (e.g., 5 seconds); or can be determined according to the playing content of the video, such as obtaining a key video frame in the video, obtaining the time length required for playing to the key video frame, and taking the time length as the first time length; or can be set in other manners.

[0122] In some embodiments, during playing of the video through the playing window, the playing time length of the video or the time length remaining for playing of the video can be presented, so as to enable the user to explicitly know the output time length of the push information.

[0123] In some embodiments, the terminal can also obtain the presentation time length of the prompt information; when the presentation time length of the prompt information reaches the second time length and no interaction operation performed on the virtual element is received, the video is played.

[0124] In actual implementation, the second time length can be artificially set, such as setting a fixed time length (e.g., 5 seconds); when the display of the prompt information is a video or an audio, the second time length can be determined according to the time length of the video or the audio itself, exemplarily, when the display manner of the prompt information is a video, the time length of the video itself can be taken as the second time length, that is, the time length consumed for playing the video once; or a preset multiple of the time length of the video itself can be taken as the second time length, such as the time length consumed for playing the video three times; here, the time length of the video itself refers to the time length required for complete playing of the video.

[0125] In actual application, when the presentation time length of the prompt information reaches the second time length and no interaction operation performed on the virtual element is received, the video can be played from the beginning again; or the video can be continued to be played from the paused position.

[0126] In some embodiments, the terminal can present the virtual element of the push object in the following manner: obtaining the presentation position of the push object in the push information; and presenting the virtual element of the corresponding push object according to the presentation position, so as to make the virtual element cover the push object.

[0127] In actual implementation, the terminal can obtain the coordinate position of the push object in the push information, and present the virtual element of the corresponding push object at the corresponding position at the same coordinate position, so as to make the virtual element cover the push object.

[0128] Here, the presentation style of the virtual element can be the same as the presentation style of the push object in the push information, wherein the presentation style includes the size, shape, etc. of the virtual element. In this way, the push object in the push information can be completely covered by the virtual element, and the virtual element can be integrated with the original push information, and when the user performs an interaction operation on the virtual element, a more real interaction experience can be obtained.

[0129] For example, Figure 7 This is a schematic diagram of an interface for presenting virtual elements provided in an embodiment of the present application, see Figure 7 First, the push information is presented, which includes a push object 701. When the virtual element 702 is presented, it can be seen that the virtual element 702 completely covers the push object 701. The presentation style of the push object is the same as that of the push information.

[0130] In some embodiments, the terminal may present the prompt information corresponding to the virtual element in the following manner: presenting the prompt information corresponding to the virtual element through a guiding animation; wherein the guiding animation is used to illustrate the execution process of the interactive operation on the virtual element.

[0131] In actual implementation, the execution process of the interactive operation on the virtual element is presented in the form of a sequence frame, such as presenting the movement trajectory of the virtual element and the process of an object moving along the movement trajectory, so as to guide the user to perform corresponding interactive operations according to the movement process of the object.

[0132] For example, Figure 8 This is a schematic diagram of the interface for presenting prompt information provided in the embodiment of the present application, see Figure 8 , play a guiding animation of the target pattern drawing process. In the guiding animation, a "hand" pattern moves along the movement trajectory, guiding the user to follow the movement of the "hand" pattern to perform the drag operation on the virtual element.

[0133] In some embodiments, the terminal may present prompt information corresponding to the virtual element in the following manner: displaying a target movement trajectory of the corresponding virtual element, and presenting prompt information instructing to control the virtual element to move according to the target movement trajectory.

[0134] Here, the prompt information for instructing the virtual element to move according to the target movement trajectory may be arrows, text, voice, or other information.

[0135] It should be noted that the target movement trajectory can be presented in the form of a solid line, a dashed line, a dotted line, etc., and the presentation form of the drawn trajectory is not limited here.

[0136] For example, Figure 9 This is a schematic diagram of the interface for presenting prompt information provided in the embodiment of the present application, see Figure 9 , presenting a target moving track 901 and an arrow indicating a moving direction, so as to instruct the virtual element to move in the direction indicated by the arrow and in accordance with the target moving track.

[0137] Figure 10 This is a schematic diagram of the interface for presenting prompt information provided in the embodiment of the present application, see Figure 10The target moving track 1001 is presented, and the prompt information "drag the virtual element along the dotted line to the right" is presented to indicate that the virtual element is controlled to move to the right along the target moving track.

[0138] Here, Figure 10 The prompt information indicating that the virtual element is controlled to move along the target moving track can also be presented in the form of voice, that is, "drag the virtual element along the dotted line to the right" is output in the form of voice.

[0139] In some embodiments, the terminal can also present the prompt information of the corresponding virtual element in the form of voice or text alone.

[0140] For example, Figure 11 is a schematic diagram of an interface for presenting prompt information provided by an embodiment of the present application, referring to Figure 11 The prompt information "deliver tea to the god" is presented to indicate that the user controls the virtual element to move to the hand of the god.

[0141] In some embodiments, the virtual element corresponding to the pushed object can be obtained by the following method: when the display mode of the push information is a video, a key frame image in the video is obtained; the key frame image is stylized to obtain an image of a target style corresponding to the key frame image; and the image of the target style is cropped to obtain the virtual element corresponding to the pushed object.

[0142] In actual implementation, when the display mode of the push information is a video, at least two frame images corresponding to the video are obtained, and a key frame image is selected therefrom, which can be selected manually or according to a preset rule by the terminal. Here, the key frame image at least contains a complete pushed object.

[0143] After the key frame image is obtained, the key frame image is stylized to obtain an image of a target style corresponding to the key frame image.

[0144] Taking the target style as an animation style as an example, referring to Figures 12A-12B , Figures 12A-12B is a schematic diagram of the effect of stylization provided by an embodiment of the present application, which converts an image of a real world scene into an image of an animation style through stylization.

[0145] Here, the key image can be stylized using a Generative Adversarial Network (GAN). In practice, the GAN is trained using a series of real images and images of the target style. After training, the key frame image can be directly input into the generator of the GAN, which outputs an image of the target style corresponding to the key frame image. Examples of GANs include CartoonGAN, AnimeGAN, and ComixGAN.

[0146] Here we take the example of stylizing a key image through AnimeGAN to obtain an anime-style image. AnimeGAN includes a generator and a discriminator. Figure 13 This is a schematic diagram of the structure of the generator provided in the embodiment of the present application, see Figure 13 The generator can be viewed as a symmetric encoder-decoder network consisting of standard convolution, depthwise separable convolution, inverted residual blocks, upsampling, and downsampling modules. To effectively reduce the number of parameters in the generator, eight consecutive and identical inverted residual blocks (IRBs) are used. In the generator, the last convolution layer with a 1×1 convolution kernel does not use a normalization layer and is followed by a tanh nonlinear activation function.

[0147] Figure 14 This is a schematic diagram of the structure of the discriminator provided in the embodiment of the present application, see Figure 14 The discriminator consists of a convolutional layer, an activation function, and a normalization layer. In the figure, K is the kernel size, C is the number of feature maps, and S is the span of each convolutional layer. AnimeGAN also proposes three new loss functions to improve the visual quality of stylized anime: grayscale style loss, grayscale adversarial loss, and color reconstruction loss.

[0148] In some embodiments, the terminal can obtain key frame images in the video by: performing frame processing on the video information to obtain at least two frame images in the video information; performing image recognition on each frame image to obtain the proportion of the pushed object in each frame image; and selecting the key frame image from the at least two frame images based on the proportion of the pushed object in each frame image. In actual applications, a deep learning network (such as a convolutional neural network (CNN)) can be used to perform image recognition on each frame image to identify objects, people, etc. in each frame image. Figure 15 This is a schematic diagram of the structure of the convolutional neural network provided in the embodiment of the present application, see Figure 15 ,The convolutional neural network includes convolutional layer, normalization layer, pooling layer and fully connected layer.

[0149] After image recognition is performed on each frame image, the proportion of the pushed object in the frame image to the entire frame image area can be obtained. When the pushed object is completely located in the image and the proportion reaches the proportion threshold, the image can be used as a key frame image.

[0150] In some embodiments, the terminal may identify all contents in the frame image and the proportion of each content, such as people, objects, trademarks, etc., and then select a key frame image according to the proportion of at least one of these contents.

[0151] For example, when the push information is for a certain product, the push object is the product. The proportion of the product and the proportion of the face in the frame image can be obtained. When the proportion of the product and the proportion of the face are both greater than the proportion threshold, the frame image can be determined to be a key frame image.

[0152] Figure 16 This is a schematic diagram of the result of frame image recognition provided by the embodiment of the present application, see Figure 16 , two faces, a bottle, and a trademark were recognized, accounting for 23%, 20%, 10%, and 3% respectively.

[0153] However, an image is only a small part of the entire video. Especially if the frame is not particularly discriminative or irrelevant to the video's subject, the classifier may not be able to accurately identify the content of the frame. Therefore, learning the temporal representation of the video can improve recognition accuracy.

[0154] In practical applications, before performing image recognition on frame images, the video can be structurally analyzed, that is, the video can be segmented according to frames, super-frames, shots, scenes, stories, etc., so as to express the features of the frame images from multiple levels. Figure 17 This is a schematic diagram of video segmentation provided by an embodiment of the present application, see Figure 17 The video is segmented according to the content in the picture, and four groups of continuous frame images 1701, 1702, 1703, and 1704 are obtained. In each group of frame images, the content information is similar, and the emphasis is on expressing motion information, that is, there are relatively significant features in the motion.

[0155] In some embodiments, when the push information is displayed as a picture, the picture can be directly stylized to obtain a target style image corresponding to the key frame image; the target style image can be cropped to obtain a virtual element corresponding to the push object.

[0156] In some embodiments, if the animation-style image is cropped and the resulting virtual element is missing, image repair can be performed on the virtual element to complete the missing part.

[0157] For example, refer to Figure 18 , Figure 18 is an interface schematic diagram provided by an embodiment of the present application for obtaining a virtual element. Since the push object is held by a person in the image, the virtual element obtained after cropping the image is partially missing. Image inpainting is performed on the virtual element to obtain the final virtual element 1801.

[0158] Step 503: In response to the interaction operation performed on the virtual element, the page is jumped to the detail page of the corresponding push information.

[0159] In actual implementation, the user can perform the corresponding interaction operation according to the prompt information. After the user performs the interaction operation on the virtual element, the page is jumped to the detail page of the push information. Here, the detail page refers to a new page presented after the user performs the interaction operation, which usually displays more extended content related to the recommended object, guiding the user to perform the final behavior operation, such as purchasing goods, downloading applications, etc.

[0160] In some embodiments, after the terminal receives the interaction operation performed on the virtual element, it determines whether the interaction operation is consistent with the interaction operation indicated by the prompt information. Only when it is determined to be consistent, the page is jumped to the detail page of the corresponding push information; if it is inconsistent, the user is prompted to perform the interaction operation again.

[0161] In some embodiments, the page can be jumped to the detail page of the push information in the following way: when the interaction operation indicates moving the virtual element according to the target moving track, the virtual element is moved according to the performed interaction operation; when the moving track of the virtual element matches the target moving track, the page is jumped to the detail page of the push information.

[0162] In actual implementation, the moving track of the virtual element can be obtained, and then the moving track of the virtual element is matched with the target moving track. When they are matched, the page is jumped to the detail page of the push information.

[0163] In some embodiments, when the terminal matches the moving track of the virtual element with the target moving track, it can be matched based on the shape. When the similarity between the shape of the moving track of the virtual element and the shape of the target moving track reaches a similarity threshold, it is determined that the moving track of the virtual element matches the target moving track.

[0164] In actual application, the moving track of the virtual element can be scaled first to make the size of the moving track of the virtual element the same as that of the target moving track, and then the shape of the moving track of the virtual element is matched with the shape of the target moving track.

[0165] In some embodiments, the terminal can match the shape of the movement track of the virtual element with the shape of the target movement track, and match the size of the movement track of the virtual element with the size of the target movement track when matching the movement track of the virtual element with the target movement track. The movement track of the virtual element is determined to match the target movement track only when the similarity of the shape of the movement track of the virtual element with the shape of the target movement track reaches a similarity threshold, and the similarity of the size of the movement track of the virtual element with the size of the target movement track reaches a similarity threshold.

[0166] In some embodiments, the page can be jumped to the detail page of the push information in the following manner: when the interactive operation indicates to move the virtual element to the target position, the virtual element is moved according to the executed interactive operation; and when the virtual element is moved to the target position, the page is jumped to the detail page of the push information.

[0167] Here, the target position can be a region range or a coordinate point. When the target position is a region range, the virtual element is moved to the region range, and the page is jumped to the detail page of the push information; when the target position is a coordinate point, the virtual element is moved to the coordinate point, and the page is jumped to the push page of the push information.

[0168] In actual implementation, the coordinate of the position where the virtual element is located when the interactive operation stops can be acquired, and the coordinate is matched with the coordinate of the target position. When the coordinates match, it is determined that the virtual element is moved to the target position.

[0169] For example, Figure 19 is a schematic diagram of an interface for presenting a virtual element provided by an embodiment of the present application, referring to Figure 19 The interactive operation indicates to move the virtual element to the target region 1901. When the virtual element is moved to the target region 1901, the page is jumped to the detail page of the push information.

[0170] In some embodiments, the interactive operation for the virtual element can be triggered in the following manner: a drag operation for the virtual element is received to trigger the interactive operation for the virtual element.

[0171] In actual implementation, the user can control the virtual element to move through the drag operation for the virtual element, that is, the position of the virtual element is synchronously moved to make the position of the virtual element correspond to the position indicated by the drag operation. Here, the drag operation can be triggered based on a touch screen or based on a mouse or other input device.

[0172] In actual applications, when the interactive operation instructs to move the virtual element according to the target movement trajectory, the movement trajectory of the virtual element when the drag operation stops is obtained, and the movement trajectory of the virtual element is matched with the target movement trajectory; when the interactive operation instructs to move the virtual element to the target position, the position coordinates of the virtual element when the drag operation stops are obtained, and the position coordinates of the virtual element are matched with the coordinates of the target position.

[0173] Here, when the drag operation is triggered based on the touch screen, the drag operation stops when the hand leaves the screen; when the drag operation is triggered based on the mouse, the drag operation stops when the mouse is no longer pressed.

[0174] In some embodiments, the interactive operation on the virtual element can be triggered in the following manner: presenting a direction wheel for controlling the movement direction of the virtual element; and receiving the interactive operation triggered by the direction wheel.

[0175] In actual implementation, the user can control the movement of the virtual element by triggering the direction wheel. That is, based on the movement direction indicated by the interactive operation triggered by the direction wheel, the virtual element is moved according to the indicated movement direction. Here, during the movement process, the movement direction indicated by the interactive operation can be changed in real time.

[0176] For example, Figure 20 This is a schematic diagram of an interface showing a steering wheel according to an embodiment of the present application, see Figure 20 , presenting a direction wheel 2001, the user can control the moving direction of the virtual element by triggering the direction wheel, such as Figure 20 The direction of movement indicated by the direction wheel is right.

[0177] In some embodiments, a gesture floating layer can also be presented to receive the user's touch operation, and the movement of the virtual element can be controlled according to the sliding trajectory corresponding to the user's sliding operation in the gesture floating layer. The movement trajectory of the virtual element is consistent with the pattern of the sliding trajectory corresponding to the sliding operation.

[0178] In actual applications, the direction wheel is only used to control the moving direction of the virtual element. The moving speed of the virtual element can be pre-set, such as being set to a constant moving speed or being set to a moving speed that increases proportionally according to the moving time.

[0179] The present application presents push information, the push information carries a push object; a virtual element corresponding to the push object is presented, and prompt information corresponding to the virtual element is presented; wherein the prompt information is used to instruct to perform an interactive operation on the virtual element; in response to the interactive operation performed on the virtual element, a page jump to a detail page of the corresponding push information is performed; in this way, the user can be guided to perform an interactive operation on the push object to present the detail page of the corresponding push information, thereby improving the exposure rate of the detail page.

[0180] In the following, an exemplary application of the embodiment of the present application in an actual application scenario will be described.

[0181] Here, the browser 1 video dragging scenario is taken as an example, Figure 21 is an interface schematic diagram of page presentation provided by the embodiment of the present application. When the user brushes to push information (such as an advertisement), the video is played, and when the playing time reaches a first time length (such as 10 seconds), the video is paused. A virtual element and a guide animation are presented, the guide animation is used to instruct the user to perform a dragging operation on the virtual element. The user performs the dragging operation on the virtual element, and the virtual drawing element moves following the dragging operation of the user. After the user releases the hand, the terminal automatically jumps to a detail page (such as an advertisement landing page).

[0182] If the guide animation is played for 3 cycles and the terminal does not receive the dragging operation on the virtual element performed by the user, the push information is played from the beginning.

[0183] The acquisition process of the virtual element will be described in the following. Figure 22 is a flow schematic diagram of the acquisition process of the virtual element provided by the embodiment of the present application. Referring to Figure 22 , the acquisition process of the virtual element includes:

[0184] Step 2201: Acquire push information.

[0185] Here, the push information is in the form of a video.

[0186] Step 2202: Perform structural analysis on the video.

[0187] Here, the recognition method of a single frame is to frame the video, and then perform deep learning expression based on image granularity (single frame), that is, input a frame image of the video into a deep learning network, and output an identification result. Since a picture is only a very small part of the entire video, especially the frame image does not have such a distinguishing degree, or some images are irrelevant to the theme of the video, the classifier cannot accurately identify the content in the frame image. Based on this, the expression in the time domain of the video is learned to improve the recognition accuracy. Of course, this has a distinguishing degree only on the video with strong motion, and only the features of the image can be used on the relatively static video.

[0188] In practical applications, before image recognition of the frame image, the video can be subjected to structured analysis, i.e. segmentation of the video according to frames, superframes, shots, scenes, stories, etc. to express the frame image from multiple levels. See Figure 17 According to the content in the picture, the video is segmented to obtain four groups of continuous frame images, in each group of frame images, the content information is similar, and the motion information is emphasized, i.e. there is relatively significant feature at the motion.

[0189] Step 2203: frame extraction processing is performed on the video to obtain at least two frame images.

[0190] Step 2204: image recognition is performed on the at least two frame images to obtain a recognition result.

[0191] Here, the image recognition of the frame image obtains all the content in the frame image and the proportion of each content, such as a person, an object, a trademark, etc.

[0192] For example, see Figure 16 Two faces, a bottle, and a trademark are recognized, and the proportions are 23%, 20%, 10%, and 3%, respectively.

[0193] Step 2205: secondary image recognition is performed on the at least two frame images to correct the recognition result.

[0194] Here, through two times of image recognition, the accuracy of image recognition can be improved.

[0195] Step 2206: according to the recognition result, a key frame image is selected.

[0196] Here, the key frame image is selected according to the content recognized and the proportion of the content, for example, when the push information is push information for a certain commodity, the push object is the commodity, the proportion of the commodity in the frame image and the proportion of the face can be obtained, and when the proportion of the commodity and the proportion of the face are both greater than a proportion threshold, the frame image can be determined as a key frame image.

[0197] Step 2207: style processing is performed on the key frame image to obtain an image in an animation style corresponding to the key frame image.

[0198] For example, see Figures 12A-12B Through style processing, the image of the real-world scene is converted into an image in an animation style.

[0199] Here, the key image can be stylized by a generative adversarial network (GAN). In actual application, a series of real pictures and animation pictures are used to train the GAN, and after the training is completed, the key frame image can be directly input into the generator of the generative adversarial network to output an animation style image corresponding to the key frame image. The generative adversarial network can use CartoonGAN, AnimeGAN, ComixGAN, etc.

[0200] Here, the key image is stylized by AnimeGAN, which includes a generator and a discriminator. Referring to Figure 13 , the generator can be regarded as a symmetrical encoder-decoder network, which is composed of standard convolution, depth separable convolution, inverted residual block, up-sampling and down-sampling modules. In order to effectively reduce the number of parameters of the generator, 8 continuous and identical inverted residual blocks (IRB) are used. In the generator, the last convolution layer with a 1x1 convolution kernel does not use a normalization layer, followed by a tanh nonlinear activation function.

[0201] Referring to Figure 14 , the discriminator includes a convolution layer, an activation function, and a normalization layer. In the figure, K is the kernel size, C is the number of feature maps, and S is the span of each convolution layer. AnimeGAN proposes three new loss functions to improve the stylized animation visual effect. The three loss functions are grayscale style loss, grayscale adversarial loss, and color reconstruction loss.

[0202] Step 2208: The key frame image is subjected to secondary stylization to correct the animation style image.

[0203] Step 2209: The animation style image is subjected to cropping to obtain a virtual element corresponding to the push object.

[0204] Step 2210: When the obtained virtual element is missing, the virtual element is subjected to image inpainting.

[0205] For example, referring to Figure 18 , because the push object is held by a person in the image, the virtual element obtained after cropping the image is partially missing; the virtual element is subjected to image inpainting to obtain the final virtual element 1801.

[0206] Here, the virtual element can be image inpainting by ComplNet, which can complete the background exposed after erasing. It is inspired by the DeepFillv2 image inpainting algorithm from UIUC and Adobe, which can repair any part of the erased image.

[0207] The embodiments of the present application have the following beneficial effects:

[0208] The application provides a more intelligent virtual element acquisition method, greatly saving the material production cost; meanwhile, the user can drag the virtual element, providing more interest and interactivity in the interaction process.

[0209] The following continues to illustrate an example structure of the page presentation device 455 provided by the embodiments of the present application as a software module, Figure 23 is a schematic diagram of the composition structure of the page presentation device provided by the embodiments of the present application, as Figure 23 shown, the page presentation device provided by the embodiments of the present application comprises:

[0210] The first presentation module 4551 is configured to present the push information, and the push information carries a push object.

[0211] The second presentation module 4552 is configured to present a virtual element corresponding to the push object, and present prompt information corresponding to the virtual element.

[0212] The prompt information is configured to instruct to perform an interactive operation on the virtual element.

[0213] The page jump module 4553 is configured to perform page jump to a detail page corresponding to the push information in response to the interactive operation performed on the virtual element.

[0214] In some embodiments, the first presentation module 4551 is further configured to play the video through a video playing window when the display mode of the push information is a video.

[0215] The second presentation module is further configured to detect the playing time length of the video.

[0216] When it is detected that the playing time length of the video reaches a first time length, the video is paused, and the virtual element corresponding to the push object is presented.

[0217] In some embodiments, the first presentation module 4551 is further configured to acquire a presentation time length of the prompt information.

[0218] play the video when a presentation time length of the prompt information reaches a second time length and no interaction operation performed on the virtual element is received.

[0219] In some embodiments, the second presentation module 4552 is further configured to acquire a presentation position of the push object in the push information.

[0220] According to the presentation position, a virtual element corresponding to the push object is presented, so that the virtual element covers the push object.

[0221] In some embodiments, the second presentation module 4552 is further configured to present prompt information corresponding to the virtual element through a guide animation.

[0222] The guide animation is used to show an execution process of an interaction operation on the virtual element.

[0223] In some embodiments, the second presentation module 4552 is further configured to present a target moving track corresponding to the virtual element, and present prompt information indicating that the virtual element is controlled to move according to the target moving track.

[0224] In some embodiments, the page jump module 4553 is further configured to move the virtual element according to the executed interaction operation when the interaction operation indicates that the virtual element is moved according to a target moving track.

[0225] When the moving track of the virtual element matches the target moving track, the page is jumped to a detail page of the push information.

[0226] In some embodiments, the page jump module 4553 is further configured to move the virtual element according to the executed interaction operation when the interaction operation indicates that the virtual element is moved to a target position.

[0227] When the virtual element is moved to the target position, the page is jumped to the detail page of the push information.

[0228] In some embodiments, the page jump module 4553 is further configured to receive a drag operation on the virtual element to trigger the interaction operation on the virtual element.

[0229] In some embodiments, the page jump module 4553 is further configured to present a direction wheel used to control a moving direction of the virtual element.

[0230] An interaction operation triggered based on the direction wheel is received.

[0231] In some embodiments, the apparatus further includes:

[0232] an element generation module configured to acquire a key frame image in the video when the display mode of the push information is a video;

[0233] perform style processing on the key frame image to obtain an image of a target style corresponding to the key frame image;

[0234] perform cropping processing on the image of the target style to obtain a virtual element corresponding to the push object.

[0235] In some embodiments, the element generation module is further configured to perform frame extraction processing on the video to obtain at least two frame images of the video.

[0236] perform image recognition on each of the frame images to obtain a proportion of the push object in each of the frame images.

[0237] select a key frame image from the at least two frame images according to the proportion of the push object in each of the frame images.

[0238] The embodiment of the present application provides a computer program product or a computer program, which comprises computer instructions stored in a computer readable storage medium. A processor of a computer device reads the computer instructions from the computer readable storage medium, and the processor executes the computer instructions, so that the computer device executes the page presentation method provided in the embodiment of the present application.

[0239] The embodiment of the present application provides a computer readable storage medium storing executable instructions, wherein the executable instructions are stored in the computer readable storage medium. When the executable instructions are executed by a processor, the processor will execute the page presentation method provided in the embodiment of the present application, for example, the method shown in Figure 5 .

[0240] In some embodiments, the computer readable storage medium can be a memory such as FRAM, ROM, PROM, EPROM, EEPROM, flash memory, magnetic surface memory, optical disc, or CD-ROM; or various devices comprising one or any combination of the above memories.

[0241] In some embodiments, the executable instructions can be in the form of a program, software, software module, script or code, written in any form of programming language (including a compiled or interpreted language, or a declarative or procedural language), and can be deployed in any form, including being deployed as an independent program or as a module, component, subroutine or other unit suitable for use in a computing environment.

[0242] By way of example, executable instructions can correspond to a file in a file system, but in many cases can not be so confined. For example, executable instructions can be stored in one or more files that are used jointly by one or more programs, stored in a single file that is part of a larger file, stored in a file that is common to both programs and data, stored in a file that is common to multiple programs and data, or stored in one or more executable files, such as one or more scripts or applets.

[0243] By way of example, executable instructions can be deployed to be executed on one computer, or on multiple computers that are located at one site, or that are distributed across multiple sites and that are interconnected by a communication network.

[0244] The above merely provides an example of the embodiments of the present application, but is not intended to limit the protection scope of the present application. Any modification, equivalent replacement and improvement made within the spirit and scope of the present application shall be included in the protection scope of the present application.

Claims

1. A method of rendering a page, characterized by, The method comprises: presenting push information, the push information carrying a push object; obtaining a presentation position of the push object in the push information; presenting a virtual element corresponding to the push object according to the presentation position, so that the virtual element covers the push object, and presenting prompt information corresponding to the virtual element; wherein the prompt information is used to indicate an interactive operation performed on the virtual element; in response to the interactive operation performed on the virtual element, performing page jumping to a detail page corresponding to the push information.

2. The method of claim 1, wherein, The presentation of the push information comprises: when the presentation mode of the push information is a video, playing the video through a video playing window.

3. The method of claim 1, wherein, The presentation of the prompt information corresponding to the virtual element comprises: presenting the prompt information corresponding to the virtual element through a guide animation; wherein the guide animation is used to show an execution process of the interactive operation on the virtual element.

4. The method of claim 1, wherein, The presentation of the prompt information corresponding to the virtual element comprises: presenting a target moving track of the virtual element, and presenting prompt information indicating that the virtual element is controlled to move according to the target moving track.

5. The method of claim 1, wherein, The page jumping to the detail page corresponding to the push information comprises: when the interactive operation indicates that the virtual element is moved according to a target moving track, moving the virtual element according to the performed interactive operation; when the moving track of the virtual element matches the target moving track, performing page jumping to the detail page of the push information.

6. The method of claim 1, wherein, The page jumping to the detail page corresponding to the push information in response to the interactive operation performed on the virtual element comprises: when the interactive operation indicates that the virtual element is moved to a target position, moving the virtual element according to the performed interactive operation; when the virtual element is moved to the target position, performing page jumping to the detail page of the push information.

7. The method of claim 1, wherein, Before the page jumping to the detail page corresponding to the push information, the method further comprises: receiving a drag operation on the virtual element to trigger the interactive operation on the virtual element.

8. The method of claim 1, wherein, Before the page jumping to the detail page corresponding to the push information, the method further comprises: presenting a direction wheel for controlling a moving direction of the virtual element; receiving an interactive operation triggered based on the direction wheel.

9. The method of claim 1, wherein, The method further comprises: when the presentation mode of the push information is a video, obtaining a key frame image in the video; performing stylization processing on the key frame image to obtain an image of a target style corresponding to the key frame image; performing cropping processing on the image of the target style to obtain the virtual element corresponding to the push object.

10. The method of claim 9, wherein, The obtaining of the key frame image in the video comprises: performing frame capturing processing on the video to obtain at least two frame images of the video; respectively performing image recognition on each of the frame images to obtain a proportion of the push object in each of the frame images; selecting a key frame image from the at least two frame images according to the proportion of the push object in each of the frame images.

11. An apparatus for rendering a page, characterized by The device comprises: The first presentation module is configured to present push information, and the push information carries a push object. The second presentation module is configured to acquire a presentation position of the push object in the push information, present a virtual element corresponding to the push object according to the presentation position, so that the virtual element covers the push object, and present prompt information corresponding to the virtual element. The prompt information is configured to indicate an interactive operation performed on the virtual element. The page jump module is configured to perform page jump to a detail page corresponding to the push information in response to the interactive operation performed on the virtual element.

12. A computer device, comprising: The application further provides a computer readable storage medium having stored computer executable instructions, wherein the computer executable instructions are configured to be executed by a processor to implement the page presentation method according to any one of claims 1 to 10. The application further provides a computer readable storage medium having stored computer executable instructions, wherein the computer executable instructions are configured to be executed by a processor to implement the page presentation method according to any one of claims 1 to 10. The computer executable instructions or the computer program are configured to be executed by the processor to implement the page presentation method according to any one of claims 1 to 10.

13. A computer-readable storage medium, characterized in that, ​ 14. A computer program product comprising computer-executable instructions or a computer program, characterized in that, ​

Images