Page interaction method and device, equipment and storage medium

Abstract

The invention provides a page interaction method and device, equipment and a storage medium. The method comprises the steps that a first object is displayed on a first page; in response to a preset trigger operation for a target first object in the first media resource stream, obtaining a media resource preview corresponding to the target first object; and playing a first transition animation based on the media resource preview corresponding to the target first object so as to jump from the first page to a second page, and displaying a first media resource corresponding to the target first object on the second page, the first media resource belonging to a second media resource stream. The media resource preview is a first frame display picture of the first media resource. Visibly, according to the embodiment of the invention, the first page is switched to the second page in the transition animation form, and the transition animation is realized based on the first frame display picture of the first media resource to be displayed on the second page, so that the effect of page switching can be ensured to be smoother.

Description

Technical Field

[0001] The present disclosure relates to the field of data processing, and in particular to a page interaction method, device, equipment and storage medium. Background Art

[0002] With the continuous development of page interaction technology, people's demands for page interaction-related functions are becoming more and more diverse. Currently, when switching from the current page to other pages, there is a problem of non-smooth switching between different pages. Summary of the invention

[0003] In order to solve the above technical problems, an embodiment of the present disclosure provides a page interaction method.

[0004] In a first aspect, the present disclosure provides a page interaction method, the method comprising:

[0005] Displaying a first object on a first page; wherein the first object belongs to a first media resource stream, and the first media resource stream includes a plurality of the first objects in a preset display order;

[0006] In response to a preset trigger operation on a target first object in the first media resource stream, obtaining a media resource preview image corresponding to the target first object;

[0007] A first transition animation is played based on a media resource preview image corresponding to the target first object to jump from the first page to the second page, and the first media resource corresponding to the target first object is displayed on the second page; wherein, the first media resource belongs to a second media resource stream, and there is a corresponding relationship between the media resources in the second media resource stream and the first object in the first media resource stream, and the media resource preview image is a first frame display screen of the first media resource.

[0008] In an optional implementation, the display order of the media resources in the second media resource stream is determined based on the preset display order corresponding to the first media resource stream.

[0009] In an optional implementation manner, after displaying the first media resource corresponding to the target first object on the second page, the method further includes:

[0010] In response to a preset switching operation acting on the second page, the second media resource in the second media resource stream is displayed based on a display order of the media resources in the second media resource stream.

[0011] In an optional implementation manner, the method further includes:

[0012] In response to a preset exit operation for the second page, a screenshot of a third media resource being displayed on the second page is taken to obtain a screenshot corresponding to the third media resource; wherein the third media resource belongs to the second media resource flow;

[0013] A second transition animation is played based on the screen screenshot to jump from the second page to the first page, and a playback end point of the second transition animation is controlled to be positioned at the first object corresponding to the third media resource.

[0014] In an optional implementation manner, the controlling the playback end point of the second transition animation to be positioned before the first object corresponding to the third media resource further includes:

[0015] Based on the correspondence between the media resources in the second media resource stream and the first object in the first media resource stream, a first object corresponding to the third media resource is determined, and the first object corresponding to the third media resource is displayed on the first page.

[0016] In an optional implementation manner, before displaying the first object on the first page, the method further includes:

[0017] In response to a display triggering operation on the first page, loading media resource preview images corresponding to respective first objects in the first media resource flow corresponding to the first page;

[0018] Accordingly, in response to a preset trigger operation on the target first object in the first media resource stream, obtaining a media resource preview image corresponding to the target first object includes:

[0019] In response to a preset trigger operation for a target first object in the first media resource stream, a media resource preview image corresponding to the target first object is obtained from preloaded media resource preview images corresponding to respective first objects in the first media resource stream.

[0020] In an optional implementation, the first object is a user account avatar, the first media resource stream is a user account avatar list, and the step of responding to a preset trigger operation on a target first object in the first media resource stream, obtaining a media resource preview image corresponding to the target first object includes:

[0021] In response to a preset trigger operation for a target user account avatar in the user account avatar list, a cover image of a media resource that is first in a display order under the user account to which the target user account avatar belongs is obtained.

[0022] In an optional implementation, the first object is a multimedia work cover, the first media resource stream is a multimedia work sequence, and the step of obtaining a media resource preview image corresponding to the target first object in response to a preset trigger operation on the target first object in the first media resource stream includes:

[0023] In response to a preset triggering operation for a target multimedia work cover in the multimedia work sequence, acquiring the target multimedia work cover;

[0024] Correspondingly, playing the first transition animation based on the preview image of the media resource corresponding to the target first object to jump from the first page to the second page, and displaying the first media resource corresponding to the target first object on the second page, includes:

[0025] A first transition animation is played based on the target multimedia work cover to jump from the first page to the second page, and the multimedia work corresponding to the target multimedia work cover is displayed on the second page.

[0026] In an optional implementation, the first object is a small window live video, the first media resource stream is a small window live video stream, and the step of obtaining a media resource preview image corresponding to the target first object in response to a preset trigger operation on the target first object in the first media resource stream includes:

[0027] In response to a preset trigger operation for a target small-window live video in the small-window live video stream, obtaining a live screen screenshot corresponding to the target small-window live video;

[0028] In response, playing a first transition animation based on a preview image of a media resource corresponding to the target first object to jump from the first page to a second page, and displaying a first media resource corresponding to the target first object on the second page, includes:

[0029] Based on the live screen screenshot corresponding to the target small-window live video, the first transition animation is played to jump from the first page to the second page, and the full-screen live video corresponding to the target small-window live video is displayed on the second page.

[0030] In an optional implementation, the playing of the first transition animation based on the media resource preview image corresponding to the target first object includes:

[0031] Creating a full-screen view and generating a transparent mask in the full-screen view;

[0032] Based on the media resource preview image corresponding to the target first object and the display position and display area respectively corresponding to the target first object, a first transition animation is played on the mask layer.

[0033] In an optional implementation manner, the first media resource stream and the second media resource stream are used to constitute a total media resource stream, the total media resource stream includes a plurality of resource objects having the preset display order, each resource object includes a first object and a media resource corresponding to the first object, and before displaying the first media resource corresponding to the target first object on the second page, further includes:

[0034] In the total stream of media resources, a resource object corresponding to the target first object is determined, and a first media resource corresponding to the target first object is acquired from the resource object.

[0035] In a second aspect, the present disclosure provides a page interaction device, the device comprising:

[0036] A first display module, configured to display a first object on a first page; wherein the first object belongs to a first media resource stream, and the first media resource stream includes a plurality of the first objects in a preset display order;

[0037] an acquisition module, configured to acquire a media resource preview image corresponding to the target first object in response to a preset trigger operation on the target first object in the first media resource stream;

[0038] The second display module is used to play the first transition animation based on the media resource preview image corresponding to the target first object, so as to jump from the first page to the second page, and display the first media resource corresponding to the target first object on the second page; wherein, the first media resource belongs to the second media resource stream, and there is a corresponding relationship between the media resources in the second media resource stream and the first object in the first media resource stream, and the media resource preview image is the first frame display screen of the first media resource.

[0039] In a third aspect, the present disclosure provides a computer-readable storage medium, wherein the computer-readable storage medium stores instructions, and when the instructions are executed on a terminal device, the terminal device implements the above method.

[0040] In a fourth aspect, the present disclosure provides a page interaction device, comprising: a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the above method when executing the computer program.

[0041] In a fifth aspect, the present disclosure provides a computer program product, wherein the computer program product comprises a computer program / instructions, and the computer program / instructions implement the above method when executed by a processor.

[0042] Compared with the prior art, the technical solution provided by the embodiments of the present disclosure has at least the following advantages:

[0043] The disclosed embodiment provides a page interaction method, which displays a first object on a first page, wherein the first object belongs to a first media resource stream; in response to a preset trigger operation on a target first object in the first media resource stream, obtains a preview image of a media resource corresponding to the target first object; plays a first transition animation based on the preview image of the media resource corresponding to the target first object to jump from the first page to the second page, and displays the first media resource corresponding to the target first object on the second page, wherein the first media resource belongs to a second media resource stream, and the preview image of the media resource is a first-frame display image of the first media resource. It can be seen that the disclosed embodiment switches from the first page to the second page in the form of a transition animation. Since the transition animation is implemented based on the first-frame display image of the first media resource to be displayed on the second page, it can ensure that the page switching effect is smoother. BRIEF DESCRIPTION OF THE DRAWINGS

[0044] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the present disclosure.

[0045] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, for ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative labor.

[0046] Figure 1 A flow chart of a page interaction method provided by an embodiment of the present disclosure;

[0047] Figure 2 A schematic diagram of obtaining a preview image of a media resource provided by an embodiment of the present disclosure;

[0048] Figure 3 A schematic diagram of a first page provided in an embodiment of the present disclosure;

[0049] Figure 4 A schematic diagram of a second page provided in an embodiment of the present disclosure;

[0050] Figure 5 A schematic diagram of another first page provided in an embodiment of the present disclosure;

[0051] Figure 6 A schematic diagram of another first page provided in an embodiment of the present disclosure;

[0052] Figure 7A schematic diagram of the structure of a page interaction device provided in an embodiment of the present disclosure;

[0053] Figure 8 A schematic diagram of the structure of a page interaction device provided in an embodiment of the present disclosure. DETAILED DESCRIPTION

[0054] In order to more clearly understand the above-mentioned objectives, features and advantages of the present disclosure, the scheme of the present disclosure will be further described below. It should be noted that the embodiments of the present disclosure and the features in the embodiments can be combined with each other without conflict.

[0055] In the following description, many specific details are set forth to facilitate a full understanding of the present disclosure, but the present disclosure may also be implemented in other ways different from those described herein; it is obvious that the embodiments in the specification are only part of the embodiments of the present disclosure, rather than all of the embodiments.

[0056] With the continuous development of page interaction technology, people's demands for page interaction-related functions are becoming more and more diverse. Currently, when switching from the current page to other pages, there is a problem of non-smooth switching between different pages.

[0057] To this end, the embodiment of the present disclosure provides a page interaction method, which displays a first object on a first page, wherein the first object belongs to a first media resource stream; in response to a preset trigger operation on a target first object in the first media resource stream, obtains a preview image of a media resource corresponding to the target first object; plays a first transition animation based on the preview image of the media resource corresponding to the target first object to jump from the first page to the second page, and displays the first media resource corresponding to the target first object on the second page, wherein the first media resource belongs to a second media resource stream, and the preview image of the media resource is a first-frame display image of the first media resource. It can be seen that the embodiment of the present disclosure switches from the first page to the second page in the form of a transition animation. Since the transition animation is implemented based on the first-frame display image of the first media resource to be displayed on the second page, it can ensure that the page switching effect is smoother.

[0058] Based on this, the present disclosure provides a page interaction method, referring to Figure 1 , is a flow chart of a page interaction method provided by an embodiment of the present disclosure, the method specifically comprising:

[0059] S101: Display a first object on a first page.

[0060] The first object belongs to a first media resource stream, and the first media resource stream includes a plurality of first objects in a preset display order.

[0061] The page interaction method provided by the embodiments of the present disclosure may be applied to a client, for example, the client may include a client deployed on a smart phone, a client deployed on a tablet computer, etc.

[0062] In an embodiment of the present disclosure, a first object is displayed on a first page, wherein the first page may include a message list page, a multimedia work aggregation page, a small window video playback page, etc.; assuming that the first page is a message list page, the first object may be a user account avatar displayed in a preset area of ​​the first page, and the current user may know whether the corresponding user is online, whether new works are published, etc. based on the user account avatar displayed on the first page; assuming that the first page is a multimedia work aggregation page (such as a video aggregation page, an audio aggregation page, etc.), the first object may be a multimedia work cover displayed on the multimedia work aggregation page; assuming that the first page is a small window video playback page, the first object may be a small window live video being played on the small window video playback page, etc.

[0063] In the disclosed embodiment, the first object belongs to the first media resource stream. Assuming that the first object is a user account avatar, the first media resource stream to which the first object belongs is a user account avatar list; assuming that the first object is a multimedia work cover, the first media resource stream to which the first object belongs is a multimedia work sequence; assuming that the first object is a small-window live video, the first media resource stream to which the first object belongs is a small-window live video stream, etc.

[0064] In an embodiment of the present disclosure, a first media resource stream includes multiple first objects, and the multiple first objects have a preset display order, wherein the preset display order of the multiple first objects can be determined based on time information of the media resources corresponding to the first objects. For example, assuming that the first media resource stream is a sequence of multimedia works (such as video works), the multiple video works included in the first media resource stream can be sorted according to the shooting time.

[0065] S102: In response to a preset trigger operation on a target first object in the first media resource stream, obtain a media resource preview image corresponding to the target first object.

[0066] In the embodiment of the present disclosure, during the process of displaying the first object on the first page, when a preset trigger operation for the target first object is received, a preview image of the media resource corresponding to the target first object is obtained.

[0067] In the embodiment of the present disclosure, the target first object may be any object in the first media resource stream, and the preset trigger operation for the target first object in the first media resource stream may include a click operation, a sliding operation, a zoom-in operation, etc. on the target first object, and the embodiment of the present disclosure does not limit this.

[0068] In the disclosed embodiment, the preview image of the media resource corresponding to the target first object is used to generate a transition animation, and the first page is switched to the second page in the form of a transition animation. Since the transition animation is implemented based on the first frame display screen of the first media resource to be displayed on the second page, the page switching effect can be ensured to be smoother.

[0069] S103: Play a first transition animation based on a preview image of a media resource corresponding to the target first object, so as to jump from the first page to a second page, and display a first media resource corresponding to the target first object on the second page.

[0070] The first media resource belongs to a second media resource stream, the media resources in the second media resource stream correspond to the first object in the first media resource stream, and the media resource preview image is a first frame display image of the first media resource.

[0071] In the disclosed embodiment, the first media resource corresponding to the target first object belongs to the second media resource stream, the second media resource stream and the first media resource stream are different media resource streams, and the second media resource stream includes multiple media resources having a display order. For example, assuming that the first media resource stream is a user account avatar list including multiple user account avatars, the second media resource stream is a media resource stream including media resources corresponding to each user account avatar.

[0072] In the disclosed embodiment, there is a correspondence between the media resources in the second media resource stream and the first objects in the first media resource stream, wherein the display order of the media resources in the second media resource stream can be determined based on a preset display order of multiple first objects included in the first media resource stream.

[0073] For example, assume that the user account avatar list (i.e., the first media resource stream) includes three user account avatars A, B, and C displayed in sequence, and the video work list (the second media resource stream) includes four video works D, E, F, and G displayed in sequence, wherein the display order of video works D, E, F, and G is determined based on the display order of user account avatars A, B, and C. Specifically, video work D is a video work published by the user corresponding to user account avatar A, video works E and F are video works published by the user corresponding to user account avatar B, and video work G is a video work published by the user corresponding to user account avatar C.

[0074] In actual applications, in order to switch from the first page to the second page more smoothly and seamlessly, thereby further improving the user's experience of page interaction, the embodiment of the present disclosure determines the first frame display screen of the first media resource displayed on the second page as the media resource preview image, and plays the first transition animation based on the media resource preview image, thereby making the process of switching from the first page to the second page smoother.

[0075] In an optional implementation, playing the first transition animation based on a preview image of a media resource corresponding to the target first object may specifically include: creating a full-screen view, generating a transparent mask in the full-screen view, and playing the first transition animation on the transparent mask based on the display position and display area corresponding to the preview image of the media resource corresponding to the target first object and the target first object, respectively.

[0076] In the disclosed embodiment, the full screen view refers to a preview view corresponding to the second page for displaying the first media resource. After a transparent mask is generated on the full screen view, the first transition animation can be played based on the transparent mask.

[0077] Specifically, first, determine the display position and display area of ​​the target first object on the first page, as well as the display position and display area of ​​the media resource preview image corresponding to the target first object on the second page; then, determine the display position and display area of ​​the target first object on the first page as the playback starting point of the first transition animation, and determine the display position and display area of ​​the media resource preview image on the second page as the playback ending point of the first transition animation; finally, based on the media resource preview image, control the first transition animation to play from the starting point to the end point.

[0078] In an optional implementation, since the first object displayed on the first page belongs to the first media resource stream, and the first media resource displayed on the second page belongs to the second media resource stream (the first media resource stream and the second media resource stream are different media resource streams), when switching from the first media resource stream to the second media resource stream (i.e., jumping from the first page to the second page), the second media resource stream needs to be loaded, and a black screen or freeze problem may occur at this time.

[0079] To this end, the embodiment of the present disclosure preloads a preview image of the media resource corresponding to the first object before displaying the first object on the first page, so that when a preset trigger operation for the first object is subsequently received, there is no need to load the first media resource corresponding to the first object, and the first frame display screen of the first media resource can be obtained, and then the first transition animation is played based on the first frame display screen of the first media resource to smoothly switch from the first page to the second page. The specific preloading method will be described in detail in subsequent embodiments and will not be elaborated here.

[0080] In the page interaction method provided by the embodiment of the present disclosure, a first object is displayed on a first page, wherein the first object belongs to a first media resource stream; in response to a preset trigger operation for a target first object in the first media resource stream, a preview image of a media resource corresponding to the target first object is obtained; a first transition animation is played based on the preview image of the media resource corresponding to the target first object to jump from the first page to the second page, and the first media resource corresponding to the target first object is displayed on the second page, wherein the first media resource belongs to a second media resource stream, and the preview image of the media resource is a first-frame display image of the first media resource. It can be seen that the embodiment of the present disclosure switches from the first page to the second page in the form of a transition animation. Since the transition animation is implemented based on the first-frame display image of the first media resource to be displayed on the second page, it can ensure that the page switching effect is smoother.

[0081] In actual applications, in the process of displaying the first media resource corresponding to the target first object on the second page, the user can also switch to display other media resources in the second media resource stream on the second page through a preset switching operation on the second page, thereby further enriching the interactive functions of the page.

[0082] Specifically, when a preset switching operation performed by the user on the second page is received, the second media resource in the second media resource stream is displayed based on the display order of the media resources in the second media resource stream.

[0083] In the embodiment of the present disclosure, the preset switching operation on the second page may include an upward sliding operation, a downward sliding operation on the second page, a click operation on the preset switching control on the second page, etc., to realize the function of switching to display the second media resource.

[0084] In an optional implementation, when a preset switching operation acting on the second page is received, first, based on the display order of the media resources in the second media resource stream, the second media resource corresponding to the first media resource currently being displayed is determined, that is, based on a downward sliding operation or a downward sliding operation triggered by the user, the previous or next media resource adjacent to the first media resource currently being displayed in the second media resource stream is determined as the second media resource, and then on the second page, the first media resource currently being displayed is switched to the second media resource.

[0085] For example, assuming that the display order of multiple media resources included in the first media resource stream is A, B, C, and D respectively, when the first media resource B is displayed on the second page, when a downward sliding operation on the second page is received, the previous media resource adjacent to the first media resource B in the second media resource stream (i.e., media resource A) is determined as the second media resource and displayed on the second page; for another example, when an upward sliding operation on the second page is received, the next media resource adjacent to the first media resource B in the second media resource stream (i.e., media resource C) is determined as the second media resource and displayed on the second page.

[0086] In an optional implementation, during the process of switching to display media resources in the second media resource stream on the second page, if the user wants to exit the second page, the user can jump from the second page to the first page through a preset exit operation for the second page.

[0087] In the disclosed embodiment, the preset exit operation for the second page may include a left sliding operation on the second page, etc.; in addition, a preset exit control may be displayed at a preset top position on the second page, and accordingly, the preset exit operation for the second page may include a click operation on the preset exit control, etc.

[0088] In the disclosed embodiment, in order to switch from the second page to the first page more smoothly and seamlessly, when receiving a preset exit operation of the user for the second page, a screenshot of the third media resource being displayed on the second page can be taken to obtain a screenshot corresponding to the third media resource, so that the second transition animation can be played based on the screenshot later, thereby achieving a smoother and seamless page switching effect.

[0089] In the disclosed embodiment, the third media resource belongs to the second media resource flow, and the third media resource and the second media resource may be the same media resource or different media resources.

[0090] In an optional implementation, while playing the second transition animation based on the screenshot, the playback end point of the second transition animation can be controlled to be positioned at the first object corresponding to the third media resource, thereby making the process of switching from the second page to the first page smoother.

[0091] In the disclosed embodiment, before controlling the playback end point of the second transition animation to be positioned at the first object corresponding to the third media resource, it is also necessary to determine the first object corresponding to the third media resource based on the correspondence between the media resources in the second media resource stream and the first object in the first media resource stream, and display the first object corresponding to the third media resource on the first page, so that in the process of jumping from the second page to the first page, the playback end point of the second transition animation can be positioned at the display position of the first object corresponding to the third media resource.

[0092] In an optional implementation, after taking a screenshot of the third media resource being displayed on the second page and obtaining a screenshot corresponding to the third media resource, a preview view corresponding to the first page can be created on the second page, and a transparent mask can be generated on the preview view, and then based on the display positions and display areas corresponding to the screenshot and the first object corresponding to the third media resource, respectively, a second transition animation can be played on the transparent mask.

[0093] For example, after a transparent mask is generated on the preview view, the screenshot is controlled to be zoomed out from the current position to the display position of the first object corresponding to the third media resource based on a preset trajectory, thereby realizing the function of playing the second transition animation based on the screenshot, and after switching to the first page, the transparent mask and the screenshot on the transparent mask are hidden, and the first object corresponding to the third media resource is displayed on the first page.

[0094] It can be seen that the embodiments of the present disclosure can display each media resource in the second media resource stream on the second page based on the display order of the media resources in the second media resource stream, further enriching the interactive functions for the page.

[0095] In an optional implementation, since the first media resource stream and the second media resource stream are used to constitute a total media resource stream, the total media resource stream includes multiple resource objects with a preset display order, and each resource object includes a first object and a media resource corresponding to the first object. Therefore, before displaying the first media resource corresponding to the target first object on the second page, it also includes: determining the resource object corresponding to the target first object in the total media resource stream, and obtaining the first media resource corresponding to the target first object from the resource object.

[0096] In an optional implementation, before switching from the first page to the second page, the player on the first page and the player on the second page can also be set to the same player, so that when a preset trigger operation for the target first object on the first page is subsequently received, only the removal and addition operations of different page containers are performed.

[0097] Specifically, the media resource player and the media resource preview image required for page switching can be stored in a shared cache pool. When switching from the first page to the second page (or from the second page to the first page), only the first transition animation needs to be generated based on the media resource preview image in the shared cache pool to jump from the first page to the second page. At this time, the first media resource displayed on the second page can be played synchronously.

[0098] On the basis of the above method embodiments, the embodiments of the present disclosure further provide an application scenario of page interaction, taking the first object as a user account avatar and the first media resource stream as a user account avatar list as an example.

[0099] In an embodiment of the present disclosure, a first object is displayed on a first page; wherein the first object may include a user account avatar, the first media resource stream may include a user account avatar list, the user account avatar (first object) belongs to the user account avatar list (first media resource), and the user account avatar list includes multiple user account avatars having a preset display order.

[0100] In an optional implementation, before displaying the first object on the first page, a preview image of the media resource corresponding to the user account may be preloaded, so that when a preset trigger operation for the first object is subsequently received, there is no need to load the first media resource corresponding to the first object, and the first frame display screen of the first media resource can be obtained, and then the first transition animation can be played based on the first frame display screen of the first media resource to smoothly switch from the first page to the second page.

[0101] Specifically, when a display trigger operation for the first page is received, the media resource preview images corresponding to each first object in the first media resource stream corresponding to the first page are loaded, so that when a preset trigger operation for the target first object in the first media resource stream is subsequently received, the media resource preview image corresponding to the target first object can be obtained from the pre-loaded media resource preview images corresponding to each first object.

[0102] In an optional implementation, when a display trigger operation for the first page is received, a request message for a media resource preview image corresponding to each first object in the first media resource stream may also be sent to the server to instruct the server to return a media resource preview image corresponding to each first object.

[0103] In an optional implementation, in order to reduce the consumption of network resources, the server can also merge the media resource preview images corresponding to each first object into one image based on image merging technology when receiving the request message. At this time, the server only needs to send the merged image to the client, thereby reducing the consumption of network resources.

[0104] Since the merged image displays the media resource preview images corresponding to each first object, and the display position of each media resource preview image corresponds to the first object, when the subsequent client receives a preset trigger operation for the target first object in the first media resource stream, it can determine the correspondence between the display position of the media resource preview image on the merged image and the first object, crop the merged image, and obtain the media resource preview image corresponding to the target first object.

[0105] like Figure 2 2 is a schematic diagram of obtaining a preview image of a media resource provided by an embodiment of the present disclosure, wherein the merged image 201 displays preview images of media resources corresponding to user account avatars A, B, C, and D, respectively. Specifically, the cover Figure 1 The cover image corresponding to the user account avatar A. Figure 2 The cover image corresponding to the user account avatar B. Figure 3 The cover image corresponding to the user account avatar C. Figure 4 It is the cover image corresponding to the user account avatar D.

[0106] When receiving the preset trigger operation for the user account avatar C, the merged image 201 is cropped to obtain the cover corresponding to the user account avatar C. Figure 3 , and then based on the cover Figure 3 Generate the first transition animation.

[0107] In the embodiment of the present disclosure, when a preset trigger operation for a target user account avatar in a user account avatar list is received, a cover of a media resource that is first in the display order under the user account to which the target user account avatar belongs is obtained.

[0108] In the disclosed embodiment, the preset trigger operation for the target user account avatar may include a click operation, a long press operation, etc. on the target user account avatar, so as to realize the function of obtaining the cover of the media resource that is first in the display order under the user account to which the target user account avatar belongs.

[0109] In the disclosed embodiment, the target user account avatar may be any user account avatar in the user account avatar list, and the user account to which the target user account avatar belongs includes multiple media resources, wherein the display order of the multiple media resources may be determined based on the release time of each media resource.

[0110] like Figure 3As shown, it is a schematic diagram of a first page provided by an embodiment of the present disclosure, specifically taking the message list page as an example, wherein user account avatars 301, 302, and 303 with a preset display order are displayed on the first page, wherein the display order of media resources under the user account to which the user account avatar 301 belongs is A1 and A2, the display order of media resources under the user account to which the user account avatar 302 belongs is B1, B2, and B3, and the display order of media resources under the user account to which the user account avatar 303 belongs is C1, C2, and C3.

[0111] When a preset trigger operation for the target user account avatar 302 is received, the cover of the media resource that is first in the display order under the user account to which the target user account avatar 302 belongs (i.e., media resource B1) is obtained; after obtaining the cover of media resource B1, a first transition animation is played based on the cover of media resource B1 to jump from the first page to the second page, and media resource B1 is displayed on the second page.

[0112] like Figure 4 As shown, it is a schematic diagram of a second page provided by an embodiment of the present disclosure, wherein the media resource B1 displayed on the second page is the media resource that is first in the display order under the user account to which the target user account avatar 401 belongs.

[0113] In the embodiment of the present disclosure, during the process of displaying media resources on the second page, the function of switching to display other media resources can be achieved through a preset switching operation on the second page; for example, assuming that the media resource being displayed on the second page is B1, when an upward sliding operation on the second page is received, based on the display order of media resources A1, A2, B1, B2, B3, C1, C2, and C3, the next media resource adjacent to the media resource B1 (i.e., media resource B2) is displayed on the second page.

[0114] exist Figure 4 During the process of displaying the media resource C2 on the second page shown, a screenshot of the media resource C2 being displayed on the second page can be taken through a preset exit operation for the second page to obtain a screenshot corresponding to the media resource C2, and then a second transition animation can be played based on the screenshot to jump from the second page to the first page, and the playback end point of the second transition animation can be controlled to be positioned at the user account avatar corresponding to the media resource C2 (i.e., user account avatar 303).

[0115] It can be seen that the embodiment of the present disclosure switches from the first page to the second page through a transition animation. Since the transition animation is implemented based on the cover of the media resource to be displayed on the second page, it can ensure that the page switching effect is smoother.

[0116] On the basis of the above method embodiments, the embodiments of the present disclosure further provide an application scenario of page interaction, taking the first object as a multimedia work cover and the first media resource stream as a multimedia work sequence as an example.

[0117] In the disclosed embodiment, a multimedia work cover is displayed on the first page; wherein the multimedia work cover belongs to a multimedia work sequence, and the multimedia work sequence includes a plurality of multimedia works having a preset display order.

[0118] In an embodiment of the present disclosure, when a preset trigger operation for a target multimedia work cover in a multimedia work sequence is received, the target multimedia work cover is obtained so that a first transition animation can be subsequently played based on the target multimedia work cover, thereby jumping from the first page to the second page more smoothly.

[0119] In the disclosed embodiment, the preset trigger operation for the target multimedia work cover may include a click operation, a long press operation, etc. on the target multimedia work cover, so as to realize the function of obtaining the target multimedia work cover.

[0120] like Figure 5 As shown, it is a schematic diagram of another first page provided by an embodiment of the present disclosure, wherein multimedia work covers with a preset display order are displayed on the first page, and each multimedia work cover corresponds to a multimedia work; when a preset trigger operation for a target multimedia work cover 501 is received, the target multimedia work cover 501 is obtained, and then the first transition animation is played based on the target multimedia work cover 501.

[0121] In the disclosed embodiment, after playing the first transition animation based on the cover of the target multimedia work and jumping from the first page to the second page, the multimedia work corresponding to the cover of the target multimedia work is displayed on the second page.

[0122] It can be seen that the embodiment of the present disclosure switches from the first page to the second page through a transition animation. Since the transition animation is implemented based on the cover of the target multimedia work to be displayed on the second page, it can ensure that the page switching effect is smoother.

[0123] On the basis of the above method embodiments, the embodiments of the present disclosure further provide an application scenario of page interaction, taking the first object as a small window live video and the first media resource stream as a small window live video stream as an example.

[0124] In the disclosed embodiment, a small window live video is displayed on the first page; wherein the small window live video belongs to a small window live video stream, and the small window live video stream includes multiple small window live videos with a preset display order.

[0125] In an embodiment of the present disclosure, when a preset trigger operation for a target small-window live video in a small-window live video stream is received, a live screen screenshot corresponding to the target small-window live video is obtained.

[0126] In the disclosed embodiment, the preset trigger operation for the target small window live video may include a zoom-in operation for the target small window live video, such as a click operation on a preset zoom-in control in the small window playback window corresponding to the target small window live video.

[0127] like Figure 6 As shown, it is a schematic diagram of another first page provided in an embodiment of the present disclosure, wherein a small window live video 601 being played is displayed on the first page, and when a click operation acting on a preset magnification control 602 is received, a live screen screenshot corresponding to the target small window live video 601 is obtained.

[0128] In the disclosed embodiment, after obtaining a screenshot of the live screen corresponding to the target small window live video, a first transition animation is played based on the screenshot of the live screen corresponding to the target small window live video to jump from the first page to the second page, and the full-screen live video corresponding to the target small window live video is displayed on the second page.

[0129] In an optional implementation, after jumping from the first page to the second page, in order not to affect the user's live viewing experience, the full-screen live video corresponding to the target small-window live video can continue to be played on the second page based on the playback progress corresponding to the live screen screenshot, so that the user can continue to watch the live video based on the playback progress on the first page.

[0130] It can be seen that the disclosed embodiment can play the first transition animation based on the live screen screenshot corresponding to the target small window live video, so as to smoothly switch from the first page to the second page. It can be seen that the disclosed embodiment switches from the first page to the second page in the form of a transition animation. Since the transition animation is implemented based on the live screen screenshot corresponding to the target small window live video to be displayed on the second page, it can ensure that the page switching effect is smoother.

[0131] Based on the above method embodiment, the present disclosure also provides a page interaction device, referring to Figure 7 , is a schematic diagram of the structure of a page interaction device provided by an embodiment of the present disclosure, the device comprising:

[0132] A first display module 701 is used to display a first object on a first page; wherein the first object belongs to a first media resource stream, and the first media resource stream includes a plurality of first objects in a preset display order;

[0133] An acquisition module 702 is configured to acquire a media resource preview image corresponding to a target first object in the first media resource stream in response to a preset trigger operation on the target first object;

[0134] The second display module 703 is used to play the first transition animation based on the media resource preview image corresponding to the target first object, so as to jump from the first page to the second page, and display the first media resource corresponding to the target first object on the second page; wherein, the first media resource belongs to the second media resource stream, and there is a corresponding relationship between the media resources in the second media resource stream and the first object in the first media resource stream, and the media resource preview image is the first frame display screen of the first media resource.

[0135] In an optional implementation, the display order of the media resources in the second media resource stream is determined based on the preset display order corresponding to the first media resource stream.

[0136] In an optional implementation, the device further includes:

[0137] The third display module is used to display the second media resource in the second media resource stream based on the display order of the media resources in the second media resource stream in response to a preset switching operation acting on the second page.

[0138] In an optional implementation, the device further includes:

[0139] A screenshot module, configured to, in response to a preset exit operation on the second page, take a screenshot of a third media resource being displayed on the second page, and obtain a screenshot corresponding to the third media resource; wherein the third media resource belongs to the second media resource stream;

[0140] The control module is used to play a second transition animation based on the screen screenshot to jump from the second page to the first page, and control the playback end point of the second transition animation to be positioned at the first object corresponding to the third media resource.

[0141] In an optional implementation, the device further includes:

[0142] The fourth display module is used to determine the first object corresponding to the third media resource based on the correspondence between the media resources in the second media resource stream and the first object in the first media resource stream, and display the first object corresponding to the third media resource on the first page.

[0143] In an optional implementation, the device further includes:

[0144] a loading module, configured to load, in response to a display triggering operation on the first page, media resource preview images respectively corresponding to the first objects in the first media resource flow corresponding to the first page;

[0145] Accordingly, the acquisition module is specifically used for:

[0146] In response to a preset trigger operation for a target first object in the first media resource stream, a media resource preview image corresponding to the target first object is obtained from preloaded media resource preview images corresponding to respective first objects in the first media resource stream.

[0147] In an optional implementation manner, the first object is a user account avatar, the first media resource stream is a user account avatar list, and the acquisition module includes:

[0148] The first acquisition submodule is used to respond to a preset trigger operation on a target user account avatar in the user account avatar list, and acquire a cover image of a media resource that is first in a display order under a user account to which the target user account avatar belongs.

[0149] In an optional implementation manner, the first object is a multimedia work cover, the first media resource stream is a multimedia work sequence, and the acquisition module includes:

[0150] A second acquisition submodule is used to acquire the target multimedia work cover in response to a preset trigger operation for the target multimedia work cover in the multimedia work sequence;

[0151] Accordingly, the second display module is specifically used for:

[0152] A first transition animation is played based on the target multimedia work cover to jump from the first page to the second page, and the multimedia work corresponding to the target multimedia work cover is displayed on the second page.

[0153] In an optional implementation, the first object is a small window live video, the first media resource stream is a small window live video stream, and the acquisition module includes:

[0154] A third acquisition submodule is used to obtain a live screen screenshot corresponding to the target small window live video in the small window live video stream in response to a preset trigger operation on the target small window live video;

[0155] Accordingly, the second display module is specifically used for:

[0156] Based on the live screen screenshot corresponding to the target small-window live video, the first transition animation is played to jump from the first page to the second page, and the full-screen live video corresponding to the target small-window live video is displayed on the second page.

[0157] In an optional implementation, the first display module includes:

[0158] Create a submodule for creating a full-screen view and generating a transparent mask in the full-screen view;

[0159] The playing submodule is used to play the first transition animation on the mask layer based on the media resource preview image corresponding to the target first object and the display position and display area respectively corresponding to the target first object.

[0160] In an optional implementation manner, the first media resource stream and the second media resource stream are used to constitute a total media resource stream, the total media resource stream includes a plurality of resource objects having the preset display order, each resource object includes a first object and a media resource corresponding to the first object, and the device further includes:

[0161] The fourth acquisition submodule is used to determine the resource object corresponding to the target first object in the total stream of media resources, and acquire the first media resource corresponding to the target first object from the resource object.

[0162] In the page interaction method provided by the embodiment of the present disclosure, the first object is first displayed on the first page, wherein the first object belongs to the first media resource stream; in response to a preset trigger operation for the target first object in the first media resource stream, a preview image of the media resource corresponding to the target first object is obtained; based on the preview image of the media resource corresponding to the target first object, a first transition animation is played to jump from the first page to the second page, and the first media resource corresponding to the target first object is displayed on the second page, wherein the first media resource belongs to the second media resource stream, and the media resource preview image is the first frame display image of the first media resource. It can be seen that the embodiment of the present disclosure switches from the first page to the second page in the form of a transition animation. Since the transition animation is implemented based on the first frame display image of the first media resource to be displayed on the second page, it can ensure that the page switching effect is smoother.

[0163] In addition to the above-mentioned method and apparatus, the embodiments of the present disclosure further provide a computer-readable storage medium, in which instructions are stored. When the instructions are executed on a terminal device, the terminal device implements the page interaction method described in the embodiments of the present disclosure.

[0164] The embodiment of the present disclosure further provides a computer program product, which includes a computer program / instructions. When the computer program / instructions are executed by a processor, the page interaction method described in the embodiment of the present disclosure is implemented.

[0165] In addition, the present disclosure also provides a page interaction device, see Figure 8 As shown, it may include:

[0166] Processor 801, memory 802, input device 803 and output device 804. The number of processors 801 in the page interaction device can be one or more. Figure 8 In some embodiments of the present disclosure, the processor 801, the memory 802, the input device 803 and the output device 804 may be connected via a bus or other means, wherein: Figure 8 The example of connecting through bus is taken in the following.

[0167] The memory 802 can be used to store software programs and modules. The processor 801 executes various functional applications and data processing of the page interaction device by running the software programs and modules stored in the memory 802. The memory 802 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, at least one application required for a function, etc. In addition, the memory 802 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, or other volatile solid-state storage device. The input device 803 may be used to receive input digital or character information, and to generate signal input related to user settings and function control of the page interaction device.

[0168] Specifically in this embodiment, the processor 801 will load the executable files corresponding to the processes of one or more applications into the memory 802 according to the following instructions, and the processor 801 will run the applications stored in the memory 802, thereby realizing various functions of the above-mentioned page interaction device.

[0169] It should be noted that, in this article, relational terms such as "first" and "second" are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the existence of other identical elements in the process, method, article or device including the elements.

[0170] The above description is only a specific embodiment of the present disclosure, so that those skilled in the art can understand or implement the present disclosure. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present disclosure. Therefore, the present disclosure will not be limited to the embodiments described herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A page interaction method, characterized in that: The method comprises: Displaying a first object on a first page; wherein the first object belongs to a first media resource stream, and the first media resource stream includes a plurality of the first objects in a preset display order; In response to a preset trigger operation on a target first object in the first media resource stream, obtaining a media resource preview image corresponding to the target first object; A first transition animation is played based on a media resource preview image corresponding to the target first object to jump from the first page to the second page, and the first media resource corresponding to the target first object is displayed on the second page; wherein, the first media resource belongs to a second media resource stream, and there is a corresponding relationship between the media resources in the second media resource stream and the first object in the first media resource stream, and the media resource preview image is a first frame display screen of the first media resource.

2. The method according to claim 1, characterized in that The display order of the media resources in the second media resource stream is determined based on the preset display order corresponding to the first media resource stream.

3. The method according to claim 2, characterized in that After displaying the first media resource corresponding to the target first object on the second page, the method further includes: In response to a preset switching operation acting on the second page, the second media resource in the second media resource stream is displayed based on a display order of the media resources in the second media resource stream.

4. The method according to claim 2 or 3, characterized in that: The method further comprises: In response to a preset exit operation for the second page, a screenshot of a third media resource being displayed on the second page is taken to obtain a screenshot corresponding to the third media resource; wherein the third media resource belongs to the second media resource flow; A second transition animation is played based on the screen screenshot to jump from the second page to the first page, and a playback end point of the second transition animation is controlled to be positioned at the first object corresponding to the third media resource.

5. The method according to claim 4, characterized in that The controlling the playback end point of the second transition animation to be positioned before the first object corresponding to the third media resource also includes: Based on the correspondence between the media resources in the second media resource stream and the first object in the first media resource stream, a first object corresponding to the third media resource is determined, and the first object corresponding to the third media resource is displayed on the first page.

6. The method according to claim 1, characterized in that Before displaying the first object on the first page, the method further includes: In response to a display triggering operation on the first page, loading media resource preview images corresponding to respective first objects in the first media resource flow corresponding to the first page; Accordingly, in response to a preset trigger operation on the target first object in the first media resource stream, obtaining a media resource preview image corresponding to the target first object includes: In response to a preset trigger operation for a target first object in the first media resource stream, a media resource preview image corresponding to the target first object is obtained from preloaded media resource preview images corresponding to respective first objects in the first media resource stream.

7. The method according to claim 1, characterized in that The first object is a user account avatar, the first media resource stream is a user account avatar list, and the step of obtaining a media resource preview image corresponding to the target first object in response to a preset trigger operation on the target first object in the first media resource stream includes: In response to a preset trigger operation for a target user account avatar in the user account avatar list, a cover image of a media resource that is first in a display order under the user account to which the target user account avatar belongs is obtained.

8. The method according to claim 1, characterized in that The first object is a multimedia work cover, the first media resource stream is a multimedia work sequence, and the step of obtaining a media resource preview image corresponding to the target first object in response to a preset trigger operation on the target first object in the first media resource stream includes: In response to a preset triggering operation for a target multimedia work cover in the multimedia work sequence, acquiring the target multimedia work cover; Correspondingly, playing the first transition animation based on the preview image of the media resource corresponding to the target first object to jump from the first page to the second page, and displaying the first media resource corresponding to the target first object on the second page, includes: A first transition animation is played based on the target multimedia work cover to jump from the first page to the second page, and the multimedia work corresponding to the target multimedia work cover is displayed on the second page.

9. The method according to claim 1, characterized in that: The first object is a small window live video, the first media resource stream is a small window live video stream, and the step of obtaining a media resource preview image corresponding to the target first object in response to a preset trigger operation on the target first object in the first media resource stream includes: In response to a preset trigger operation for a target small-window live video in the small-window live video stream, obtaining a live screen screenshot corresponding to the target small-window live video; Correspondingly, playing the first transition animation based on the preview image of the media resource corresponding to the target first object to jump from the first page to the second page, and displaying the first media resource corresponding to the target first object on the second page, includes: Based on the live screen screenshot corresponding to the target small-window live video, the first transition animation is played to jump from the first page to the second page, and the full-screen live video corresponding to the target small-window live video is displayed on the second page.

10. The method according to claim 1, characterized in that The playing of the first transition animation based on the media resource preview image corresponding to the target first object includes: Creating a full-screen view and generating a transparent mask in the full-screen view; Based on the media resource preview image corresponding to the target first object and the display position and display area respectively corresponding to the target first object, a first transition animation is played on the transparent mask.

11. The method according to claim 1, characterized in that: The first media resource stream and the second media resource stream are used to form a total media resource stream, the total media resource stream includes a plurality of resource objects having the preset display order, each resource object includes a first object and a media resource corresponding to the first object, and before displaying the first media resource corresponding to the target first object on the second page, the method further includes: In the total stream of media resources, a resource object corresponding to the target first object is determined, and a first media resource corresponding to the target first object is acquired from the resource object.

12. A page interaction device, characterized in that: The device comprises: A first display module, configured to display a first object on a first page; wherein the first object belongs to a first media resource stream, and the first media resource stream includes a plurality of the first objects in a preset display order; an acquisition module, configured to acquire a media resource preview image corresponding to the target first object in response to a preset trigger operation on the target first object in the first media resource stream; The second display module is used to play the first transition animation based on the media resource preview image corresponding to the target first object, so as to jump from the first page to the second page, and display the first media resource corresponding to the target first object on the second page; wherein, the first media resource belongs to the second media resource stream, and there is a corresponding relationship between the media resources in the second media resource stream and the first object in the first media resource stream, and the media resource preview image is the first frame display screen of the first media resource.

13. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores instructions, and when the instructions are executed on a terminal device, the terminal device implements the method according to any one of claims 1 to 11.

14. A page interaction device, characterized in that: include: A memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the computer program, the method according to any one of claims 1 to 11 is implemented.

Images