Content display method and apparatus

Abstract

The present disclosure relates to the technical field of interactive display, and specifically discloses a content display method and device, wherein the content display method comprises: displaying multimedia content arranged in a layering structure on a display page, and playing a first multimedia content located at a top layer of the layering structure; when the first multimedia content is played to the end, displaying a display exit animation of the first multimedia content; and moving a second multimedia content adjacent to the top layer in the layering structure to a top layer position of the layering structure to play the second multimedia content. The scheme provided by the present disclosure can present as rich multimedia content as possible in a limited display page through the arrangement of the layering structure, and automatically switch the next layer multimedia content in the layering structure after playing to the end to realize automatic playing and switching of multiple multimedia contents, which is particularly suitable for flash screen multimedia playing content with limited playing time and limited display page, and improves the viewing experience of users.

Description

Technical Field

[0001] This disclosure relates to the field of multimedia display technology, and in particular to a content display method and apparatus. Background Technology

[0002] With the development of computer technology, there are increasingly more demands for the playback formats of multimedia content on various terminal devices. For example, in some application scenarios, it is necessary to display promotional demonstrations of a product on the display page of a terminal device. Since the promotional demonstrations cover a lot of content such as the product's appearance, packaging, structure, raw materials, and various functions, it is difficult to present them clearly and comprehensively on a limited display page at the same time using a single multimedia material. If video multimedia content is presented on the display page, it often requires a long introductory video to fully present the promotional demonstrations, which does not conform to the current fast-paced and fragmented viewing habits of users. Users may not be interested in the introductory content in the lengthy video, resulting in a poor user experience. Summary of the Invention

[0003] The purpose of this disclosure is to provide a content display method and apparatus that can adjust a single multimedia content played on a display page into a combination of multiple multimedia contents with a stacked structure and supporting automatic playback switching, thereby presenting as much multimedia content as possible in a limited display page. It is particularly suitable for splash screen multimedia playback content with limited playback time and limited display page.

[0004] Specifically, the first aspect of this disclosure provides a content display method, which may include the following steps: displaying multimedia content arranged in a stacked structure on a display page and playing the first multimedia content located at the top layer of the stacked structure; when the first multimedia content finishes playing, displaying an exit animation of the first multimedia content; and moving the second multimedia content adjacent to the top layer in the stacked structure to the top layer position of the stacked structure to play the second multimedia content.

[0005] In some embodiments, during the playback of the first multimedia content, at least a portion of the second multimedia content is displayed on the display page.

[0006] In some embodiments, during the playback of the first multimedia content, at least a portion of the third multimedia content, which is adjacent to the layer containing the second multimedia content in the overlay structure, is displayed on the display page.

[0007] In some embodiments, the center point positions of each layer in the stacked structure are shifted sequentially from the top to the bottom based on a preset offset vector; or the center point positions of each layer in the stacked structure are based on a preset position distribution, so that during the playback of the first multimedia content, at least a portion of the multimedia content of at least two layers in the stacked structure is displayed on the display page.

[0008] In some embodiments, the content display method provided in this disclosure may further include the following steps: in response to a first preset interactive operation, displaying a jump page based on the link address corresponding to the multimedia content.

[0009] In some embodiments, the content display method provided in this disclosure may further include the following steps: displaying interactive operation guidance content on a display page, the interactive operation guidance content being associated with a first preset interactive operation; the first preset interactive operation includes a movement operation of at least one interactive point on the display page and / or a click operation of at least one interactive point in the playback area of ​​the first multimedia content.

[0010] In some embodiments, the content display method provided in this disclosure may further include the following steps: in response to a second preset interactive operation, displaying a preset animation effect of the first multimedia content.

[0011] In some embodiments, displaying multimedia content arranged in a stacked structure on a display page includes: creating an independent rendering container for each received multimedia content; and sequentially stacking the rendering containers based on a preset encoding corresponding to the multimedia content to obtain the multimedia content arranged in a stacked structure.

[0012] In some embodiments, the content display method provided in this disclosure may further include the following steps: after displaying the exit animation of the first multimedia content, placing the rendering container corresponding to the first multimedia content at the bottom layer of the stacked structure.

[0013] In some embodiments, the multimedia content includes video footage and image footage; playing the first multimedia content located at the top layer of the stacked structure includes: playing the video footage when the first multimedia content is video footage; and statically presenting the image footage when the first multimedia content is image footage.

[0014] In some embodiments, the completion of playback of the first multimedia content includes: when the first multimedia content is video material, completing a single playback of the video material, or playing the video material for a first preset duration; when the first multimedia content is image material, statically presenting the image material for a second preset duration.

[0015] A second aspect of this disclosure provides a content display device, which may specifically include: a stacked display unit for displaying multimedia content arranged in a stacked structure on a display page and playing first multimedia content located at the top layer of the stacked structure; a display switching unit for displaying a display exit animation of the first multimedia content when the first multimedia content finishes playing; and moving second multimedia content adjacent to the top layer in the stacked structure to the top layer position of the stacked structure to play the second multimedia content.

[0016] A third aspect of this disclosure provides an electronic device, which may include: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor, the instructions being executed by the at least one processor to enable the at least one processor to perform the content display method provided in the first aspect.

[0017] A fourth aspect of this disclosure provides a computer-readable storage medium for storing a computer program, wherein the computer program, when executed by a processor, implements the content display method provided in the first aspect.

[0018] The fifth aspect of this disclosure provides a computer program product, including a computer program that, when executed by a processor, implements the content display method provided in the first aspect.

[0019] The beneficial effects of this disclosure may include, but are not limited to: During the presentation of multimedia content, a layered structure can be used to present as much multimedia content as possible within a limited display page. Automatic switching between multiple multimedia content layers is achieved by automatically switching to the next layer of multimedia content after playback is complete. This is particularly suitable for splash screen multimedia playback content with limited playback time and a limited display page, avoiding fragmented dissemination caused by single multimedia content and improving the completeness of information acquisition and the viewing experience for users. Furthermore, the technical solution provided by this disclosure supports the creation of a real-time rendering container based on the received multimedia content. Once any multimedia content in the layered structure is fully received, a corresponding rendering container is created and displayed through the display page. The non-blocking loading display strategy avoids the loading time loss that may result from loading all multimedia content at once, making it particularly suitable for terminal devices in weak network environments and splash screen multimedia content application scenarios. The technical solution provided by this disclosure can also adaptively adjust the display size of multimedia content according to the size of different display pages, ensuring a consistent layered structure display style across different terminal devices.

[0020] It should be noted that different embodiments may produce different beneficial effects. In different embodiments, the beneficial effects may be any one or a combination of the above, or any other possible beneficial effects. Attached Figure Description

[0021] One or more embodiments are illustrated by way of example with reference numerals in the accompanying drawings. These illustrations do not constitute a limitation on the embodiments. Elements with the same reference numerals in the drawings are denoted as similar elements. Unless otherwise stated, the figures in the drawings are not to be limited by scale.

[0022] Figure 1 This is a schematic diagram illustrating an application scenario of a content display method provided according to an embodiment of this disclosure; Figure 2 This is a flowchart illustrating a content display method according to an embodiment of the present disclosure; Figure 3 This is a schematic diagram illustrating a multimedia content display page arranged in a layered structure according to an embodiment of the present disclosure; Figure 4 This is a schematic diagram illustrating another display page showing multimedia content arranged in a layered structure according to an embodiment of the present disclosure; Figure 5 This is a schematic diagram showing the distribution of center point positions of a stacked structure according to an embodiment of this disclosure; Figure 6 This is a schematic diagram showing the distribution of the center point positions of another stacked structure provided according to an embodiment of the present disclosure; Figure 7 This is a schematic diagram of a process for obtaining multimedia content arranged in a stacked structure according to an embodiment of the present disclosure; Figure 8 This is a schematic diagram illustrating the display of interactive operation guidance content on a display page according to an embodiment of this disclosure; Figure 9 This is a schematic diagram of the structure of a content display device according to an embodiment of the present disclosure; Figure 10 This is an exemplary hardware architecture diagram of a computer device according to some embodiments of the present disclosure. Detailed Implementation

[0023] To more clearly illustrate the technical solutions of the embodiments of this disclosure, the embodiments will be described in detail below with reference to the accompanying drawings. Obviously, the content described below are some examples or embodiments of this disclosure. For those skilled in the art, without creative effort, the technical solutions or means disclosed in this disclosure can be applied to other scenarios based on this technical content.

[0024] It should be understood that the terms "system," "device," "unit," and / or "module" used in this disclosure are a method of distinguishing different components, elements, parts, sections, or assemblies at different levels. However, if other terms can achieve the same purpose, they may be replaced by other expressions.

[0025] Unless otherwise specified, the technical terms used to describe components, elements, etc. in this disclosure are not specifically singular, but may include plural. Generally speaking, terms such as "comprising" or "including" only indicate that explicitly identified steps, elements, or components are included, and these steps, elements, and components do not constitute an exclusive list, as the described method or apparatus may also include other steps or components.

[0026] This disclosure uses flowcharts to illustrate the operational steps performed by the apparatus or system of related embodiments. However, unless otherwise specified, the order in which these steps are described should not be construed as a limitation on the order of execution. Those skilled in the art can adjust the order of these steps based on the knowledge and information conveyed by the embodiments of this disclosure. Adjustments include, but are not limited to, reversing the order of steps, merging multiple steps, and splitting a step.

[0027] With the development of computer technology, there are increasingly more demands for the playback formats of multimedia content on various terminal devices. For example, in some application scenarios, it is necessary to display promotional demonstrations of a product on the display page of a terminal device. Since the promotional demonstrations cover a lot of content such as the product's appearance, packaging, structure, raw materials, and various functions, it is difficult to present them clearly and comprehensively on a limited display page at the same time using a single multimedia material. If video multimedia content is presented on the display page, it often requires a long introductory video to fully present the promotional demonstrations, which does not conform to the current fast-paced and fragmented viewing habits of users. Users may not be interested in the introductory content in the lengthy video, resulting in a poor user experience.

[0028] In view of this, this disclosure provides a content display method and apparatus that can adjust a single multimedia content played on a display page into a combination of multiple multimedia contents with a layered structure and supporting automatic playback switching. This allows for the presentation of as much multimedia content as possible within a limited display page, and is particularly suitable for splash screen multimedia playback content with limited playback time and a limited display page. It is understood that in the specific embodiments of this specification, the collection, use, or processing of data (such as multimedia content to be played) is involved. When one or more embodiments of this disclosure are applied to specific products or technical implementations, permission or consent from the data subject is required. Furthermore, the collection, use, or processing of related data must strictly comply with the relevant laws, regulations, and standards of the data source country, implementation country, and other relevant countries and regions. De-identification technology ensures that the final data used is securely processed de-identified data, protecting the rights and interests of the data subject and data security.

[0029] Figure 1 This is a schematic diagram illustrating an application scenario of a content display method according to some embodiments of the present disclosure. In some embodiments, such as... Figure 1 As shown, application scenario 100 may include server 110, network 120, and client 130, wherein server 110 can connect to client 130 through network 120. In some embodiments, server 110 can send multimedia content to be played to client 130, and client 130 can play and present the multimedia content; client 130 can adjust the playback effect of multimedia content or interact with multimedia content according to user interaction, etc., without limitation. In some embodiments, multimedia content may specifically be splash screen multimedia content played based on application startup request or target webpage access request, including static image multimedia content, dynamic image multimedia content (Graphics Interchange Format, GIF), dynamic video multimedia content, etc., without limitation.

[0030] In some embodiments, server 110 may be a computer device with high computing performance. In some embodiments, server 110 may be a single computer device or a computing cluster composed of multiple computer devices, thereby providing powerful computing power and efficient response for content display processing, rendering, splicing, and playback. In some embodiments, server 110 may be a server, which may be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms.

[0031] In some embodiments, network 120 can be any form of wired or wireless network, or any combination thereof. By way of example only, network 120 can be one or more combinations of wired networks, fiber optic networks, telecommunications networks, internal networks, the Internet, local area networks (LANs), wide area networks (WANs), wireless local area networks (WLANs), metropolitan area networks (MANs), public switched telephone networks (PSTNs), Bluetooth networks, etc. Network 120 can have multiple access points, through which server 110 and client 130 can access network 120.

[0032] In some embodiments, client 130 may include, but is not limited to, desktop computers, smartphones, laptops, VR (Virtual Reality) devices, and tablets. In some embodiments, users can watch multimedia content playing through client 130, or perform interactive operations through interactive components displayed on client 130 to control the multimedia content playing, navigate to pages, etc., without limitation.

[0033] It should be noted that, Figure 1 The illustrated application scenario diagram of the content display method is merely an example. The application scenarios described in this disclosure are intended to more clearly illustrate the technical solutions of this disclosure and do not constitute a limitation on the technical solutions provided in this disclosure. For example, Figure 1The number of server-side 110 and client-side 130 in this disclosure is merely illustrative and is not intended to limit the scope of patent protection of this disclosure. Depending on the actual situation, there can be any number of server-side 110 and client-side 130. As those skilled in the art will understand, with the development of content technology and the emergence of new business scenarios, the embodiments provided in this disclosure can also be applied to other content display scenarios, and are not limited here. In some embodiments, the embodiments provided in this disclosure can be applied to splash screen multimedia content application scenarios, providing multiple multimedia material space overlay display styles and providing an automatic playback switching control scheme for the splash screen multimedia content played by client 130; the embodiments provided in this disclosure can also be applied to other multimedia content display scenarios, such as product promotion pages, scenic spot introduction pages, virtual reality display scenarios, etc., and are not limited here.

[0034] Figure 2 is an exemplary flowchart of a content display method according to some embodiments of the present disclosure. In some embodiments, Figure 2 The process 200 shown can be executed by a terminal device, for example, by a terminal device such as... Figure 1 The client 130 shown is executed; or, Figure 2 The process 200 shown can be executed jointly by a processing device and a terminal device, for example, it can be executed by a processing device and a terminal device. Figure 1 The server 110 and client 130 shown are executed together. In some embodiments, process 200 may be implemented by a content display device 1300 deployed on a terminal device.

[0035] In some embodiments, such as Figure 2 As shown, process 200 may include the following steps: Step 210: Display multimedia content arranged in a stacked structure on the display page, and play the first multimedia content located at the top layer of the stacked structure. In some embodiments, step 210 can be implemented based on the stacked display unit 910.

[0036] In some embodiments, the stacked structure includes multiple multimedia contents stacked sequentially. Multimedia content placed on top of the stacked structure may obscure at least a portion of multimedia content placed on lower layers, preventing it from being fully displayed on the page. The technical solution provided in this disclosure splits complete product introductions and other content into multiple stacked multimedia contents, playing only the top-level multimedia content at any given time. Simultaneously, by setting preset display and playback switching conditions, the next layer of multimedia content in the stacked structure can be automatically switched for playback after the first multimedia content has finished playing.

[0037] In some embodiments, the multimedia content may specifically include video footage and image footage; accordingly, during the playback of the first multimedia content located at the top layer of the stacked structure, if the first multimedia content is video footage, the video footage may be played; and / or if the first multimedia content is image footage, the image footage may be statically presented as playback of the first multimedia content, without limitation.

[0038] Step 220: When the first multimedia content finishes playing, display an exit animation of the first multimedia content, and move the second multimedia content adjacent to the top layer in the stacked structure to the top layer position of the stacked structure to play the second multimedia content. In some embodiments, step 220 can be implemented based on the display switching unit 920.

[0039] In some embodiments, when the first multimedia content finishes playing, it indicates that the first multimedia content has completed the required content display to the user through the display page. At this time, an exit animation can be displayed to cancel the top-level display of the first multimedia content in the stacked structure, and the second multimedia content adjacent to the top-level in the stacked structure can be played and displayed as the new top-level multimedia content, thereby realizing the switching of multimedia content playback. In some embodiments, the second multimedia content may also include video materials and image materials, which are not limited here.

[0040] In some embodiments, the exit animation of the first multimedia content can be a preset animation effect, such as a fade-out or screen exit, which can be freely set by the user according to the actual application scenario, and is not limited here. In some embodiments, specifically when the first multimedia content is video material, the completion of the first multimedia content playback can refer to the completion of a single playback of the video material. Here, a single playback can be a single complete playback of the video material from the start position to the end position of the video, or it can be a single incomplete playback of the video material from any playback start position to the end position of the video, and is not limited here. In other embodiments, when the first multimedia content is video material, the completion of the first multimedia content playback can refer to the playback time of the video material reaching a first preset duration. This first preset duration can be shorter than the time required for a single complete playback of the video material, or it can be equal to or longer than the time required for a single complete playback of the video material. Users can set this duration according to the actual application needs of the scenario. For example, for splash screen multimedia content playback scenarios, the first preset duration can be set to 0.5 seconds, 0.7 seconds, 1 second, 1, 2 seconds, etc. The splash screen multimedia content refers to 3 to 8 seconds of multimedia content played when an application (including embedded mini-programs), webpage, or other service carrier starts up; this will not be elaborated further. For outdoor large screen multimedia content playback scenarios, the first preset duration can be set to 30 seconds, 60 seconds, 90 seconds, etc., without further limitation. In other embodiments, when the first multimedia content is image material, the completion of the first multimedia content playback can refer to the playback time of the image material reaching a second preset duration. This second preset duration can be the same as or different from the aforementioned first preset duration; users can also set this duration according to the actual application needs of the scenario; this will not be elaborated further. In one specific application scenario, the completion of the first multimedia content playback can be controlled by setting a logic timer with a preset duration; however, this is not a specific limitation.

[0041] It is understandable that, through the relevant description of process 200 above, during the presentation of multimedia content, a layered structure can be used to present as much multimedia content as possible within a limited display page. Furthermore, by automatically switching to the next layer of multimedia content in the layered structure after playback is complete, automatic playback switching of multiple multimedia content layers can be achieved. This is particularly suitable for splash screen multimedia playback content with limited playback time and a limited display page, avoiding fragmented dissemination caused by single multimedia content, and improving the completeness of information acquisition and the user experience of watching multimedia content. The following will further explain and illustrate the specific implementation of each step in process 200 with specific embodiments.

[0042] In some embodiments, Figure 3 This diagram illustrates a method for displaying multimedia content in a layered structure on a webpage, such as... Figure 3 As shown, the first multimedia content 311 is located at the top layer of the stacked structure and can be fully presented in the display page 300. In some embodiments, such as Figure 3 As shown, during the playback of the first multimedia content 311, at least a portion of the second multimedia content 312 is displayed on the display page 300. It is understandable that, because the first multimedia content 311 and the second multimedia content 312 are stacked, the entire content of the second multimedia content 312 cannot be simultaneously and completely presented within the limited display page 300. In some specific examples, in order to present the first multimedia content 311 as much as possible on the display page, the size of the first multimedia content can be the same as or similar to the size of the display page. In this case, the first multimedia content can completely cover the second multimedia content located in the next layer of the stacked structure. However, for the user, they can only see the first multimedia content on the display page and cannot intuitively perceive that the multimedia content presented on the display page is set in a stacked structure, thus affecting possible interactive operations between the user and the multimedia content. And as in... Figure 3 In the specific example shown, at least a portion of the second multimedia content 312 is not obscured by the first multimedia content 311 and is presented on the display page 300, providing the user with a layered visual effect with a sense of spatial depth. It can also leverage the user's curiosity about the undisplayed multimedia content to promote possible interactive operations between the user and the multimedia content; this is not limited here. In some embodiments, further, when at least a portion of the second multimedia content 312 is displayed on the display page 300, it can present a static display effect or a dynamic display effect; this is not limited here.

[0043] In some embodiments, further, Figure 4 This diagram illustrates another method of displaying multimedia content in a layered structure, such as... Figure 1 As shown, the first multimedia content 411 is located at the top layer of the stacked structure and can be fully presented in the display page 400. In some embodiments, such as Figure 4 As shown, during the playback of the first multimedia content 411, at least a portion of the second multimedia content 412 is displayed on the display page 400, and at least a portion of the third multimedia content 413, which is adjacent to the layer containing the second multimedia content 412 in the overlay structure 410, is also displayed on the display page 400. It is understood that when the overlay structure has multiple layers, ensuring that the multimedia content of each layer can be fully and clearly presented on the display page, at least a portion of the third multimedia content and other multimedia content located below the third multimedia content in the overlay structure can also be presented on the display page, further enhancing the sense of spatial depth in the overlay visual effect. This is not limited to this description.

[0044] In some embodiments, further, in order to make the stacked structure appear to have a sense of spatial depth on the display page, the center point positions of each layer in the stacked structure can be set to be offset sequentially from the top layer to the bottom layer based on a preset offset vector. For example, Figure 5 A schematic diagram showing the distribution of center point positions in a stacked structure is shown, as follows: Figure 5 As shown, the center points of the first, second, third, and fourth layers in the stacked structure from top to bottom are located as points 511, 512, 513, and 514, respectively. The vector 520 from point 511 to point 512, from point 512 to point 513, and from point 513 to point 514 are all the same, meaning the center point positions of each layer in the stacked structure are based on a preset offset vector (…). Figure 5 The vector 520 in the layer is offset sequentially from the top to the bottom, thus forming a layered visual effect with spatial depth. In some specific application scenarios, during the presentation of multimedia content, the client 130 can obtain the coordinates of the center point of the top layer in the layered structure from the server 110, or the percentage positioning information of the center point of the top layer in the layered structure on the display page (for example, the center point of the top layer in the layered structure is located at 45% of the length from left to right and 45% of the width from top to bottom on the display page, etc., which is not limited here), and determine the position of each subsequent layer in the layered structure according to the preset offset vector to achieve a layered visual effect with spatial depth, which is not limited here.

[0045] In some embodiments, the center points of each layer in the stacked structure can be further distributed based on preset positions, so that during the playback of the first multimedia content, at least a portion of the multimedia content of at least two layers in the stacked structure is displayed on the display page. It is understood that a stacked visual effect with spatial depth does not mean that the layers in the stacked structure need to be arranged in the same direction; other arrangements are also possible, such as a circular stacking arrangement. For example, Figure 6 This diagram illustrates the distribution of center point locations in another layered structure, as shown below. Figure 6As shown, the stacked structure comprises four layers: 611, 612, 613 (not shown in the figure), and 614. 611 is the top layer, 612 is the second layer, 613 is the third layer, and 614 is the fourth layer. The four layers are arranged in a near-circular pattern. At least a portion of 611 (top layer), 612 (second layer), and 614 (bottom layer) are displayed on page 600. However, 613 (third layer) is not displayed on page 600 due to obstruction by the multimedia content of 611 and 612. It is understood that users can configure the stacked structure according to their specific application needs; no restrictions are imposed here.

[0046] In some embodiments, further, during the display switching of the second multimedia content, the second multimedia content can be presented directly at its original location, for example, in... Figure 4 In the displayed page 400, after the first multimedia content 411 finishes playing and completes its exit animation, the second multimedia content 412 can be directly displayed at its original position on top. In other embodiments, during the switching of the display of the second multimedia content, the display position of the second multimedia content can also be moved to the original position of the first multimedia content for presentation, for example, in... Figure 4 In the display page 400 shown, the second multimedia content 412 is moved to the corresponding position of the first multimedia content 411 for top-level display; correspondingly, each layer in the stacked structure can be moved up to the position of the previous layer's multimedia content in turn, without limitation.

[0047] Based on the foregoing descriptions of the embodiments, the specific presentation effect of multimedia content arranged in a stacked structure on the display page has been explained in detail. The following will further explain and illustrate the acquisition and rendering process of the multimedia content arranged in a stacked structure in conjunction with embodiments. In some embodiments, Figure 7 A flowchart illustrating a process for acquiring multimedia content arranged in a stacked structure is shown, such as... Figure 7 As shown, process 700 may specifically include the following steps: Step 710: Create an independent rendering container for each received multimedia content. In some embodiments, the received multimedia content refers to the multimedia content received by the client from the server, or it may be multimedia content pre-stored by the client itself, without limitation. In some embodiments, further, during the creation of the rendering container, the size of the corresponding display page of the client device can be obtained in advance, and the presentation size of the multimedia content can be adaptively adjusted according to the size of the display page; considering that the screen sizes of terminal devices such as irregularly shaped display screens and foldable screens are often different, the solution provided in this disclosure supports adaptive adjustment of the display size of multimedia content according to the size of different display pages, so that a consistent stacked structure display style can be obtained on different terminal devices.

[0048] In some embodiments, taking the display scenario of splash screen multimedia content as an example, since the total playback time of the splash screen multimedia content is relatively short (approximately 3 to 8 seconds), it would take a long time to fully load all the materials corresponding to the splash screen multimedia content (i.e., the client receives all the multimedia content forming the overlay structure from the server). This is especially true in scenarios with poor network conditions, where it would consume a significant amount of time, further compressing the limited total playback time of the splash screen multimedia content. In the technical solution provided in this disclosure, it is supported to create a rendering container in real time based on the received multimedia content. Once any material corresponding to the splash screen multimedia content is fully received, a corresponding rendering container is created and displayed through the display page. This non-blocking loading and display strategy can avoid the loading time loss problem that may be caused by fully loading all multimedia content, and is particularly suitable for terminal devices in weak network environments and splash screen multimedia content application scenarios.

[0049] Step 720: Based on the preset encoding corresponding to the multimedia content, render containers are sequentially stacked to obtain multimedia content placed in a stacked structure. In some embodiments, the preset encoding corresponding to the multimedia content can be provided by the server and used as the basis for initializing the stacked structure hierarchy. In some embodiments, taking the display scenario of splash screen multimedia content as an example, if the display scenario requires 10 multimedia content to be stacked and displayed, and the preset encodings corresponding to the first batch of received multimedia content are 1, 2, 3, 5, 8, and 10, then for the 6 received multimedia content, the corresponding render containers are stacked sequentially in ascending order of encoding to obtain a portion of the multimedia content placed in a stacked structure. During the subsequent display and playback of multimedia content, if new multimedia content with preset encodings of 4, 6, 7, and 9 is received, then the render containers corresponding to these newly received multimedia content are placed sequentially below the bottom layer of the initial stacked structure in ascending order of encoding to form an updated full multimedia content placed in a stacked structure.

[0050] In some embodiments, further, after the display exit animation of the first multimedia content, the rendering container corresponding to the first multimedia content can be placed back at the bottom of the stacked structure. Compared to directly destroying the rendering container corresponding to the first multimedia content, placing the rendering container corresponding to the first multimedia content back at the bottom of the stacked structure allows for updating the multimedia content of the rendering container. The updated multimedia content can be either the original first multimedia content or other multimedia content newly received by the client, without limitation. It is understood that the above settings can achieve the visual effect of continuously presenting multiple multimedia contents in a loop through the layer reuse mechanism, while also solving the risk of continuous memory increases that may be caused by continuous updates of multiple multimedia contents. It is particularly suitable for displaying splash screen multimedia content application scenarios, without limitation.

[0051] In some embodiments, the content display method provided in this disclosure may further include the following steps: in response to a first preset interactive operation, displaying a jump page based on the link address corresponding to the multimedia content. In some embodiments, the first preset interactive operation may specifically include a movement operation of at least one interactive point on the display page and / or a click operation of at least one interactive point in the playback area of ​​the first multimedia content. For example, on a mobile terminal device operating in portrait mode, the first preset interactive operation may be a user interaction operation in which the movement distance of the interactive point on the display page in the "swipe up" direction exceeds a preset threshold, which is not limited here. In some embodiments, for example, when a user is interested in a product displayed in the multimedia content, they can interact by "swiping up" on the display page or by "clicking" the corresponding area of ​​the multimedia content to jump to the link address corresponding to the multimedia content to view the specific content information and / or purchase information of the product, which is not limited here.

[0052] In some embodiments, the content display method provided in this disclosure may further include the following steps: displaying interactive operation guidance content on a display page, wherein the interactive operation guidance content may be associated with a first preset interactive operation. For example, Figure 8 This diagram illustrates how interactive guidance content is displayed on a webpage, such as... Figure 8As shown, the interactive operation guidance content can be specifically associated with the various first preset interactive operations provided in the aforementioned embodiments. Specifically, when the first preset interactive operation is an "up" gesture interaction on the display page, the corresponding interactive operation guidance content can include an "up" arrow 810 and the text content 820 of "up to view product details". This interactive operation guidance content can be located below the display page 800 and at the edge area of ​​the display page 800 to avoid affecting the normal display of the first multimedia content. Users can freely set the specific presentation method of the interactive operation guidance content according to the needs of the actual application scenario, which is not limited here.

[0053] In some embodiments, the content display method provided in this disclosure may further include the following steps: in response to a second preset interactive operation, displaying a preset animation effect of the first multimedia content. In some embodiments, when a user's fingertip touches the touchscreen displaying the page but does not actually perform the first preset interactive operation (such as swiping a certain distance on the touchscreen), the first multimedia content at the top layer of the stacked structure can be controlled to generate a slight jitter. This preset animation effect can provide the user with immediate visual feedback that the multimedia content presented on the touchscreen is "controllable" / "interactive," which helps to further guide the user to take the first preset interactive operation during subsequent viewing. The specific settings of the second preset interactive operation will be described in detail later in conjunction with the embodiments, and will not be repeated here.

[0054] Figure 9 This is a schematic diagram illustrating the structure of a content display device according to some embodiments of the present disclosure. In some embodiments, such as... Figure 9 As shown, the content display device 900 may include a stacked display unit 910 and a display switching unit 920.

[0055] In some embodiments, the stacked display unit 910 can be used to display multimedia content arranged in a stacked structure on a display page and play the first multimedia content located at the top layer of the stacked structure. The first multimedia content can be image material or video material, which is not limited here. In some embodiments, playing the first multimedia content can be statically presenting image material or playing video material, which is not limited here. In some embodiments, the display switching unit 920 can be used to display the display exit animation of the first multimedia content when the first multimedia content finishes playing; and move the second multimedia content adjacent to the top layer in the stacked structure to the top layer position of the stacked structure to play the second multimedia content. The second multimedia content can be image material or video material, which is not limited here. In some embodiments, the completion of the first multimedia content playback can refer to the completion of a single playback of the video material when the first multimedia content is video material, or it can refer to the playback time of the video material reaching a first preset duration, or it can refer to the static presentation time of the image material reaching a second preset duration when the first multimedia content is image material, which is not limited here. In some embodiments, the first multimedia content can exit the display page following the exit animation and return to the bottom layer of the stacked structure. The above design can use the layer reuse mechanism to achieve the effect of repeated playback and switching of multimedia content. When the stacked structure has few layers or the number of received multimedia contents is small, it can ensure the uninterrupted playback and switching effect of multimedia content. This is not limited here.

[0056] In some embodiments, further, such as Figure 9The content display device 900 shown may further include an interactive response unit 930, which may specifically respond to a first preset interactive operation and display a jump page based on the link address corresponding to the multimedia content. For example, when a user is interested in a product displayed in the multimedia content, they can interact by "swiping up" on the display page or by "clicking" the corresponding area of ​​the multimedia content to jump to the link address corresponding to the multimedia content to view the specific content information and / or purchase information of the product, which is not limited here. In some embodiments, the interactive response unit 930 may also respond to a second preset interactive operation and display a preset animation effect of the first multimedia content. For example, when a user's fingertip touches the touch screen displaying the page but does not actually perform the first preset interactive operation (such as swiping a certain distance on the touch screen), the first multimedia content at the top layer of the stacked structure can be controlled to generate a slight jitter. This preset animation effect can provide the user with immediate visual feedback that the multimedia content presented on the touch screen is "controllable" / "interactive", which helps to further guide the user to take the first preset interactive operation in the subsequent viewing process. In some embodiments, the second preset interactive operation may specifically include minor interactive behaviors between the user and the multimedia materials presented on the display page, such as "touching" the multimedia content displayed on the touch screen, or moving the mouse cursor over the area where the multimedia content is located (without clicking the mouse button), etc., which are not limited here. In some embodiments, the preset animation effect may be a preset animation effect in which the position of the first multimedia content is slightly displaced relative to its original display position and then returns to its original display position. For example, the first multimedia content may produce a slight screen display shake, or it may produce a slight display position movement in the same direction as the second preset interactive operation and then return to its original display position, etc. The user can set the second preset interactive operation and preset animation effect according to the needs of the actual application scenario, further improving the operability and visual feedback of the layered multimedia content and enhancing the user's viewing and interactive experience.

[0057] In some embodiments, further, such as Figure 9 The content display device 900 shown may further include a guidance display unit 940 for displaying interactive operation guidance content on the display page. The interactive operation guidance content may be specifically associated with various first preset interactive operations provided in the aforementioned embodiments. For example, when the first preset interactive operation is an "up" gesture interaction on the display page, the corresponding interactive operation guidance content may include an "up" arrow and / or the text "swipe up to view product details". The interactive operation guidance content may be located in the lower part of the display page or other areas. Users can freely set the specific presentation method of the interactive operation guidance content according to the needs of the actual application scenario, which is not limited here.

[0058] For more information on each unit, please refer to [link / reference]. Figures 2 to 8 The relevant explanations will not be repeated here. It should be understood that, as... Figure 9 The apparatus and modules shown can be implemented in various ways. For example, in some embodiments, they can be implemented by hardware, software, or a combination of both. The hardware portion can be implemented using dedicated logic; the software portion can be stored in memory and executed by an appropriate instruction execution system, such as a microprocessor or dedicated-design hardware. Those skilled in the art will understand that the methods, apparatus, and systems described above can be implemented using computer-executable instructions and / or included in the control code of a processor, such as in the memory of a disk, CD, or DVD-ROM. The apparatus and modules of this disclosure can be implemented not only by hardware circuits such as very large-scale integrated circuits or gate arrays, semiconductors such as logic chips or transistors, or programmable hardware devices such as field-programmable gate arrays or programmable logic devices, but also by software executed by various types of processors, or by a combination of the aforementioned hardware circuits and software (e.g., firmware).

[0059] It should be noted that the above description of the device and modules is for convenience only and should not be construed as limiting this disclosure to the scope of the embodiments described. It is understood that those skilled in the art, after understanding the principle of the device, can arbitrarily combine the various modules without departing from this principle to form sub-devices connected to other modules. Alternatively, some modules can be split to obtain more modules or multiple units corresponding to a module. Such modifications are all within the scope of this disclosure.

[0060] Figure 10 This is an exemplary hardware architecture diagram of a computer device shown according to some embodiments of the present disclosure. In some embodiments, such as Figure 10 As shown, the computer device 1000 may include a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, it can implement the content display method provided in any of the foregoing embodiments. In some embodiments, the computer device 1000 may be a terminal device such as a smartphone, tablet computer, or personal computer. Figure 1 The client 130 is shown. In other embodiments, the computer device 1000 may be a rack server, blade server, tower server, or cabinet server (including standalone servers or server clusters composed of multiple servers), for example, it may be a... Figure 1 The server 110 shown here is not limited to any particular server.

[0061] In some embodiments, such as Figure 10 As shown, the computer device 1000 includes, but is not limited to, a memory 1010, a processor 1020, and a network interface 1030 that can communicate with each other via a system bus. The memory 1010 includes at least one type of computer-readable storage medium, including flash memory, hard disk, multimedia card, card-type memory (e.g., SD memory, DX memory, etc.), random access memory (RAM), static random access memory (SRAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic memory, magnetic disk, optical disk, etc. In some embodiments, the memory 1010 may be an internal storage module of the computer device 1000, such as the hard disk or RAM of the computer device 1000. In other embodiments, the memory 1010 may also be an external storage device of the computer device 1000, such as a plug-in hard disk, smart media card (SMC), secure digital (SD) card, flash card, etc., equipped on the computer device 1000. Of course, the memory 1010 may include both the internal storage module of the computer device 1000 and its external storage device. In this embodiment, the memory 1010 is typically used to store the operating system and various application software installed on the computer device 1000, such as the program code related to the content display method provided in any of the foregoing embodiments. In addition, the memory 1010 may also be used to temporarily store various types of data that have been output or will be output, such as the first multimedia content after the display is exited, etc., which is not limited here.

[0062] In some embodiments, the processor 1020 may be a central processing unit (CPU), a controller, a microcontroller, a microprocessor, or other chip. The processor 1020 is typically used to control the overall operation of the computer device 1000, such as performing control and processing related to data interaction or communication with the computer device 1000. In this embodiment, the processor 1020 is used to run program code stored in the memory 1010 or process data.

[0063] In some embodiments, network interface 1030 may include a wireless network interface or a wired network interface, which is typically used to establish a communication link between computer device 1000 and other computer devices. For example, network interface 1030 is used to connect computer device 1000 to an external terminal or server via a network, and to establish a data transmission channel and communication link between computer device 1000 and the external terminal or server. The network may be an intranet, the Internet, Global System for Mobile Communications (GSM), Wideband Code Division Multiple Access (WCDMA), 4G network, 5G network, Bluetooth, Wi-Fi, or other wireless or wired networks.

[0064] It should be pointed out that, Figure 10 Only computer devices having components 1010 to 1030 are shown; however, it should be understood that it is not required to implement all of the shown components, and more or fewer components may be implemented alternatively. In some embodiments, the relevant program code for the content display method stored in memory 1010 may also be divided into one or more program modules and executed by one or more processors (such as processor 1020) to implement the embodiments of this disclosure, without limitation herein.

[0065] Some embodiments of this disclosure also provide a computer-readable storage medium storing computer instructions that, when executed by a processor, can implement this disclosure. Figures 2 to 8 The content display method is shown.

[0066] One or more embodiments of this disclosure also provide a computer program product, including a computer program that, when executed by a processor, can implement the content display method provided in any of the foregoing embodiments. In some embodiments, the computer program product may relate to a computer program that may be carried on a storage medium or a processing device. In other embodiments, the computer program product may also be a storage medium or a processing device containing the aforementioned computer program. The processing device may include one or more processors, and the storage medium.

[0067] The basic concepts have been described above. It is obvious that the detailed disclosure above is merely illustrative and does not constitute a limitation of this disclosure. Although not explicitly stated herein, various modifications, improvements, and corrections may be made to this disclosure by those skilled in the art. Such modifications, improvements, and corrections are taught in this disclosure and therefore remain within the spirit and scope of the exemplary embodiments of this disclosure.

Claims

1. A content display method, characterized in that, The method includes: The display page shows multimedia content arranged in a stacked structure, and plays the first multimedia content located at the top layer of the stacked structure. When the first multimedia content finishes playing, a display exit animation of the first multimedia content is displayed; and The second multimedia content adjacent to the top layer in the stacked structure is moved to the top layer position of the stacked structure to play the second multimedia content.

2. The content display method according to claim 1, characterized in that, During the playback of the first multimedia content, at least a portion of the second multimedia content is displayed on the display page.

3. The content display method according to claim 1 or 2, characterized in that, During the playback of the first multimedia content, at least a portion of the third multimedia content in the layered structure that is adjacent to the layer containing the second multimedia content is displayed on the display page.

4. The content display method according to claim 1 or 2, characterized in that, The center point position of each layer in the stacked structure is offset sequentially from the top layer to the bottom layer based on a preset offset vector; or The center point positions of each layer in the stacked structure are based on a preset position distribution, so that during the playback of the first multimedia content, at least a portion of the multimedia content of at least two layers in the stacked structure is displayed on the display page.

5. The content display method according to claim 1, characterized in that, The method further includes: In response to the first preset interactive operation, a redirect page is displayed based on the link address corresponding to the multimedia content.

6. The content display method according to claim 5, characterized in that, The method further includes: The interactive operation guidance content is displayed on the display page, and the interactive operation guidance content is associated with the first preset interactive operation; The first preset interactive operation includes at least one movement operation of the interactive point on the display page and / or at least one click operation of the interactive point in the playback area of ​​the first multimedia content.

7. The content display method according to claim 1 or 5, characterized in that, The method further includes: In response to the second preset interactive operation, the preset animation effect of the first multimedia content is displayed.

8. The content display method according to claim 1, characterized in that, The multimedia content displayed on the display page in a stacked structure includes: Create an independent rendering container for each of the received multimedia contents; Based on the preset encoding corresponding to the multimedia content, the rendering containers are sequentially stacked to obtain the multimedia content placed in a stacked structure.

9. The content display method according to claim 8, characterized in that, The method further includes: After the display exit animation of the first multimedia content is displayed, the rendering container corresponding to the first multimedia content is placed at the bottom layer of the stacked structure.

10. The content display method according to claim 1, characterized in that, The multimedia content includes video materials and image materials; Playing the first multimedia content located at the top layer of the stacked structure includes: If the first multimedia content is video material, then the video material is played. When the first multimedia content is image material, the image material is presented statically.

11. The content display method according to claim 10, characterized in that, After the first multimedia content has finished playing, it includes: When the first multimedia content is video material, the video material is played once, or the time for playing the video material reaches a first preset duration; When the first multimedia content is an image, the static presentation time of the image reaches a second preset duration.

12. A content display device, characterized in that, The device includes: A stacked display unit is used to display multimedia content arranged in a stacked structure on a display page and to play the first multimedia content located at the top layer of the stacked structure. The display switching unit is used to display the display exit animation of the first multimedia content when the first multimedia content finishes playing; and to move the second multimedia content adjacent to the top layer in the stacked structure to the top layer position of the stacked structure to play the second multimedia content.

13. A computer device, characterized in that, The computer device includes a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor, when executing the computer program, implements the content display method according to any one of claims 1 to 11.

14. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by a processor, it implements the content display method according to any one of claims 1 to 11.

15. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the content display method according to any one of claims 1 to 11.

Images