Content display method and device, readable medium and electronic equipment

Abstract

The invention relates to a content display method and device, a readable medium and electronic equipment, and the method comprises the steps: displaying a content display interface which is used for displaying first content; and displaying the second content based on a display style corresponding to the content display position of the first content, the second content being associated with the first content. Therefore, the display style of the second content can be dynamically changed based on the content display position of the first content, the content display style is enriched, and the content display effect is improved.

Description

Technical Field

[0001] The present disclosure relates to the technical field of data processing, and in particular, to a content display method, apparatus, readable medium, and electronic device. Background Art

[0002] With the development of the Internet and multimedia, network information has a wide range of dissemination effects and rich dissemination forms, such as text, pictures, videos, and the emerging short video form following text, pictures, and traditional videos. Taking the short video scenario as an example, in addition to displaying the video content of the short video, the short video playing interface can also fixedly display preset static picture content at the lower left corner of the short video playing interface, with a single display form and poor content display effect. Summary of the Invention

[0003] This Summary of the Invention section is provided to introduce concepts in a brief form, which will be described in detail in the following Detailed Description section. This Summary of the Invention section is not intended to identify key features or essential features of the claimed technical solution, nor is it intended to be used to limit the scope of the claimed technical solution.

[0004] In a first aspect, the present disclosure provides a content display method, the method comprising:

[0005] Displaying a content display interface for displaying first content;

[0006] Displaying second content based on a display style corresponding to a content display position of the first content, the second content being associated with the first content.

[0007] In a second aspect, the present disclosure further provides a content display apparatus, the apparatus comprising:

[0008] A first display module for displaying a content display interface for displaying first content;

[0009] A second display module for displaying second content based on a display style corresponding to a content display position of the first content, the second content being associated with the first content.

[0010] In a third aspect, the present disclosure provides a computer-readable medium having a computer program stored thereon, and when the program is executed by a processing device, the steps of the method according to any one of the first aspect are implemented.

[0011] In a fourth aspect, the present disclosure provides an electronic device, comprising:

[0012] A storage device having a computer program stored thereon;

[0013] A processing device for executing the computer program in the storage device to implement the steps of the method according to any one of the first aspects.

[0014] Through the above technical solution, a content display interface for displaying the first content is presented, and the second content is displayed based on the display style corresponding to the content display position of the first content, where the second content is associated with the first content. By adopting this method, the display style of the second content can be dynamically changed based on the content display position of the first content, which can enrich the content display style and improve the content display effect. For example, in the short video scenario, the display style of the short video-related content displayed on the short video playback interface can be dynamically changed based on the playback progress of the short video content, thereby enriching the content display style and improving the content display effect.

[0015] Other features and advantages of the present disclosure will be described in detail in the subsequent specific implementation section. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] In combination with the accompanying drawings and with reference to the following specific implementation manners, the above and other features, advantages, and aspects of the various embodiments of the present disclosure will become more apparent. Throughout the accompanying drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the original elements and elements are not necessarily drawn to scale. In the drawings:

[0017] Figure 1 is a flowchart of a content display method provided according to an exemplary embodiment;

[0018] Figure 2 is a schematic diagram of a change in display style based on video content provided according to an exemplary embodiment;

[0019] Figure 3 is a schematic diagram of a change in display style based on text content provided according to an exemplary embodiment;

[0020] Figure 4 is a schematic diagram of a change in display style provided according to an exemplary embodiment;

[0021] Figure 5 is a schematic diagram of a change in display style provided according to an exemplary embodiment;

[0022] Figure 6 is a schematic diagram of a change in display container provided according to an exemplary embodiment;

[0023] Figure 7 is a block diagram of a content display device provided according to an exemplary embodiment;

[0024] Figure 8A block diagram of an electronic device provided according to an exemplary embodiment. Detailed implementation manners

[0025] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. On the contrary, these embodiments are provided to more thoroughly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not used to limit the protection scope of the present disclosure.

[0026] It should be understood that the steps recited in the method embodiments of the present disclosure can be executed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this regard.

[0027] As used herein, the term "including" and its variants are open-ended, that is, "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0028] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or their interdependent relationships.

[0029] It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative rather than restrictive. Those skilled in the art should understand that unless otherwise clearly specified in the context, it should be understood as "one or more".

[0030] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only for illustrative purposes and are not used to limit the scope of these messages or information.

[0031] It can be understood that before using the technical solutions disclosed in the embodiments of the present disclosure, the types, usage scopes, usage scenarios, etc. of the personal information involved in the present disclosure should be informed to the users and the authorization of the users should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0032] For example, when a user's active request is received, a prompt message is sent to the user to clearly prompt the user that the operation requested by the user will require obtaining and using the user's personal information. Thus, the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, an application, a server, or a storage medium that performs the operations of the present disclosure technical solution based on the prompt message.

[0033] As an optional but non-limiting implementation manner, the manner of sending a prompt message to the user in response to receiving the user's active request may be, for example, in the form of a pop-up window, and the prompt message may be presented in text in the pop-up window. In addition, the pop-up window may also carry a selection control for the user to select "agree" or "disagree" to provide personal information to the electronic device.

[0034] It can be understood that the above notification and user authorization process is only illustrative and does not limit the implementation manner of the present disclosure. Other manners that comply with relevant laws and regulations can also be applied to the implementation manner of the present disclosure.

[0035] At the same time, it can be understood that the data involved in the present technical solution (including but not limited to the data itself, the acquisition or use of the data) should comply with the requirements of the corresponding laws, regulations and related provisions.

[0036] In a specific application scenario, the static picture content may include a jump link with an interactive function. For example, taking a product video as an example, a product picture carrying a product link may be fixedly displayed at the lower left corner of the product video, and by triggering the product picture, it is possible to jump to the detailed page of the product. Or, taking an event video as an example, a button carrying an event registration link may be fixedly displayed at the lower left corner of the event video, and by triggering the button, it is possible to jump to the registration page of the event, and so on. This static display method has a single display form and poor content display effect.

[0037] In view of this, the present disclosure provides a content display method, device, readable medium and electronic device to solve the above technical problems.

[0038] The following further explains and illustrates the embodiments of the present disclosure with reference to the accompanying drawings.

[0039] Figure 1 is a flowchart of a content display method shown according to an exemplary embodiment of the present disclosure. Referring to Figure 1 , the method includes:

[0040] S101: Display a content display interface, where the content display interface is used to display first content.

[0041] S102: Based on the display style corresponding to the content display position of the first content, display second content, and the second content is associated with the first content.

[0042] Using the above method, the display style of the second content can be dynamically changed based on the content display position of the first content, which can enrich the content display style and improve the content display effect. For example, in the short video scenario, the display style of the short video-related content displayed on the short video playback interface can be dynamically changed based on the playback progress of the short video content, thereby enriching the content display style and improving the content display effect.

[0043] In a possible way, when the first content is video content, displaying the second content based on the display style corresponding to the content display position of the first content may include: displaying the second content based on the display style corresponding to the video playback position of the video content.

[0044] Exemplarily, the first content may be video content or may also include short video content, so that the display style of the second content can be dynamically changed based on the video playback position of the video content. It should be understood that, with reference to Figure 2 , the video playback position of the video content can be represented by the playback progress bar of the video content. For example, when the video content plays to 4S, the second content of display style 1 is displayed, and when the video content plays to 8S, the second content of display style 2 is displayed. The specific playback progress and display style can be set according to requirements, and the present disclosure does not limit this. Thus, the associated second content can be dynamically displayed according to the video playback progress, enriching the content display style and improving the content display effect.

[0045] Combined with a specific usage scenario, for example, taking the above product video as an example, the second content of display style 1 can be displayed when the product video plays to 4S, and the second content of display style 2 can be displayed when it plays to 8S. The second content can be content related to the product, or it can be a picture, button, etc. carrying a link to the product, and it can be triggered to jump to the detailed page of the product. The present disclosure does not limit this. Thus, the associated second content can be dynamically displayed according to the video playback progress, enriching the content display style and improving the content display effect.

[0046] It is worth noting that in addition to being video content, the first content can also be text content, picture content, etc., and the present disclosure does not limit this. Taking the display of text content as an example, with reference to Figure 3, when the text of the G-th paragraph is displayed, the second content of display style 1 is displayed, and when the text of the K-th paragraph is displayed, the second content of display style 2 is displayed. Among them, the middle position of the screen can be used as the reference line for judging the current content display position, that is, when the content of the K-th paragraph is at the middle position of the screen, it is determined that the current text content is displayed up to the K-th paragraph. The top position of the screen, the bottom position of the screen or other preset positions can also be used as the reference line for judging the current content display position, and the present disclosure does not limit this. In addition, in addition to dividing the display position according to paragraphs, the display position can also be divided according to the number of lines, the number of words, etc., and the present disclosure does not limit this.

[0047] Correspondingly, when displaying picture content, the second content of display style 1 can be displayed when the first picture is displayed, and the second content of display style 2 can be displayed when the second picture is displayed, and so on. The present disclosure will not repeat it here.

[0048] It should be understood that whether it is video content, text content or picture content, the second content of different display styles can be configured at different display positions when configuring the above content. In this way, when displaying to a certain position, the second content of the corresponding display style is displayed, so that the second content of the corresponding display style can be dynamically displayed according to the change of the content display position.

[0049] For the convenience of description, when the following embodiments are described, the first content is taken as an example of a product video, and it includes both video and short video forms. The present disclosure will not repeat this.

[0050] In a possible way, displaying the second content based on the display style corresponding to the content display position of the first content may include: displaying the second content based on at least one of the display content, display position, and display size corresponding to the content display position of the first content.

[0051] Exemplarily, the second content of different display styles can be dynamically displayed based on the content display position of the first content. Different display styles can refer to at least one of different display contents, different display positions, and different display sizes. For example, display styles with the same display content and different display positions, display styles with different display contents and different display sizes, display styles with the same display content and different display sizes, etc. The present disclosure does not limit this, so that the second content of different display styles can be dynamically displayed according to the change of the content display position.

[0052] In possible ways, the display style may include a display style for display content, the display content corresponding to the content display position of the first content, and displaying the second content, which may include: when the content display position of the first content is in the first display position interval, displaying the second content according to the first display content corresponding to the first display position interval; when the content display position of the first content is in the second display position interval, displaying the second content according to the second display content corresponding to the second display position interval; wherein, the second display position interval is after the first display position interval, and the second display content is more than the first display content.

[0053] Exemplarily, continuing to refer to Figure 2 , when the content display position (4S) of the first content is in the first display position interval [4S, 8S), display the first display content. When the content display position (8S) of the first content is in the second display position interval [8S, 12S), display the second display content, and the second display content is more than the first display content. The specific display position interval and display content can be set according to requirements, and the present disclosure does not limit this. Thus, the display content of the second content can be gradually enriched according to the change of the content display position of the first content, improving the content display effect.

[0054] In possible ways, when the content display position of the first content is in the first display position interval, displaying the second content according to the first display content corresponding to the first display position interval may include: when the content display position of the first content is in the first display position interval, displaying the second content according to the button content corresponding to the first display position interval. When the content display position of the first content is in the second display position interval, displaying the second content according to the second display content corresponding to the second content display position may include: when the content display position of the first content is in the second display position interval, displaying the second content according to the button content and picture content corresponding to the second display position interval.

[0055] Exemplarily, taking a product video as an example, referring to Figure 4 , when the content display position (4S) of the first content is in the first display position interval [4S, 8S), display the button content, and the button is used to jump to the corresponding landing page, such as a product details page, etc. When the content display position (8S) of the first content is in the second display position interval [8S, 12S), display the button content and picture content, and the picture content may be a product picture or a picture related to the product, etc. The specific display position interval and display content can be set according to requirements, and the present disclosure does not limit this. In this way, the display content of the second content is gradually enriched according to the change of the content display position of the first content, improving the content display effect.

[0056] It should be understood that the button content may not be displayed either, and the entire display area of the second content may be used as a control for jumping to the corresponding landing page, that is, triggering the display area of the second content can jump to the corresponding landing page, and the present disclosure does not limit this.

[0057] In a possible manner, based on the display content corresponding to the content display position of the first content, the second content is displayed, and further includes: when the content display position of the first content is in the third display position interval, the second content is displayed according to the button content, picture content, and attribute content corresponding to the third display position interval, and the third display position interval is after the second display position interval.

[0058] Exemplarily, continuing to refer to Figure 4 , when the content display position (12S) of the first content is in the second display position interval [12S, end position), the button content, picture content, and attribute content are displayed. The attribute content may be information such as product name and product description, and the present disclosure does not limit this. The specific display position interval and display content can be set according to requirements, and the present disclosure does not limit this. In this way, as the content display position of the first content changes, the display content of the second content is gradually enriched, improving the content display effect.

[0059] It should be understood that the display order of the above display content is only for exemplary illustration and does not limit the display order of the display content of the present disclosure. For example, the picture content may also be displayed first and then the button content, and the present disclosure does not limit this.

[0060] In a possible manner, the display style may include a display style for the display size. Based on the display size corresponding to the content display position of the first content, the second content is displayed, and may include: when the content display position of the first content is in the fourth display position interval, the second content is displayed according to the first display size corresponding to the fourth display position interval; when the content display position of the first content is in the fifth display position interval, the second content is displayed according to the second display size corresponding to the fifth display position interval; wherein, the fifth display position interval is after the fourth display position interval, and the second display size is larger than the first display size.

[0061] Exemplarily, continuing to refer to Figure 4 , when the content display position (4S) of the first content is in the fourth display position interval [4S, 8S), the second content with the first display size is displayed. When the content display position (8S) of the first content is in the fifth display position interval [8S, 12S), the second content with the second display size is displayed. The specific display position interval and display size can be set according to requirements, and the present disclosure does not limit this. Thus, as the content display position of the first content changes, the display size of the second content is gradually increased, enriching the display form of the second content and improving the content display effect.

[0062] It should be understood that the display size of the second content can change synchronously or asynchronously with the displayed content. For example, the second content can be displayed according to the first displayed content and the first display size in the interval [4S, 8S), and the second content can be displayed according to the second displayed content and the second display size in the interval [8S, 12S). It is also possible to display the second content according to the first displayed content in the interval [4S, 8S), but display it according to the first display size in the interval [4S, 6S) and according to the second display size in the interval [6S, 8S). Specifically, it can be set according to requirements, and the present disclosure does not limit this.

[0063] In a possible manner, the display style can include a display style for the display position. Based on the display position corresponding to the content display position of the first content, displaying the second content can include: when the content display position of the first content is in the sixth display position interval, displaying the second content according to the first display position corresponding to the sixth display position interval; when the content display position of the first content is in the seventh display position interval, displaying the second content according to the second display position corresponding to the seventh display position interval; wherein, the seventh display position interval is after the sixth display position interval, and the first display position is different from the second display position.

[0064] Exemplarily, continuing to refer to Figure 4 , when the content display position (4S) of the first content is in the sixth display position interval [4S, 8S), the second content is displayed on the left side of the content display interface. When the content display position (8S) of the first content is in the seventh display position interval [8S, 12S), the second content is displayed in the middle of the content display interface. The specific display position interval and display position can be set according to requirements, and the present disclosure does not limit this. Thus, according to the change of the content display position of the first content, the display position of the second content is adjusted, the display form of the second content is enriched, and the content display effect is improved.

[0065] It should be understood that, similar to the above display size, the display position of the second content can change synchronously or asynchronously with the displayed content and / or the display size. Specifically, it can be set according to requirements, and the present disclosure does not limit this.

[0066] In a possible manner, the method further includes: when the content display position of the first content is in the eighth display position interval, not displaying the second content; and / or, when the content display position of the first content is in the ninth display position interval, displaying an interactive prompt effect for the second content, where the ninth display position interval is after the eighth display position interval.

[0067] Exemplarily, taking the product video as an example, the eighth display position interval can be [0S, 4S), that is, the second content can be displayed starting from the 4S, and can be specifically set according to requirements, and the present disclosure does not limit this. Referring to Figure 5 , when the content display position of the first content is in the eighth display position interval [0S, 4S), the second content is not displayed. For example, the second content is not displayed at 2S.

[0068] Exemplarily, the ninth display position interval can be [12S, end position), that is, the interactive prompt effect for the second content can be displayed starting from the 12S, and can be specifically set according to requirements, and the present disclosure does not limit this. Continuing to refer to Figure 5 , for example, an interactive prompt effect for the second content is displayed at 14S. The interactive prompt effect can be highlighted display, displaying a mouse gesture pointing to the second content, etc., and the present disclosure does not limit this.

[0069] Thus, it is possible not to block any display area of the first content at the initial stage when the user browses the first content, completely display all the first content, and display the interactive prompt effect at the later stage when the user browses the first content, prompt the user to trigger the second content for interactive operations, enrich the display form of the second content, and improve the user interaction experience.

[0070] It should be understood that in addition to setting the display style by the above intervals, the display style can also be set according to the position. For example, it can be set that the second content is not displayed before 4S, and the interactive prompt effect for the second content is displayed after 12S, and the present disclosure does not limit this.

[0071] It is worth noting that in addition to the above-exemplified display position intervals, other display position intervals can also be set to display the second content with other display styles, such as [12S, 16S) and [16S, end position), etc., which can be specifically determined according to requirements and the display length of the first content, and the present disclosure does not limit this. Thus, it is possible to dynamically display the second content with different display styles according to the change of the content display position, and improve the content display effect.

[0072] In addition, when switching the display style between adjacent content display intervals, a switching effect can also be rendered, such as flipping switching, rotating switching, etc., and the present disclosure does not limit this.

[0073] It should be understood that the lengths of different content display intervals can be the same or different, and the front and back content display intervals can be connected or not connected, which can be specifically set according to requirements, and the present disclosure does not limit this.

[0074] In a possible way, the method further includes: determining a target display style of the second content based on the content display position and the content feature of the first content, and displaying the second content according to the target display style.

[0075] Exemplarily, the display style of the second content can not only change dynamically based on the content display position of the first content, but also determine the target display style of the second content according to the content display position and the content feature of the first content, and then display the second content based on the target display style.

[0076] For example, when the first content is product content, the second content is product picture content, and then the display position of the second content changes dynamically based on the content display position of the first content. When the first content is event content, the second content is event attribute content, such as event time, event location, etc., and then the display size of the second content changes dynamically based on the content display position of the first content. That is, for different types of the first content, the second content can be displayed in different display styles.

[0077] Or, if the first content played in the interval [4S, 8S) is the first product, the second content displays the picture of the first product; if the first content played in the interval [8S, 12S) is the second product, the second content displays the picture of the second product. That is, for the first content of the same type but different subclasses, the second content can be displayed in different display styles.

[0078] In addition, it is also possible to display the second content in different display styles based on user attributes, such as different regions where the user is located. Specifically, it can be set according to requirements, and the present disclosure does not limit this, enriching the display form of the second content and improving the content display effect.

[0079] It should be understood that the application scenarios in the above embodiments are only for illustrative purposes and cannot limit the application scenarios of the present disclosure. For example, it can also be applied to a question-and-answer scenario. The first content can be the question content, and the second content can be the content related to the answer. Taking the first content in the form of a video as an example, as the playing progress of the question content, the hint content related to the answer can be displayed first, and the hint content is gradually increased, and finally the answer content is displayed, etc. The present disclosure does not limit this.

[0080] In a possible way, displaying the second content based on the display style corresponding to the content display position of the first content includes: determining the rendering data of the second content, as well as the container position and container size of the display container corresponding to the second content, according to the display style corresponding to the content display position of the first content; adjusting the position of the display container to the container position, and adjusting the size of the display container to the container size, and rendering the rendering data into the adjusted display container.

[0081] Exemplarily, the container size and container position of the display container need to be adjusted according to the display size and display position corresponding to the display style, so as to be able to completely and correctly display the second content. The parameters of the display style include display content parameters, display size parameters, and display position parameters. The container size of the display container is adjusted according to the display size parameters, and the container position of the display container is adjusted according to the display position parameters. For example, taking the display style change of Figure 4 as an example, referring to Figure 6 , the form of the display container is adjusted. Then, the rendering data is obtained according to the display content parameters, and the rendering data is rendered into the adjusted display container.

[0082] Thus, in the variable display container, the corresponding second content is rendered and displayed, so as to be able to meet the content display requirements of different display styles, so as to be able to dynamically display the second content of different display styles according to the change of the content display position, and improve the content display effect.

[0083] Based on the same inventive concept, the present disclosure also provides a content display device. Referring to Figure 7 , the device 700 includes:

[0084] A first display module 701, configured to display a content display interface for displaying first content;

[0085] A second display module 702, configured to display the second content based on the display style corresponding to the content display position of the first content, where the second content is associated with the first content.

[0086] Optionally, the second display module 702 is configured to:

[0087] Display the second content based on at least one of the display content, display position, and display size corresponding to the content display position of the first content.

[0088] Optionally, the second display module 702 includes:

[0089] A first content display module, configured to display the second content according to the first display content corresponding to the first display position interval when the content display position of the first content is in the first display position interval;

[0090] A second content display module, configured to display the second content according to the second display content corresponding to the second display position interval when the content display position of the first content is in the second display position interval;

[0091] Wherein, the second display position interval is after the first display position interval, and the second display content is more than the first display content.

[0092] Optionally, the first content display module is configured to:

[0093] When the content display position of the first content is within the first display position range, display the second content according to the button content corresponding to the first display position range;

[0094] The second content display module is configured to:

[0095] When the content display position of the first content is within the second display position range, display the second content according to the button content and picture content corresponding to the second display position range.

[0096] Optionally, the second display module 702 further includes a third content display module, and the third content display module is configured to:

[0097] When the content display position of the first content is within the third display position range, display the second content according to the button content, picture content, and attribute content corresponding to the third display position range, and the third display position range is after the second display position range.

[0098] Optionally, the second display module 702 is configured to:

[0099] When the content display position of the first content is within the fourth display position range, display the second content according to the first display size corresponding to the fourth display position range;

[0100] When the content display position of the first content is within the fifth display position range, display the second content according to the second display size corresponding to the fifth display position range;

[0101] Wherein, the fifth display position range is after the fourth display position range, and the second display size is greater than the first display size.

[0102] Optionally, the second display module 702 is configured to:

[0103] When the content display position of the first content is within the sixth display position range, display the second content according to the first display position corresponding to the sixth display position range;

[0104] When the content display position of the first content is within the seventh display position range, display the second content according to the second display position corresponding to the seventh display position range;

[0105] Wherein, the seventh display position range is after the sixth display position range, and the first display position is different from the second display position.

[0106] Optionally, the device 700 further includes:

[0107] A non-display module, configured to not display the second content when the content display position of the first content is in the eighth display position interval; and / or,

[0108] A prompt module, configured to display an interaction prompt effect for the second content when the content display position of the first content is in the ninth display position interval, where the ninth display position interval is after the eighth display position interval.

[0109] Optionally, the device 700 further includes a third display module, and the third display module is configured to:

[0110] Determine a target display style of the second content based on the content display position and the content feature of the first content, and display the second content according to the target display style.

[0111] Optionally, the second display module 702 is configured to:

[0112] Determine rendering data of the second content, as well as a container position and a container size of a display container corresponding to the second content, according to a display style corresponding to the content display position of the first content;

[0113] Adjust the position of the display container to the container position, and adjust the size of the display container to the container size, and render the rendering data into the adjusted display container.

[0114] Optionally, the second display module 702 is configured to:

[0115] Display the second content based on a display style corresponding to a video playback position of the video content.

[0116] Regarding the device in the above embodiments, the specific manners in which each module performs operations have been described in detail in the embodiments related to the method, and will not be elaborated herein.

[0117] Based on the same concept, an embodiment of the present disclosure further provides a computer-readable medium, on which a computer program is stored, and when the program is executed by a processing device, the steps of the above content display method are implemented.

[0118] Based on the same concept, an embodiment of the present disclosure further provides an electronic device, including:

[0119] A storage device, on which a computer program is stored;

[0120] A processing device for executing the computer program in the storage device to implement the steps of the above content display method.

[0121] The following refers to Figure 8 , which shows a schematic structural diagram of an electronic device 800 suitable for implementing the embodiments of the present disclosure. The terminal devices in the embodiments of the present disclosure may include, but are 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), in-vehicle terminals (such as in-vehicle navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 8 The electronic device shown is only an example and should not impose any limitations on the functions and usage scope of the embodiments of the present disclosure.

[0122] As Figure 8 shown, the electronic device 800 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 801, which can perform various appropriate actions and processes according to the program stored in the read-only memory (ROM) 802 or the program loaded from the storage device 808 into the random access memory (RAM) 803. In the RAM 803, various programs and data required for the operation of the electronic device 800 are also stored. The processing device 801, the ROM 802, and the RAM 803 are connected to each other through a bus 804. The input / output (I / O) interface 805 is also connected to the bus 804.

[0123] Generally, the following devices may be connected to the I / O interface 805: an input device 806 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 807 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 808 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 809. The communication device 809 may allow the electronic device 800 to communicate with other devices wirelessly or wiredly to exchange data. Although Figure 8 the electronic device 800 with various devices is shown, it should be understood that it is not required to implement or have all the shown devices. Instead, more or fewer devices may be implemented or had.

[0124] In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowchart can be implemented as computer software programs. 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 includes 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 809, or installed from the storage device 808, or installed from the ROM 802. When the computer program is executed by the processing device 801, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

[0125] It should be noted that the above-mentioned computer-readable medium in the present disclosure can be a computer-readable signal medium, a computer-readable storage medium, or any combination of the two. A computer-readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the above. More specific examples of the computer-readable storage medium can 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 can be any tangible medium that contains or stores a program, and the program can be used by or in combination with an instruction execution system, apparatus, or device. In the present disclosure, a computer-readable signal medium can include a data signal propagated in a baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium, and the computer-readable signal medium can send, propagate, or transmit a program for use by or in combination with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted by any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0126] In some embodiments, any currently known or future-developed network protocol, such as HTTP (HyperText Transfer Protocol), can be used for communication, and can be interconnected with digital data communication in any form or medium (e.g., a communication network). Examples of communication networks include local area networks (“LANs”), wide area networks (“WANs”), the Internet (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any currently known or future-developed networks.

[0127] The computer-readable medium described above can be included in the above-described electronic device; it can also exist separately and not be assembled into the electronic device.

[0128] The computer-readable medium bears one or more programs, and when the one or more programs are executed by the electronic device, the electronic device is caused to: display a content display interface for displaying first content;

[0129] display the second content based on a display style corresponding to a content display position of the first content, where the second content is associated with the first content.

[0130] Computer program code for performing the operations of the present disclosure can be written in one or more programming languages or combinations thereof. The programming languages include, but are not limited to, object-oriented programming languages such as Java, Smalltalk, and C++, and also include conventional procedural programming languages such as the “C” language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, executed as a stand-alone 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 can 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 can be connected to an external computer (e.g., by using an Internet service provider to connect through the Internet).

[0131] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, a segment of a program, or a portion of code that contains one or more executable instructions for implementing a specified logical function. It should also be noted that, in some alternative implementations, the functions noted in the blocks may occur in a different order than that noted in the accompanying drawings. For example, two consecutive blocks shown may actually be executed substantially in parallel, or they may sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented by a dedicated hardware-based system that performs the specified functions or operations, or by a combination of dedicated hardware and computer instructions.

[0132] The modules described in the embodiments of the present disclosure can be implemented in software or in hardware. In some cases, the name of the module does not constitute a limitation on the module itself.

[0133] The functions described above in this document can be performed, at least in part, by one or more hardware logic components. By way of example, and 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 a chip (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 can contain or store a program for use by or in connection with an instruction execution system, apparatus, or device. 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, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, 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 disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0135] The above description is only a preferred embodiment of the present disclosure and an explanation of the applied technical principles. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosure concept. For example, the technical solutions formed by mutually replacing the above features with the technical features (but not limited to) having similar functions disclosed in the present disclosure.

[0136] In addition, although the operations are depicted in a particular order, this should not be construed as requiring that the operations be performed in the particular order shown or in sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, although several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the present disclosure. Certain features described in the context of separate embodiments may also be implemented in combination in a single embodiment. Conversely, the various features described in the context of a single embodiment may also be implemented separately or in any suitable sub-combination in multiple embodiments.

[0137] Although the subject matter has been described in language specific to structural features and / or methodological logical acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. On the contrary, the specific features and acts described above are merely example forms for implementing the claims. Regarding the apparatus in the above embodiments, the specific manner in which each module performs operations has been described in detail in the embodiments related to the method, and will not be elaborated herein.

Claims

1. A content display method, characterized in that, The method includes: Displaying a content display interface for displaying first content; Displaying the second content based on a display style corresponding to a content display position of the first content, where the second content is associated with the first content.

2. The content display method according to claim 1, characterized in that The displaying the second content based on a display style corresponding to a content display position of the first content includes: Displaying the second content based on at least one of display content, a display position, and a display size corresponding to a content display position of the first content.

3. The content display method according to claim 2, wherein, The displaying the second content based on display content corresponding to a content display position of the first content includes: When the content display position of the first content is within a first display position range, displaying the second content according to first display content corresponding to the first display position range; When the content display position of the first content is within a second display position range, displaying the second content according to second display content corresponding to the second display position range; Wherein, the second display position range is after the first display position range, and the second display content is more than the first display content.

4. The content display method according to claim 3, characterized in that, The when the content display position of the first content is within a first display position range, displaying the second content according to first display content corresponding to the first display position range includes: When the content display position of the first content is within the first display position range, displaying the second content according to button content corresponding to the first display position range; The when the content display position of the first content is within a second display position range, displaying the second content according to second display content corresponding to the second content display position includes: When the content display position of the first content is within the second display position range, displaying the second content according to button content and picture content corresponding to the second display position range.

5. The content display method according to claim 4, characterized in that The displaying the second content based on display content corresponding to a content display position of the first content further includes: When the content display position of the first content is within a third display position range, displaying the second content according to button content, picture content, and attribute content corresponding to the third display position range, where the third display position range is after the second display position range.

6. The content display method according to claim 2, characterized in that The displaying the second content based on a display size corresponding to a content display position of the first content includes: When the content display position of the first content is within a fourth display position range, displaying the second content according to a first display size corresponding to the fourth display position range; When the content display position of the first content is within a fifth display position range, displaying the second content according to a second display size corresponding to the fifth display position range; Wherein, the fifth display position range is after the fourth display position range, and the second display size is larger than the first display size.

7. The content display method according to claim 2, wherein The displaying the second content based on a display position corresponding to a content display position of the first content includes: When the content display position of the first content is in the sixth display position interval, display the second content according to the first display position corresponding to the sixth display position interval; When the content display position of the first content is in the seventh display position interval, display the second content according to the second display position corresponding to the seventh display position interval; Wherein, the seventh display position interval is after the sixth display position interval, and the first display position is different from the second display position.

8. The content display method according to any one of claims 1-7, characterized in that The method further includes: When the content display position of the first content is in the eighth display position interval, do not display the second content; and / or, When the content display position of the first content is in the ninth display position interval, display an interaction prompt effect for the second content, and the ninth display position interval is after the eighth display position interval.

9. The content display method according to any one of claims 1-7, characterized in that The method further includes: Based on the content display position and the content characteristics of the first content, determine the target display style of the second content, and display the second content according to the target display style.

10. The content display method according to any one of claims 1-7, characterized in that, The displaying the second content based on the display style corresponding to the content display position of the first content includes: According to the display style corresponding to the content display position of the first content, determine the rendering data of the second content, as well as the container position and container size of the display container corresponding to the second content; Adjust the position of the display container to the container position, and adjust the size of the display container to the container size, and render the rendering data into the adjusted display container.

11. The content display method according to any one of claims 1-7, characterized in that When the first content is video content, the displaying the second content based on the display style corresponding to the content display position of the first content includes: Display the second content based on the display style corresponding to the video playback position of the video content.

12. A content display device, characterized in that, The apparatus includes: A first display module for displaying a content display interface for displaying the first content; A second display module for displaying the second content based on the display style corresponding to the content display position of the first content, and the second content is associated with the first content.

13. A computer-readable medium having a computer program stored thereon, characterized in that, When the program is executed by a processing device, it implements the steps of the method according to any one of claims 1-11.

14. An electronic device, characterized in that, Including: A storage device storing a computer program thereon; A processing device for executing the computer program in the storage device to implement the steps of the method according to any one of claims 1-11.

Images