Display method, device, equipment, medium and product

Abstract

The invention discloses a display method and device, equipment, a medium and a product, and the method comprises the steps: if a starting operation for a target application is detected, displaying a first page, and displaying a target video on the first page, so that the target video is displayed on the first page when the first page is detected to reach a closing condition; and skipping to the second page, adjusting the size of the target video, and displaying the target video with the adjusted size on the second page, so that the playing video can be continued from one page to another page in a dynamic linkage mode to form series connection, and the display effect can be improved. Therefore, the size of the video can be changed when the page is changed, so that the user can stay to watch the video under the attraction of the change, and the video playing effect and the watching experience of the user can be improved.

Description

Technical Field

[0001] The present application relates to the field of Internet technology, and in particular to a display method, device, equipment, medium, and product. Background Art

[0002] With the development of Internet technology, users can use some applications (APPs) to meet some of their needs, such as browsing short videos.

[0003] In addition, for videos related to the APP, such as videos played by it, the video can be used to promote some objects, such as commodities, so that users can understand and obtain these objects with the help of the video. Summary of the invention

[0004] The present application provides a display method, device, equipment, medium, and product, which are conducive to improving the display effect.

[0005] In order to achieve the above objectives, the technical solutions provided by this application are as follows:

[0006] The present application provides a display method, which includes: in response to a startup operation of a target application, displaying a first page and displaying a target video on the first page; in response to the first page reaching a closing condition, jumping to a second page, adjusting the size of the target video, and displaying the resized target video on the second page, wherein the second page is used to display a video sequence, and the target video is at the first position in the video sequence.

[0007] In a possible implementation manner, a window is displayed on the first page; and displaying the target video on the first page includes: displaying the target video in the window.

[0008] In a possible implementation manner, the size of the window is smaller than the size of the second page; and the target video after the size adjustment occupies the entire area of ​​the second page for display.

[0009] In a possible implementation manner, the target video is used to describe a target object; and the appearance attribute of the window is determined based on at least one attribute of the target object.

[0010] In a possible implementation manner, the first page is used to dynamically display a target video with a gradually changing size.

[0011] In one possible implementation, there is an overlap between the area occupied by at least one associated content of the target video in the second page and the area occupied by the resized target video in the second page; in response to the first page reaching a closing condition, jumping to the second page, adjusting the size of the target video, and displaying the resized target video on the second page, includes: in response to the first page reaching a closing condition, jumping to the second page, adjusting the size of the target video, displaying the resized target video on the second page, and hiding the at least one associated content on the second page.

[0012] In one possible implementation, a target component is displayed on the second page, and the target component is used to provide interactive services; the method also includes: in response to an interactive operation triggered on the target component, displaying an interactive result corresponding to the interactive operation; in response to the display time of the interactive result reaching a preset time or a closing operation on the interactive result, canceling the display of the interactive result, and displaying the at least one related content on the second page.

[0013] In a possible implementation manner, a target component is displayed on the second page; the method further includes: in response to a closing operation on the target component, canceling the display of the target component on the second page, and displaying the at least one associated content on the second page.

[0014] In one possible implementation, a target component is displayed on the second page, and the target component is used to provide interactive services; the method also includes: in response to an interactive operation triggered on the target component, displaying the at least one related content on the second page, adding a transparent floating layer above the second page, and displaying the interactive result corresponding to the interactive operation on the transparent floating layer.

[0015] In one possible implementation, a target component is displayed on the second page; the method further includes: for any of the associated contents, determining an initial state of the associated content based on a relative position between an area occupied by the associated content in the second page and an area occupied by the target component in the second page, the initial state being a first state value or a second state value, the first state value being used to indicate hiding the associated content, and the second state value being used to indicate displaying the associated content; hiding at least one of the associated contents on the second page includes: for any of the associated contents, if the initial state of the associated content is a first state value, hiding the associated content on the second page; if the initial state of the associated content is a second state value, displaying the associated content on the second page.

[0016] In a possible implementation manner, adjusting the size of the target video includes: enlarging the target video.

[0017] The present application provides a display device, including: a first display unit, used to display a first page and a target video on the first page in response to a startup operation of a target application; a second display unit, used to jump to a second page, adjust the size of the target video, and display the resized target video on the second page in response to the first page reaching a closing condition, wherein the second page is used to display a video sequence, and the target video is at the first position in the video sequence.

[0018] The present application provides an electronic device, which includes: a processor and a memory; the memory is used to store instructions or computer programs; the processor is used to execute the instructions or computer programs in the memory, so that the electronic device executes the display method provided by the present application.

[0019] The present application provides a computer-readable medium, in which instructions or computer programs are stored. When the instructions or computer programs are executed on a device, the device executes the display method provided by the present application.

[0020] The present application provides a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program codes for executing the display method provided by the present application.

[0021] Compared with the related art, this application has at least the following advantages:

[0022] In the technical solution provided by the present application, for the target application, if a startup operation for the target application is detected, the first page (such as the opening screen page) is displayed, and the target video (such as the advertising video) is displayed on the first page, so that when it is detected that the first page reaches the closing condition, it jumps to the second page (such as the information flow page), adjusts the size of the target video, and displays the target video after the size adjustment on the second page, so that the video being played can be continued from one page to another page through dynamic linkage to form a series connection, which is conducive to improving the display effect. It can be seen that because the size of the video will change when the page is changed, the user can stay and watch the video under the attraction of the change, which is conducive to improving the video playback effect and the user viewing experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0023] In order to more clearly illustrate the technical solutions in the embodiments of the present application or the related technologies, the drawings required for use in the embodiments or the related technical descriptions are briefly introduced below. Obviously, the drawings described below are only some embodiments recorded in the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0024] Figure 1 A flowchart of a display method provided in an embodiment of the present application;

[0025] Figure 2 A schematic diagram of a page switching process provided in an embodiment of the present application;

[0026] Figure 3 A schematic diagram of an interactive service provided in an embodiment of the present application;

[0027] Figure 4 A schematic diagram of a hidden content recovery process provided in an embodiment of the present application;

[0028] Figure 5 A schematic diagram of another hidden content recovery process provided by an embodiment of the present application;

[0029] Figure 6 A schematic diagram of another component for providing interactive services provided in an embodiment of the present application;

[0030] Figure 7 A schematic diagram of another component for providing interactive services provided in an embodiment of the present application;

[0031] Figure 8 A schematic diagram of another component for providing interactive services provided in an embodiment of the present application;

[0032] Fig. 9 A schematic diagram of a display process provided in an embodiment of the present application;

[0033] Fig.10 A schematic diagram of the structure of a display device provided in an embodiment of the present application;

[0034] Fig.11 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0035] Research has found that in some scenarios, product promotion can be carried out by adding advertising videos to the information flow. In some scenarios, product promotion can be carried out by displaying advertising videos on the opening screen of an APP. In some scenarios, product promotion can be carried out by using both information flow and opening screen.

[0036] The research also found that the three solutions shown in the previous paragraph all have the following defects: users' viewing time is very short; users' click-through rate is very low or even zero, which leads to poor results of these solutions.

[0037] Based on the above research, in order to better improve the effect, the present application provides a display method, which includes: if a startup operation for a target application is detected, a first page (such as a start-up page) is displayed, and a target video (such as an advertising video) is displayed on the first page, so that when it is detected that the first page reaches a closing condition, it jumps to a second page (such as an information flow page), adjusts the size of the target video, and displays the target video after the size adjustment on the second page, so that the video being played can be continued from one page to another page through a dynamic linkage method to form a series connection, which is conducive to improving the display effect. It can be seen that because the size of the video will change when the page is changed, the user can stay and watch the video under the attraction of the change, which is conducive to increasing the user's stay time on the video, and then it is conducive to improving the video playback effect and user viewing experience.

[0038] In addition, the present application does not limit the execution subject of the display method provided in the present application. For example, the display method can be applied to a terminal device. For another example, the display method can also be implemented by means of a data interaction process between a terminal device and a server. Among them, the terminal device can be a smart phone, a computer, a personal digital assistant (PDA), a tablet computer, etc. The server can be an independent server, a cluster server or a cloud server.

[0039] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0040] In order to better understand the technical solution provided by this application, the display method provided by this application is described below with reference to some drawings. Figure 1 As shown, the display method provided in the embodiment of the present application includes the following S1-S2.

[0041] S1: In response to a start-up operation of a target application, display a first page and display a target video on the first page.

[0042] The target application refers to the application deployed on the terminal that is triggered to start the operation, so that the terminal can run the target application later. In addition, this application does not limit the implementation method of the target application. For example, the target application can be any application deployed on the terminal, such as a short video APP, a live broadcast APP, a shopping APP, a reading APP, an instant messaging APP, or Figure 2 It is implemented by applications such as APP1 shown.

[0043] The start operation is used to trigger the start process of the target application, and the present application does not limit the start operation. For example, it can be implemented by a click operation triggered by the icon of the target application, or by any other operation that can start the target application.

[0044] The first page refers to the page that is displayed first when the target application is launched, such as Figure 2 The opening screen page 200 is shown. It can be seen that in a possible implementation mode, the first page can be implemented using the opening screen page.

[0045] The target video refers to a video displayed on the first page, such as an advertising video, and the target video is used to describe and promote at least one object. It should be noted that the present application does not limit the object. For example, it can be a commodity (such as clothes), a virtual service (such as image design) or an online activity (such as a promotional activity). It can be seen that when the first page is used to advertise the product 1 of the XXX brand, the target video can refer to the advertising video displayed on the first page for promoting the product 1, so that users can understand and obtain the product 1 from the advertising video.

[0046] In addition, the present application does not limit the display method of the target video on the first page. For ease of understanding, some possible implementation methods of S1 are described below as examples.

[0047] Example 1: In some scenarios, such as highlighting the Spring Festival atmosphere, the above S1 may specifically be: in response to the start-up operation of the target application, displaying a first page, displaying a window (such as Figure 2 The window 201 shown in the figure) and the target video are displayed in the window, so that the video can be played within the range defined by the window, thereby simulating the effect of a user watching a video through a window (such as a window deployed on a door), and then with the help of a subsequent display process, the dynamic effect of first watching the video through the window and then pushing the door to watch the video can be simulated, which is conducive to improving fun.

[0048] In addition, in some scenarios, such as scenarios where the characteristics of a product need to be highlighted as much as possible, in order to better improve the display effect, for a window used to display a target video, if the target video is used to describe a target object, then the appearance attributes of the window may be determined based on at least one attribute of the target object, so that the window and the object appear to be highly compatible in appearance, thereby facilitating improved coordination between different content displayed on the same page.

[0049] For the above window, the appearance attribute of the window is used to describe the appearance characteristics of the window; and the present application does not limit the appearance attribute, for example, the appearance attribute may include the shape of the window, the color of the window, and the background characteristics of the window. Among them, the background characteristics of the window are used to describe the characteristics presented by other areas of the first page except the area enclosed by the window, such as color, which elements are displayed, and the positions of different elements.

[0050] For the above-mentioned target object, the target object refers to an object described by the target video, such as an object that is promoted emphatically or an object that appears frequently, etc. In addition, at least one attribute of the target object is used to describe some characteristics of the target object; and the present application does not limit the at least one attribute, for example, the at least one attribute may include the color of the target object, the brand logo of the target object, the shape of the target object, the identification appearance of the target object, the blessing words set for the target object, etc.

[0051] Based on the above three paragraphs, it can be seen that for the window displayed on the first page, the window can be determined based on the video displayed in the window, so that the window can highlight some characteristics of the object described by the video to a certain extent. For example, when the shape of the window is the same as or highly similar to the brand logo of the object, the window can better highlight the characteristics of the logo; when the shape of the window is the same as or highly similar to the shape of the object, the window can better highlight the shape characteristics of the object; when the shape of the window is the same as or highly similar to the color of the object, the window can better highlight the color characteristics of the object.

[0052] Example 2. In some scenarios, such as scenarios where the video playback effect needs to be improved as much as possible, the above S1 can specifically be: in response to the startup operation of the target application, display the first page, and dynamically display the target video with a gradually changing size (such as a target video with a gradually increasing size, etc.) on the first page. This can use dynamic display methods to increase attractiveness, thereby helping to increase the user's stay time on the page.

[0053] Based on the relevant content of S1 above, it can be known that for the target application, after detecting the startup operation triggered for the application, the opening screen page (such as Figure 2 The page 200 shown in the figure) is used, and the advertising video is displayed in a smaller size on the page, so that dynamic linkage between different pages can be achieved through video enlargement later, which is conducive to improving the fun.

[0054] S2: In response to the first page reaching a closing condition, jump to the second page, adjust the size of the target video, and display the resized target video on the second page, the second page is used to display the video sequence, and the target video is at the first position in the video sequence.

[0055] The closing condition refers to the condition that needs to be met when the first page is closed; and the present application does not limit the condition, for example, it may include: the display time of the first page reaches a preset time (such as 5 seconds), or a closing operation for the first page is detected (such as clicking Figure 2 Skip Ad button shown on the left).

[0056] The second page is a page used to display information flow, such as Figure 2-Figure 8 The information flow page with the label "Recommendation" is shown. It can be seen that the second page can be implemented by using the information flow page, so that the second page is used to display the video sequence, and the video in the first arrangement position in the video sequence is the target video, so that the second page can continue the video display process presented by the first page to achieve a series of visual effects.

[0057] It should be noted that the term "continuation" mentioned in the previous paragraph specifically refers to determining the video playback state presented when jumping to the second page based on the video playback state presented when the first page is closed, so as to achieve page switching under the premise of maintaining continuous video playback. It can be seen that when the target video in the first page is playing the 3rd frame, if a closing operation for the first page is detected, it jumps to the second page and continues to play the 4th frame of the target video on the second page. In addition, when the display time of the first page reaches the threshold of 5 seconds, and the target video in the first page is playing the 10th frame, it jumps to the second page and continues to play the 11th frame of the target video on the second page.

[0058] Through research, it is found that the time that users stay on the opening page is relatively short, so that the effect of promoting the object with the help of the opening page is poor. Therefore, in order to better improve the promotion effect, the above S2 may specifically include: in response to the first page reaching the closing condition, jumping to the second page, enlarging the target video, and displaying the enlarged target video on the second page (such as full-screen display), so that users can stay for a longer time to watch the video under the attraction of the magnification effect. In this way, the attractiveness of the video can be improved by sacrificing the size of the video in the opening page, which is conducive to better improving the promotion effect.

[0059] In addition, in order to improve the fun, when the target video is in the window of the first page (such as Figure 2 When the window 201 shown in FIG. 1 is displayed, because the window only occupies part of the area of ​​the first page, the size of the window is smaller than the size of the first page; and because the size of the first page is the same as the size of the second page, the size of the window is also smaller than the size of the second page, so that the above S2 may specifically include: in response to the first page reaching the closing condition, jumping to the second page (such as Figure 2 The target video is displayed on the entire area of ​​the second page 202 as shown), and the target video after the size adjustment is displayed, so that the target video can fill the full screen for display. In this way, the advertising video can be enlarged and played in full screen when switching from the opening stage to the information flow stage, thereby simulating the dynamic visual effect of pushing the door to enter, which is conducive to better attracting the user's attention, thus prompting the user to watch more video content.

[0060] It can be seen that in some scenarios, for the opening screen page that is playing the target video, if it is detected that the display time of the opening screen page reaches 5 seconds or it is detected that the user clicks the "Skip Ad" button on the opening screen page, it can jump directly to the information flow page so that the information flow page can display the enlarged target video in full screen mode. In this way, the dynamic changes of the video presented when the page is switched can be used to better attract the user's attention, thereby prompting the user to watch more video content.

[0061] According to research, the information flow page is not only used to display videos, but also to display some related content of the video, such as user nicknames, video description information, forwarding / likes / comments, etc., so that the page can provide as much information as possible. However, since these contents need to occupy part of the page area for display, when the target video is displayed in full screen, these contents will block the video, thus affecting the display effect of the video.

[0062] Based on the above research, in order to better improve the display effect, the present application provides a possible implementation method of S2. In this method, when there is an overlap between the area occupied by at least one associated content of the target video in the second page and the area occupied by the above-mentioned resized target video in the second page, the S2 can specifically include: in response to the first page reaching the closing condition, jumping to the second page, adjusting the size of the target video, displaying the resized target video on the second page, and hiding at least one associated content on the second page, so as to avoid these contents from blocking the video screen, thereby helping to improve the video display effect.

[0063] It should be noted that the present application does not limit the implementation method of the at least one associated content. For example, it may include content that is pre-configured for the second page and needs to be displayed synchronously when the second page is used to display the video and has an associated relationship with the target video, such as Figure 4 or Figure 5 The content displayed in the lower left corner area of ​​the middle page 206 (such as user nickname, video description information, landing page entrance, etc.) and the content displayed in the right area (such as avatar, forwarding, likes, comments and other interactive components) can be hidden in the future to ensure that the video screen can be fully displayed.

[0064] Based on the above two paragraphs, it can be seen that in some scenarios, such as scenarios that emphasize highlighting videos, for the opening screen page that is playing the target video, if it is detected that the display time of the opening screen page reaches 5 seconds or it is detected that the user has clicked the "Skip Ad" button on the opening screen page, it can jump directly to the information flow page, so that the information flow page can continue to display the enlarged target video in full screen mode, and at the same time enable the information flow page to hide the content that is expected to occupy the lower left corner area (such as user nickname, video description information, etc.) and the content that is expected to occupy the right area (such as avatars, reposts, likes, comments, etc.), thereby effectively avoiding these contents from blocking the video screen, and then the video display effect can be improved by displaying the complete video screen after the page switch.

[0065] Research has found that in some scenarios, such as around the Spring Festival, the fun can be increased by deploying some interactive components, which will help to better improve the attractiveness of advertising videos.

[0066] Based on the above research, in order to better improve the display effect, the above S2 may specifically include at least: in response to the first page reaching the closing condition, jumping to the second page, adjusting the size of the target video, displaying the resized target video on the second page, and adding a display target component on the second page (such as by Figure 2The greeting card interactive component composed of the middle component 203 and the component 204) can be used later with the help of the interactive service provided by the target component (such as Figure 3 The interactive service of flipping lucky cards shown on pages 202 and 205 can better attract the user's attention, thereby prompting the user to watch more video content.

[0067] It can be seen that in some scenarios, such as scenarios that emphasize interactive services, for the opening screen page that is playing the target video, if it is detected that the display time of the opening screen page reaches 5 seconds or it is detected that the user clicks the "Skip Ad" button on the opening screen page, it can jump directly to the information flow page, so that the information flow page can simultaneously present the following three effects: displaying the enlarged target video in full screen mode, hiding the content expected to occupy the lower left corner area and the content expected to occupy the right area, and displaying the target component for providing some interactive service (such as flipping lucky cards). This ensures the fun of the process of switching from the opening screen stage to the information flow stage, which is conducive to better attracting the user's attention, and then conducive to prompting users to watch more video content.

[0068] In addition, the present application does not limit the implementation method of the target component. For example, in some scenarios, such as the Spring Festival, the target component can at least meet the following constraints: the target component includes multiple cards (such as Figure 2 Page 202 or Figure 6 4 cards as shown in page 207); each card carries a word, so that all the words in these cards can be connected in series to express the New Year's blessing of a certain brand; when the user clicks on any card, the card flips from the front to the back, so as to present the blessing carried by the back to the user, and further guide the user to click to convert and enter the landing page; users will receive different blessings when they click on different cards.

[0069] For example, in some scenarios, such as focusing on promoting some products, the target component (such as Figure 7 The interactive component 209 shown in page 208 can at least meet the following constraints: the target component is used to aggregate and display product cards of multiple products; each product card is used to display the name and picture of the corresponding product; when the user clicks on any product card, the user enters the associated page of the product card (such as the product details page, payment page, etc.).

[0070] For example, in some scenarios, such as focusing on promoting a certain brand, the target component (such as Figure 8 The interactive component 211 shown in the page 210 in the target video may at least meet the following constraints: the target component is used to display brand-related information of the object described in the target video and the landing page entrance corresponding to the video (such as Figure 8The “View Details” entrance shown in the figure) allows users to enter the landing page by clicking on the entrance and learn about some products under the brand from the landing page.

[0071] Based on the above target component related content, it can be known that in some scenarios, the component may include an interactive part (such as Figure 2 Component 204 shown) and prompt portion (such as Figure 2 Component 203 shown in FIG. 1 ). The interactive part is used to provide interactive services, such as Figure 3 The lucky card service shown in the figure can be used to trigger the corresponding interactive result by the user later with the help of the interactive part. The prompt part is used to prompt the operations allowed by the target component, such as clicking a card or closing the component, so that the prompt part can guide the user to select a card to click or close the component by clicking the "×" button.

[0072] In addition, the present application does not limit the display position of the target component. For example, it can be implemented using the bottom area of ​​the target video or the top area of ​​the target video.

[0073] For another example, the display area of ​​the target component may at least satisfy the following constraints: the width of the area is the same as or similar to the width of the second page, so as to ensure that the interactive area can fill the left and right widths of the screen of the terminal device, thereby ensuring sufficient interactive space.

[0074] For example, in order to better improve flexibility, the display position of the target component can be determined based on the layout structure of each frame image in the target video, so that the target component can occupy as much area as possible for presenting less video content, which is conducive to improving the video display effect.

[0075] Research has found that in some scenarios, such as those that emphasize interactive services, part or all of the content associated with the advertising video can be selectively hidden based on the display position of the target component to meet the need to highlight the interactive services as much as possible.

[0076] Based on the above research, for the second page that has just jumped to display, when the target video and the target component are displayed on the page, the second page can at least meet the following constraints: for any associated content of the video, the initial state of the associated content is determined according to the relative position between the area occupied by the associated content in the second page and the area occupied by the target component in the second page; if the initial state is a first state value (such as the value "hide"), the associated content is hidden on the second page; if the initial state is a second state value (such as the value "display"), the associated content is displayed on the second page. In this way, other content can be flexibly hidden based on the display position of the interactive service, which is beneficial to improve the display effect of the interactive service.

[0077] It should be noted that the present application does not limit the implementation method of the above-mentioned step of "determining the initial state of the associated content based on the relative position between the area occupied by the associated content in the second page and the area occupied by the target component in the second page". For example, it can be specifically: if the relative position indicates that there is an overlap between the two areas, it can be determined that the associated content will interfere with the display of the target component, so the pre-set first state value can be determined as the initial state of the associated content, so that the initial state is used to indicate that the associated content is hidden when just jumping to the second page; however, if the relative position indicates that there is no overlap between the two areas, it can be determined that the associated content will not interfere with the display of the target component, so the pre-set second state value can be determined as the initial state of the associated content, so that the initial state is used to indicate that the associated content is displayed (that is, not hidden) when just jumping to the second page.

[0078] It should also be noted that in some scenarios, such as scenarios with relatively high requirements for video display effects, in order to better improve the video display effects, for any associated content, if it is determined that the associated content will not interfere with the display of the target component, it can be further analyzed based on the area occupied by the associated content in the second page and the layout structure of each frame of the target video to determine whether the associated content will obstruct the content with higher display value described by the target video. If so, the pre-set first state value is determined as the initial state of the associated content, so that the initial state is used to indicate that the associated content is hidden when just jumping to the second page, thereby effectively avoiding the associated content from interfering with the video display; if not, the pre-set second state value is determined as the initial state of the associated content, so that the initial state is used to indicate that the associated content is not hidden when just jumping to the second page.

[0079] In addition, the present application is not limited to the interactive services implemented with the help of target components. For ease of understanding, the following is an explanation with examples.

[0080] As an example, for the second page that has just been displayed, if a target component is displayed on the second page and the target component is used to provide an interactive service, then an interactive operation (such as Figure 3 The interactive result corresponding to the interactive operation is displayed, so that the interactive result can describe what the user gets by performing the interactive operation, such as a blessing, etc. Among them, the interactive result refers to the one set in advance for the interactive operation.

[0081] It should be noted that this application does not limit the implementation method of the above interaction results. For example, when the target component adopts Figure 3Page 202 or Figure 6 When the blessing card interactive component shown in page 207 is implemented, the interactive operation triggered on the target component can be used to select a blessing card, and the interactive result corresponding to the interactive operation can be adopted by Figure 3 The card flipping effect for displaying the greetings shown on page 205 is implemented. Figure 7 When the interactive component 209 shown is implemented, the interactive operation triggered on the target component can be used to select a product, and the interactive result corresponding to the interactive operation can be used to display the details page or payment page of the selected product. Figure 8 When the interactive component 211 shown is implemented, the interactive operation triggered on the target component can be implemented by a click operation triggered by a landing page entrance (such as the "View Details" entrance), and the interactive result corresponding to the interactive operation can be implemented by a landing page corresponding to the target video, so that the interactive result is used to display the detailed information of each object described by the video, such as name, price, etc. It can be seen that the interactive result can be implemented by any content, such as a card, page, interface or other content, and this application does not specifically limit this.

[0082] In addition, in some scenarios, such as providing a lucky card flipping service, the above interaction result may include at least an entry mark (such as Figure 3 The entry mark "Image and name of Product 1" is used to guide the user to other pages, such as a landing page, so that when a trigger operation for the entry mark is detected later, it jumps to the content page corresponding to the target video.

[0083] It should be noted that the above content page is used to display the content details of the object corresponding to the target video, such as product pictures, product introduction videos, comments, product parameter information, prices, discounts, payment entrances, etc.; and this application does not limit the implementation method of the content page. For example, the content page can be implemented using a landing page. It can be seen that when the target video is an advertising video of some products, the content page of the target video can refer to the landing page corresponding to the advertising video, so that the landing page can at least display the content details related to these products.

[0084] Through research, it is found that in some scenarios, in order to better meet the need to view hidden content, some operations on the above interactive results can be used to trigger the display process of these hidden contents. Figure 4The operation shown), cancels the display of the interactive result, and displays at least one related content on the second page, so that the hidden content can be restored by performing some operations on the interactive result, so that the second page can restore all its configured functions, such as forwarding, commenting and other functions, so as to improve the fun without affecting the function of the page itself.

[0085] Based on the above content, we can know that for the interactive results being displayed, Figure 4 For the interactive result shown on page 205, if it is detected that the interactive result does not trigger any operation within 5 seconds, or it is detected that the close button on the interactive result triggers a click operation, it can be determined that the user has no need to further interact with the interactive result, so the interactive result can be directly closed and the interactive result can be displayed on the second page (such as Figure 4 The hidden content is restored on the page 206 shown so that subsequent users can use the content to meet their corresponding needs.

[0086] In addition, in order to better improve the flexibility of hidden recovery, when the second page (such as Figure 5 When the target component is being displayed on the page 202 shown in FIG. 1 , in response to a closing operation (such as Figure 5 The operation shown in the figure) cancels the display of the target component on the second page, and displays at least one related content on the second page, so that the hidden content can be restored, so that the second page can restore all its configured functions, such as forwarding, commenting and other functions, which is conducive to enriching the recovery method of hidden content.

[0087] It can be seen that for the second page, Figure 5 For example, when the page 202 is displaying the target component, if a user closes the component, it can be determined that the user does not want to participate in the interactive service provided by the component, so the component can be directly deleted and the target component can be removed from the page (e.g. Figure 5 The hidden content is restored on the page 206 shown so that subsequent users can use the content to meet their corresponding needs.

[0088] Through research, it is found that in some scenarios, in order to better improve the video display effect, the above interactive results can be used with the help of a transparent floating layer (such as Figure 3 The transparent floating layer shown in page 205 is displayed above the second page to ensure that the video in the second page is still in a playing state while the interactive result is displayed. In this way, the user can not only see the interactive result, but also see the video content, which is conducive to improving the display effect.

[0089] Based on the above research, it can be known that for the second page that has just been displayed, if a target component is displayed on the second page and the target component is used to provide interactive services, then in response to the interactive operation triggered on the target component, at least one related content is displayed on the second page, a transparent floating layer is added above the second page, and the interactive result corresponding to the interactive operation is displayed on the transparent floating layer. In this way, the hidden content can be restored when the user triggers the interactive service, which is conducive to restoring all configured functions of the second page as early as possible.

[0090] It can be seen that for the second page, Figure 3 For page 202 shown, when the page is displaying a target component, and the target component is used to provide an interactive service, if an interactive operation triggered on the target component is detected, it can be determined that the user has used the interactive service, so the following four responses can be executed simultaneously: cancel the display of the target component on the second page to avoid the target component interfering with the display of other content; display at least one related content on the second page so that the second page can restore all its configured functions; add a transparent floating layer above the second page so that the user can view the content displayed by the second page through the transparent floating layer; display the interactive result corresponding to the interactive operation on the transparent floating layer, so that the user can not only see the interactive result, but also the hidden content that has been restored, so that the user can accurately know that he can use the restored content by closing the interactive result, so that the second page can restore all its configured functions as early as possible, such as forwarding, commenting and other functions.

[0091] Based on the relevant contents of S1 to S2 above, it can be seen that for the display process provided by this application, such as Fig. 9 For the display process shown, if a startup operation for the target application is detected, the first page (such as the opening screen page) is displayed, and the target video (such as the advertising video) is displayed on the first page, so that when it is detected that the first page reaches the closing condition, it jumps to the second page (such as the information flow page), adjusts the size of the target video, and displays the resized target video on the second page, so that the video being played can be continued from one page to another page through dynamic linkage to form a series connection, which is conducive to improving the display effect. It can be seen that because the size of the video will change when the page is changed, the user can stay and watch the video under the attraction of the change, which is conducive to improving the video playback effect and the user viewing experience.

[0092] Based on the display method provided in the embodiment of the present application, the embodiment of the present application also provides a display device. Fig.10 Explain and illustrate. Fig.10This is a schematic diagram of the structure of a display device provided in an embodiment of the present application. It should be noted that for the technical details of the display device provided in an embodiment of the present application, please refer to the relevant content of the display method above.

[0093] like Fig.10 As shown, the display device 1000 provided in the embodiment of the present application includes:

[0094] A first display unit 1001 is used to display a first page and a target video on the first page in response to a start-up operation of a target application;

[0095] The second display unit 1002 is used to jump to the second page, adjust the size of the target video, and display the resized target video on the second page in response to the first page reaching a closing condition. The second page is used to display a video sequence, and the target video is at the first position in the video sequence.

[0096] In a possible implementation manner, a window is displayed on the first page;

[0097] The first display unit 1001 is specifically used to: display the target video in the window.

[0098] In a possible implementation manner, the size of the window is smaller than the size of the second page; and the target video after the size adjustment occupies the entire area of ​​the second page for display.

[0099] In a possible implementation manner, the target video is used to describe a target object; and the appearance attribute of the window is determined based on at least one attribute of the target object.

[0100] In a possible implementation manner, the first page is used to dynamically display a target video with a gradually changing size.

[0101] In a possible implementation manner, there is an overlap between an area occupied by at least one associated content of the target video in the second page and an area occupied by the target video after the size adjustment in the second page;

[0102] The second display unit 1002 is specifically used to: in response to the first page reaching a closing condition, jump to the second page, adjust the size of the target video, display the resized target video on the second page, and hide the at least one associated content on the second page.

[0103] In a possible implementation manner, a target component is displayed on the second page, and the target component is used to provide an interactive service;

[0104] The display device 1000 further includes:

[0105] An interaction triggering unit, configured to respond to an interaction operation triggered on the target component and display an interaction result corresponding to the interaction operation;

[0106] The first recovery unit is used to cancel the display of the interaction result and display the at least one related content on the second page in response to the display time of the interaction result reaching a preset time or a closing operation on the interaction result.

[0107] In a possible implementation manner, a target component is displayed on the second page;

[0108] The display device 1000 further includes:

[0109] The second recovery unit is used to cancel the display of the target component on the second page and display the at least one associated content on the second page in response to a closing operation on the target component.

[0110] In a possible implementation manner, a target component is displayed on the second page, and the target component is used to provide an interactive service;

[0111] The display device 1000 further includes:

[0112] The third recovery unit is used to respond to the interactive operation triggered on the target component, display the at least one related content on the second page, add a transparent floating layer above the second page, and display the interactive result corresponding to the interactive operation on the transparent floating layer.

[0113] In a possible implementation manner, a target component is displayed on the second page;

[0114] The display device 1000 further includes:

[0115] a state determination unit, configured to determine, for any of the associated contents, an initial state of the associated content according to a relative position between an area occupied by the associated content in the second page and an area occupied by the target component in the second page, wherein the initial state is a first state value or a second state value, wherein the first state value is used to indicate hiding the associated content, and the second state value is used to indicate displaying the associated content;

[0116] The second display unit 1002 is specifically used to: for any of the associated content, if the initial state of the associated content is the first state value, hide the associated content on the second page; if the initial state of the associated content is the second state value, display the associated content on the second page.

[0117] In a possible implementation manner, the second display unit 1002 is specifically configured to: enlarge the target video.

[0118] Based on the above-mentioned contents of the display device 1000, it can be known that the working principle of the device 1000 includes: if a startup operation for a target application is detected, a first page (such as a start-up page) is displayed, and a target video (such as an advertising video) is displayed on the first page, so that when it is detected that the first page reaches a closing condition, it jumps to a second page (such as an information flow page), adjusts the size of the target video, and displays the target video after the size adjustment on the second page, so that the video being played can be continued from one page to another page through a dynamic linkage method to form a series connection, which is conducive to improving the display effect. It can be seen that because the size of the video will change when the page is changed, the user can stay and watch the video under the attraction of the change, which is conducive to improving the video playback effect and the user viewing experience.

[0119] In addition, an embodiment of the present application also provides an electronic device, which includes a processor and a memory: the memory is used to store instructions or computer programs; the processor is used to execute the instructions or computer programs in the memory, so that the electronic device executes any implementation of the display method provided in the embodiment of the present application.

[0120] See also Fig.11 , which shows a schematic diagram of the structure of an electronic device 1100 suitable for implementing the embodiment of the present disclosure. The terminal device in the embodiment of the present disclosure may include but is not limited to mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle terminals (such as vehicle navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Fig.11 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0121] like Fig.11 As shown, the electronic device 1100 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 1101, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1102 or a program loaded from a storage device 1108 to a random access memory (RAM) 1103. In the RAM 1103, various programs and data required for the operation of the electronic device 1100 are also stored. The processing device 1101, the ROM 1102, and the RAM 1103 are connected to each other via a bus 1104. An input / output (I / O) interface 1105 is also connected to the bus 1104.

[0122] Typically, the following devices may be connected to the I / O interface 1105: an input device 1106 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 1107 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 1108 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1109. The communication device 1109 may allow the electronic device 1100 to communicate with other devices wirelessly or by wire to exchange data. Although Fig.11 The electronic device 1100 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0123] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 1109, or installed from the storage device 1108, or installed from the ROM 1102. When the computer program is executed by the processing device 1101, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

[0124] The electronic device provided by the embodiment of the present disclosure and the method provided by the above embodiment belong to the same inventive concept, and the technical details not fully described in this embodiment can be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

[0125] The embodiment of the present application also provides a computer-readable medium, in which instructions or computer programs are stored. When the instructions or computer programs are executed on a device, the device executes any implementation of the display method provided in the embodiment of the present application.

[0126] It should be noted that the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0127] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (Hyper Text Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0128] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0129] The computer-readable medium carries one or more programs, and when the one or more programs are executed by the electronic device, the electronic device can execute the method.

[0130] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0131] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0132] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware, wherein the name of a unit / module does not, in some cases, constitute a limitation on the unit itself.

[0133] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0134] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0135] It should be noted that the various embodiments in this specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments, and the same or similar parts between the various embodiments can be referred to each other. For the system or device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant parts can be referred to the method part description.

[0136] It should be understood that in the present application, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.

[0137] It should also be noted that, in this article, relational terms such as first and second, etc. 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 presence of other identical elements in the process, method, article or device including the elements.

[0138] The steps of the method or algorithm described in conjunction with the embodiments disclosed herein may be implemented directly using hardware, a software module executed by a processor, or a combination of the two. The software module may be placed in a random access memory (RAM), a memory, a read-only memory (ROM), an electrically programmable ROM, an electrically erasable programmable ROM, a register, a hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.

[0139] The above description of the disclosed embodiments enables those skilled in the art to implement or use the present application. 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 application. Therefore, the present application will not be limited to the embodiments shown herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A display method, characterized in that: The method comprises: In response to a start-up operation of a target application, displaying a first page and displaying a target video on the first page; In response to the first page reaching a closing condition, jump to a second page, adjust the size of the target video, and display the resized target video on the second page, wherein the second page is used to display a video sequence, and the target video is at the first position in the video sequence.

2. The method according to claim 1, characterized in that A window is displayed on the first page; The displaying of the target video on the first page includes: The target video is displayed in the window.

3. The method according to claim 2, characterized in that The size of the window is smaller than the size of the second page; The target video after resizing occupies the entire area of ​​the second page for display.

4. The method according to claim 2, characterized in that: The target video is used to describe the target object; The appearance attribute of the window is determined according to at least one attribute of the target object.

5. The method according to claim 1, characterized in that The first page is used to dynamically display a target video with a gradually changing size.

6. The method according to claim 1, characterized in that There is an overlap between an area occupied by at least one associated content of the target video in the second page and an area occupied by the target video after the size adjustment in the second page; In response to the first page reaching a closing condition, jumping to a second page, adjusting the size of the target video, and displaying the target video after the size adjustment on the second page, comprises: In response to the first page reaching a closing condition, jumping to a second page, adjusting the size of the target video, displaying the resized target video on the second page, and hiding the at least one associated content on the second page.

7. The method according to claim 6, characterized in that A target component is displayed on the second page, and the target component is used to provide an interactive service; The method further comprises: In response to the interactive operation triggered on the target component, display the interactive result corresponding to the interactive operation; In response to the display time of the interaction result reaching a preset time or a closing operation on the interaction result, the display of the interaction result is canceled, and the at least one related content is displayed on the second page.

8. The method according to claim 6, characterized in that The target component is displayed on the second page; The method further comprises: In response to a closing operation on the target component, the target component is canceled from being displayed on the second page, and the at least one associated content is displayed on the second page.

9. The method according to claim 6, characterized in that A target component is displayed on the second page, and the target component is used to provide an interactive service; The method further comprises: In response to an interactive operation triggered on the target component, the at least one associated content is displayed on the second page, a transparent floating layer is added above the second page, and an interactive result corresponding to the interactive operation is displayed on the transparent floating layer.

10. The method according to claim 6, characterized in that The target component is displayed on the second page; The method further comprises: For any of the associated contents, determining an initial state of the associated content according to a relative position between an area occupied by the associated content in the second page and an area occupied by the target component in the second page, the initial state being a first state value or a second state value, the first state value being used to indicate hiding the associated content, and the second state value being used to indicate displaying the associated content; Hiding the at least one associated content on the second page includes: For any of the associated content, if the initial state of the associated content is a first state value, the associated content is hidden on the second page; if the initial state of the associated content is a second state value, the associated content is displayed on the second page.

11. The method according to any one of claims 1 to 10, characterized in that: The adjusting the size of the target video includes: The target video is enlarged.

12. A display device, characterized in that: include: A first display unit, configured to display a first page and a target video on the first page in response to a start-up operation of a target application; The second display unit is used to jump to the second page, adjust the size of the target video, and display the resized target video on the second page in response to the first page reaching a closing condition, wherein the second page is used to display a video sequence, and the target video is at the first position in the video sequence.

13. An electronic device, characterized in that: The device comprises: a processor and a memory; The memory is used to store instructions or computer programs; The processor is used to execute the instructions or computer programs in the memory so that the electronic device executes the method according to any one of claims 1 to 11.

14. A computer readable medium, characterized in that The computer-readable medium stores instructions or computer programs, and when the instructions or computer programs are executed on a device, the device executes the method according to any one of claims 1 to 11.

15. A computer program product, characterized in that It comprises a computer program carried on a non-transitory computer-readable medium, the computer program comprising a program code for executing the method according to any one of claims 1 to 11.

Images