Content presentation method and device, equipment and storage medium

Abstract

The embodiment of the invention relates to a content presentation method and device, equipment and a storage medium. The method provided by the invention comprises the following steps: presenting a viewing interface of media content; and presenting the media content and a group of interface elements configured to be displayed on the media content in an overlapping manner in the viewing interface, in which a layout style of the group of interface elements is determined based on a picture position of a text object in the media content, and the layout style indicates a display position of the group of interface elements in the viewing interface. In this way, according to the embodiment of the invention, the layout of the interface elements can be dynamically adjusted according to the picture position of the text object in the media content, so that the shielding of the interface elements on the text object is reduced, and the efficiency of obtaining the content is improved.

Description

Technical Field

[0001] Example embodiments of the present disclosure generally relate to the field of computers, and in particular, to methods, apparatuses, devices, and computer-readable storage media for content presentation. Background Art

[0002] With the increasing maturity of network technologies, it has become a mainstream trend for users to obtain and view media content through network platforms. In the process of users obtaining and viewing media content, the presentation layout of the interface of the media content has become one of the important factors affecting the viewing efficiency and viewing experience of the media content. Summary of the Invention

[0003] In a first aspect of the present disclosure, a method for content presentation is provided. The method includes: presenting a viewing interface of media content; and presenting, in the viewing interface, the media content and a set of interface elements configured to be superimposed on the media content, wherein a layout style of the set of interface elements is determined based on a screen position of a text object in the media content, and the layout style indicates a display position of the set of interface elements in the viewing interface.

[0004] In a second aspect of the present disclosure, an apparatus for content presentation is provided. The apparatus includes: a first presentation module configured to present a viewing interface of media content; and a second presentation module configured to present, in the viewing interface, the media content and a set of interface elements configured to be superimposed on the media content, wherein a layout style of the set of interface elements is determined based on a screen position of a text object in the media content, and the layout style indicates a display position of the set of interface elements in the viewing interface.

[0005] In a third aspect of the present disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit. The instructions, when executed by the at least one processing unit, cause the device to perform the method of the first aspect.

[0006] In a fourth aspect of the present disclosure, a computer-readable storage medium is provided. A computer program is stored on the computer-readable storage medium and can be executed by a processor to implement the method of the first aspect.

[0007] It should be understood that the content described in this content part is not intended to define the key features or important features of the embodiments of the present disclosure, nor is it used to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description. Brief Description of the Drawings

[0008] In conjunction with the accompanying drawings and with reference to the following detailed description, the above and other features, advantages, and aspects of the embodiments of the present disclosure will become more apparent. In the drawings, the same or similar reference numerals denote the same or similar elements, where:

[0009] Figure 1 A schematic diagram showing an example environment in which embodiments of the present disclosure can be implemented;

[0010] Figures 2A to 2D An example interface according to some embodiments of the present disclosure;

[0011] Figure 3 A flowchart showing an example process of content presentation according to some embodiments of the present disclosure;

[0012] Figure 4 A schematic structural block diagram showing an example device for content presentation according to some embodiments of the present disclosure; and

[0013] Figure 5 A block diagram of an electronic device capable of implementing multiple embodiments of the present disclosure. Detailed Embodiments

[0014] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain 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. Instead, 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 for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.

[0015] It should be noted that the titles of any sections / subsections provided herein are not restrictive. Various embodiments are described throughout this document, and any type of embodiment can be included under any section / subsection. Additionally, the embodiments described in any section / subsection can be combined with any other embodiments described in the same section / subsection and / or different sections / subsections in any manner.

[0016] In the description of the embodiments of the present disclosure, the term "including" and its like should be understood as an open inclusion, that is, "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". There may also be other explicit and implicit definitions hereinafter. The terms "first", "second", etc. may refer to different or the same objects. There may also be other explicit and implicit definitions hereinafter.

[0017] Embodiments of the present disclosure may involve user data, data acquisition and / or use, etc. All these aspects comply with corresponding laws, regulations and related provisions. In the embodiments of the present disclosure, the collection, acquisition, processing, processing, forwarding, use, etc. of all data are carried out on the premise that the user is aware and has confirmed. Correspondingly, when implementing the embodiments of the present disclosure, the types, usage scopes, usage scenarios, etc. of the data or information that may be involved should be informed to the user and the user's authorization should be obtained through appropriate means in accordance with relevant laws and regulations. The specific informing and / or authorization methods may vary according to the actual situation and application scenarios, and the scope of the present disclosure is not limited in this regard.

[0018] In the solutions described in this specification and embodiments, if personal information processing is involved, it will be processed on the premise of having a legal basis (such as obtaining the consent of the personal information subject, or being necessary for performing a contract, etc.), and will only be processed within the specified or agreed scope. If the user refuses to process personal information other than the necessary information required for the basic functions, it will not affect the user's use of the basic functions.

[0019] As mentioned above, with the increasing maturity of network technology, it has become a mainstream trend for users to obtain and view media content through network platforms. The viewing interfaces of some media applications can view media content. However, when viewing media content on traditional viewing interfaces, usually some key content is blocked, which affects the efficiency of users viewing media content.

[0020] Embodiments of the present disclosure propose a content presentation solution. According to this solution, a viewing interface of media content can be presented; and a set of interface elements configured to be superimposed and displayed on the media content are presented in the viewing interface, where the layout style of the set of interface elements is determined based on the screen position of text objects in the media content, and the layout style indicates the display position of the set of interface elements in the viewing interface.

[0021] In this way, the embodiments of the present disclosure can simultaneously display media content and interface elements in the viewing interface based on the media content and the interface elements superimposed on the media content, thereby improving the efficiency of users obtaining and viewing media content. On the other hand, the embodiments of the present disclosure can flexibly determine the display position of the interface elements in combination with the screen position of text objects in the media content.

[0022] In this way, the embodiments of the present disclosure can dynamically adjust the layout of the interface elements according to the screen position of text objects in the media content, thereby reducing the occlusion of the text objects by the interface elements and thus improving the efficiency of obtaining content.

[0023] The following further describes various example implementations of this solution in detail with reference to the accompanying drawings.

[0024] Example environment

[0025] Figure 1 FIG. 1 shows a schematic diagram of an exemplary environment 100 in which embodiments of the present disclosure can be implemented. As Figure 1 shown, the exemplary environment 100 may include an electronic device 110.

[0026] In this exemplary environment 100, the electronic device 110 may run an application 120 that supports interface interaction. The application 120 may be any suitable type of application for interface interaction, examples of which may include but are not limited to: video applications, music applications, image applications, or other suitable applications. The user 140 may interact with the application 120 via the electronic device 110 and / or its attached devices.

[0027] In Figure 1 the environment 100, if the application 120 is active, the electronic device 110 may present an interface 150 for supporting content presentation through the application 120.

[0028] In some embodiments, the electronic device 110 communicates with a server 130 to implement the supply of services for the application 120. The electronic device 110 may be any type of mobile terminal, fixed terminal, or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, handheld computers, portable game terminals, VR / AR devices, Personal Communication System (PCS) devices, personal navigation devices, Personal Digital Assistant (PDA), audio / video players, digital cameras / cameras, positioning devices, television receivers, radio broadcast receivers, e-book devices, game devices, or any combination of the foregoing, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the electronic device 110 is also capable of supporting any type of interface for users (such as "wearable" circuits, etc.).

[0029] The server 130 may be an independent physical server 130, or a server cluster or distributed system composed of multiple physical servers 130, or a cloud server 130 that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks, and big data and artificial intelligence platforms. The server 130 may include, for example, a computing system / server 130, such as a mainframe, an edge computing node, a computing device in a cloud environment, and so on. The server 130 may provide background services for the application 120 in the electronic device 110.

[0030] A communication connection can be established between the server 130 and the electronic device 110. The communication connection can be established by wired or wireless means. The communication connection can include, but is not limited to, a Bluetooth connection, a mobile network connection, a Universal Serial Bus (USB) connection, a Wireless Fidelity (WiFi) connection, etc., and the embodiments of the present disclosure are not limited in this regard. In the embodiments of the present disclosure, the server 130 and the electronic device 110 can implement signaling interaction through the communication connection therebetween.

[0031] It should be understood that the structures and functions of the various elements in the environment 100 are described only for exemplary purposes, without implying any limitation on the scope of the present disclosure.

[0032] Some example embodiments of the present disclosure will be further described below with reference to the accompanying drawings.

[0033] Example interaction

[0034] Figures 2A to 2D Example interfaces 200A to 200D according to some embodiments of the present disclosure are shown. The interfaces 200A to 200D can be provided, for example, by Figure 1 the electronic device 110 shown.

[0035] In some embodiments, as Figure 2A shown, the electronic device 110 can present a viewing interface 200A of media content. As an example, the media content can include appropriate types of content such as video content, graphic and text content, music content, picture content, etc. The electronic device 110 can present the media content and a set of interface elements configured to be superimposed on the media content in the viewing interface 200A. In the present disclosure, a set of interface elements can include at least one interactive element or visual element that constitutes the viewing interface 200A. For example, a set of interface elements can include a text identifier (e.g., descriptive text associated with the media content and / or the name of the publisher, etc.), a button (or referred to as a control), an image identifier (e.g., the avatar of the publisher, etc.).

[0036] In some embodiments, the interface 200A can be, for example, a web interface, such as a web page. Further, the set of interface elements can include a set of web elements in the web interface. As an example, such web elements can include appropriate elements such as a text container, a button, a label, etc.

[0037] As an example, a set of interface elements can include a first interface element. For example, the first interface element (e.g., interface element 210-1) can indicate the publisher of the media content (e.g., the author name, the publishing time, etc.).

[0038] Alternatively, a set of interface elements may include a second interface element. For example, the second interface element (e.g., interface element 210-2) may indicate the title of the media content (e.g., topic, description information associated with the topic, etc.).

[0039] Alternatively, a set of interface elements may include a third interface element. For example, the third interface element (e.g., interface element 210-3) may indicate the control bar of the media content (e.g., the control bar may include at least one click-supported control. Such controls may include, for example, controls associated with collection information and controls associated with switching media content, etc.).

[0040] Additionally or alternatively, a set of interface elements may include a fourth interface element. For example, the fourth interface element (interface element 210-4) may indicate the prompt information of the media content (e.g., prompts associated with content authenticity, etc.).

[0041] As an example, the viewing interface 200A presented by the electronic device 110 may be implemented as a viewing interface for media content provided by a media application. Such media applications may include, for example, video playback applications and audio playback applications, etc.

[0042] In some embodiments, as Figure 2A shown, the viewing interface 200A may be implemented as a web interface. For example, such a web interface may be provided by a browser application. A set of interface elements may include a set of web elements in the web interface.

[0043] In some embodiments, the layout style of a set of interface elements may be determined based on the screen position of the text object 220 in the media content. For example, the text object 220 may be represented as text information in the media content, such as subtitles, key text prompts, etc. As an example, the screen position of the text object 220 may include, but is not limited to, a position near the top of the media content screen, a position near the bottom of the media content screen, a position near the center of the media content screen, etc. The electronic device 110 may determine the layout style of a set of interface elements based on the screen position of the text object 220. With such settings, the rationality of the layout of a set of interface elements can be improved, thereby helping to reduce the impact caused by the occlusion of the text object 220 by a set of interface elements.

[0044] In some embodiments, the layout style of a set of interface elements may indicate the display position of the set of interface elements in the viewing interface 200A. The display position of the interface element is represented as the area within the display screen of the media content in the viewing interface 200A (e.g Figure 2AAs shown, the interface element is set in the bottom left area of this region), and can also be set in the bottom right area, top left area, top right area, etc. of this region.

[0045] In some embodiments, different layout styles can indicate the relative position relationship of a group of interface elements. As an example, the difference in layout styles can indicate the difference in the relative position relationship of a group of interface elements. As an example, the layout style can include, but is not limited to, the display position of an entire group of interface elements in the viewing interface, the relative position relationship between different interface elements in a group of interface elements (for example, the relative position among interface element 210-1, interface element 210-2, interface element 210-3, and interface element 201-4, etc.).

[0046] In some embodiments, different layout styles can be indicated as the maximum edge position of a group of interface elements in a preset direction. The maximum edge position can be indicated as the boundary limit of the display position of a group of interface elements in a preset direction. The maximum edge position can include the boundary limit of the display position of a group of interface elements in the first direction and the boundary limit of the display position of a group of interface elements in the second direction. The first direction can be the width direction corresponding to the text object, and the second direction can be the length direction corresponding to the text object. The maximum edge position is determined based on the screen position of the text object. As an example, the boundary limit can be used to limit the number of rows of a group of interface elements (for example, one row, two rows, three rows, etc.), limit the number of columns of a group of interface elements (for example, one column, two columns, three columns, etc.), limit the width of a group of interface elements (for example, accounting for 50%, 60%, 70%, etc. of the screen width of the media content), limit the length of a group of interface elements (for example, accounting for 5%, 10%, etc. of the screen length of the media content), etc. In some embodiments, a group of interface elements in the viewing interface 200A can also include other layout styles. The layout style can also include, but is not limited to, the presentation size of a group of interface elements in the viewing interface 200A (for example, the magnification and reduction of the text font), the presentation transparency of a group of interface elements in the viewing interface 200A, the presentation font of a group of interface elements in the viewing interface 200A (for example, the style of the text font, such as regular script, Song typeface, etc.).

[0047] In some embodiments, different layout styles can include a first layout style and a second layout style.

[0048] For example, as Figure 2BAs shown, the layout style of a group of interface elements is the first layout style, and the first layout style can indicate that the group of interface elements is in the first position. As an example, the group of interface elements can include the second interface element 210-2. The second interface element 210-2 being in the first position can indicate that the second interface element 210-2 is in the bottom area of the screen of the media content. The second interface element 210-2 being in the first position can reduce the degree of occlusion of the text object 220 by the second interface element 210-2 in the first direction. For example, the first direction can be the width direction of the text object 220, and the width direction of the text object 220 can also be the width direction of the media content. As an example, the maximum edge position can limit the number of lines of the second interface element 210-2 within a certain line number threshold. For example, the line number threshold is one line, but not limited to this. The maximum edge position can limit the width of the second interface element 210-2 within a certain width ratio. For example, it is limited that the width of the second interface element 210-2 accounts for within 70% of the screen width of the media content, but not limited to this. The maximum edge position can limit the length of the second interface element 210-2 within a certain length ratio. For example, it is limited that the length of the second interface element 210-2 accounts for within 6% of the screen length of the media content, but not limited to this.

[0049] For example, as Figure 2C shown, the layout style is the second layout style, and the second layout style can indicate that the group of interface elements is in the second position. As an example, the group of interface elements can include the second interface element 210-2. The second interface element 210-2 being in the first position can indicate that the second interface element 210-2 is in the left area of the screen of the media content. The second interface element 210-2 being in the second position can reduce the degree of occlusion of the text object 220 by the second interface element 210-2 in the second direction. The second direction can be the length direction of the text object 220, and the length direction of the text object 220 can also be the length direction of the media content. As an example, the maximum edge position can limit the width of the second interface element 210-2 within a certain width ratio. For example, it is limited that the width of the second interface element 210-2 accounts for within 36% of the screen width of the media content. As an example, the maximum edge position can limit the number of lines of the second interface element 210-2 within a certain line number threshold. For example, the line number threshold is three lines.

[0050] In some embodiments, the electronic device 110 may obtain an indication message from the server 130, and the indication message is generated based on the screen position. The electronic device 110 may determine, based on the indication message, a layout style to be applied to a set of interface elements from a variety of preset layout styles. The variety of preset layout styles may include the aforementioned first layout style and / or second layout style, and may also include other types of layout styles, which are not limited thereto. The presetting of the layout styles ensures the regularity of the viewing interface 200A and improves the user's viewing experience. The setting of switching the preset layout styles facilitates the timely response of the electronic device 110 and speeds up the layout speed.

[0051] In some embodiments, the layout style may also be a non-preset layout style. For example, the layout style may be dynamically determined based on the screen positions of the presented text objects. The dynamic adjustment of the layout style of a set of interface elements by the electronic device 110 may include adjusting the display positions of a set of interface elements (e.g., moving the positions of a set of interface elements, swapping the positions between a set of interface elements and another set of interface elements, etc.), increasing or decreasing the number of display lines of a set of interface elements, increasing or decreasing the number of display columns of a set of interface elements, lengthening or shortening the display width of a set of interface elements, and lengthening or shortening the display length of a set of interface elements. Such a setting ensures that a set of interface elements can be dynamically adjusted, improves the layout flexibility of a set of interface elements, and increases the applicability of the layout.

[0052] In some embodiments, the media content includes video content (e.g., video works). At least one image of the media content includes multiple video frames of the video content. Among them, the video content can be represented as a continuous set of multiple video frames. Alternatively, the media content includes atlas content (e.g., graphic works). At least one image of the media content includes multiple images in the atlas content.

[0053] In some embodiments, as Figure 2C shown, the server 130 or the electronic device 110 identifies a set of text boxes corresponding to the text objects from at least one image of the media content. For example, the server 130 or the electronic device 110 may sequentially identify a set of text boxes corresponding to the text objects in each video frame from multiple video frames of the video content. Alternatively, the server 130 or the electronic device 110 may sequentially identify a set of text boxes corresponding to the text objects in each image from multiple images of the atlas content. As an example, identifying a set of text boxes corresponding to the text objects may be performed by OCR technology.

[0054] In some embodiments, the server 130 or the electronic device 110 may determine the position distribution information of text objects based on a set of screen positions of a set of text boxes. For example, taking the media content as video content, the video content includes multiple video frames. For example, the multiple video frames may include video frame A, video frame B, video frame C, etc. For example, the screen position A of the text box A in video frame A. For example, the screen position B of the text box B in video frame B. For example, the screen position C of the text box C in video frame C. The server 130 or the electronic device 110 may determine the position distribution information of the text objects associated with the video content based on a set of screen positions (such as screen position A, screen position B, screen position C, etc.).

[0055] As an example, the position distribution information may indicate the distribution probability of a set of screen positions in different position ranges. Exemplarily, each position range may correspond to a preset position in the media content. Such a preset position may, for example, indicate the distance between the first preset edge (such as the left edge) of the position and the second preset edge (such as the left edge of the screen) of the screen of the media content. For example, the different position ranges here may correspond to multiple distances (such as a 10-pixel distance, a 20-pixel distance, etc.). Further, the electronic device 110 or the server 130 may determine the distribution probability of a set of screen positions in different position ranges based on the distance between a set of screen positions and the second preset edge of the screen of the media content (for example, the distribution probability corresponding to a 10-pixel distance is 20%, and the distribution probability corresponding to a 20-pixel distance is 90%, etc.).

[0056] In some embodiments, the layout style determined based on the screen positions of the text objects enables the degree of occlusion of a set of interface elements on the text objects to be less than a threshold. When the distribution probability is 100%, it means that all video frames or all images are in a situation where the degree of occlusion by the interface elements is less than the threshold. When the distribution probability is 80%, it means that 80% of the video frames or 80% of all images are in a situation where the degree of occlusion by a set of interface elements is less than the threshold. Thus, the flexibility of the layout of a set of interface elements is improved. In some embodiments, the electronic device 110 determines the layout style based on the position distribution information.

[0057] In some embodiments, the server 130 or the electronic device 110 determines the position distribution information of text objects based on the area ratio of a set of text boxes within multiple position ranges in a first direction.

[0058] In some embodiments, as Figure 2D shown, taking the calculation of the area ratio of the target text box (such as "Tang Dynasty architecture") in a set of text boxes within multiple position ranges in the first direction as an example for exemplary description. The first direction here may indicate Figure 2DThe direction where the Y-axis is located in China. Multiple position ranges can indicate multiple position ranges corresponding to multiple widths in the first direction. For example, the width of each position range can be represented by hr% * H. Among them, H can indicate the width of the screen of the media content in the Y-axis direction. hr% can indicate the proportion of the width of the position range in the width of the screen of the media content. Among them, hr can take values such as 5, 10, 15, 50, etc. Different hr values can correspond to different position ranges. W represents the width of the screen of the media content.

[0059] The area where the position range is located can be a preset area. For example, the area S2 of the preset area is expressed as:

[0060] S2 = W * h r % * H

[0061] In some embodiments, the text object 220 within the preset area may include n characters. The area S1 of the text object 220 can be expressed as:

[0062]

[0063] Among them, n can represent the number of characters in the text object 220. x i1 represents the first abscissa at the upper left corner of the i-th character, x i2 represents the second abscissa at the lower right corner of the i-th character. y i1 represents the first ordinate at the upper left corner of the i-th character, y i2 represents the second ordinate at the lower right corner of the i-th character. h r represents the proportion of the width of the preset area in the width of the screen of the media content, and H represents the width of the screen of the media content. As an example, as Figure 2D shown, x 11 represents the first abscissa at the upper left corner of the first character "Tang", x 12 represents the second abscissa at the lower right corner of the first character "Tang". y 11 represents the first ordinate y at the upper left corner of the first character "Tang" 12 , represents the second ordinate at the lower right corner of the first character "Tang". For example, x 21 represents the first abscissa at the upper left corner of the second character "Dai", x 22 represents the second abscissa at the lower right corner of the second character "Dai". y 21 represents the first ordinate y at the upper left corner of the second character "Dai" 22 , represents the second ordinate at the lower right corner of the second character "Dai", and so on.

[0064] In some embodiments, the server 130 or the electronic device 110 may determine whether a set of first ratios corresponding to a set of text boxes reaches a first preset value based on the coordinate information of the set of text boxes. In some embodiments, the first ratio corresponding to the target text box is expressed as the ratio of the area occupied by the target text box (e.g., the text box corresponding to "Tang Dynasty architecture") within the preset area to the area of the preset area. For example, the first ratio A1 corresponding to the target text box may be expressed as

[0065] A1 = S1 / S2

[0066] And so on, the server 130 or the electronic device 110 may determine multiple first ratios corresponding to different position ranges for a set of text boxes. Further, the server 130 or the electronic device 110 may determine the distribution probability of the set of text boxes in different position ranges in the first direction based on the multiple first ratios corresponding to different position ranges. For example, the distribution probability of the position range corresponding to hr = 5 is 5%. The distribution probability of the position range corresponding to hr = 15 is 25%. Then the electronic device 110 or the server 130 may determine the display position of a set of interface elements indicated by the layout style in the viewing interface based on the position range corresponding to hr = 5. Such a determined layout style may make the occlusion degree of the set of interface elements on the text objects in the media content less than a preset threshold (e.g., 10%).

[0067] In some embodiments, the server 130 or the electronic device 110 determines the distribution probability based on the distribution of the preset edges of a set of text boxes in the second direction. The second direction may be the X-axis direction. The preset edge of a set of text boxes in the second direction may represent the X-axis coordinate of the leftmost end of the set of text boxes.

[0068] As an example, the server 130 or the electronic device 110 may target the X-axis coordinate of the leftmost end of the text box corresponding to each frame of the text object (e.g., subtitle content) in the media content (e.g., video content). Further, the server 130 or the electronic device 110 may determine the coordinate with the smallest value among the multiple X-axis coordinates corresponding to multiple video frames in the media content, such as x most_left .

[0069] In some embodiments, the server 130 or the electronic device 110 may determine the distribution probability of the set of text boxes in the X-axis direction based on the ratio of the coordinate with the smallest value among the multiple X-axis coordinates corresponding to multiple video frames to the screen width of the media content. For example, the ratio X _pos％ may be expressed as

[0070] X _pos％ = x most_left / W

[0071] Further, the server 130 or the electronic device 110 may determine the distribution probability based on the ratio X corresponding to multiple video frames. _pos％ For example, the ratio X corresponding to 80% of the video frames _pos％ is greater than 30% for example; the ratio X corresponding to 20% of the video frames _pos％ is less than or equal to 30% for example.

[0072] As an example, the server 130 or the electronic device 110 may determine the layout style of the set of interface elements based on this distribution probability, so that the rightmost edge of the set of interface elements is aligned with the 30% position of the screen, for example, so that the interface elements do not block the text objects in 80% of the video frames.

[0073] As another example, the server 130 or the electronic device 110 may also determine the layout style to be applied from multiple preset layout styles based on the distribution probability. For example, multiple candidate layout styles may include the rightmost edge corresponding to the 50% position of the screen and the rightmost edge corresponding to the 20% position of the screen. Accordingly, the server 130 or the electronic device 110 may determine that the degree of occlusion of the text object by the 20% position of the screen is less than that of the 50% position of the screen based on the distribution probability, and further may determine that the layout style to be applied is that the right edge of the interface elements does not exceed the 20% position.

[0074] Based on the process described above, the embodiments of the present disclosure can display both the media content and the interface elements in the viewing interface based on the media content and the interface elements superimposed on the media content, thereby improving the efficiency of the user to obtain and view the media content. On the other hand, the embodiments of the present disclosure can flexibly determine the display position of the interface elements in combination with the screen position of the text object in the media content.

[0075] In this way, the embodiments of the present disclosure can dynamically adjust the layout of the interface elements according to the screen position of the text object in the media content, thereby reducing the occlusion of the text object by the interface elements, and thus improving the efficiency of obtaining content.

[0076] Example process

[0077] Figure 3 The flowchart of an example process 300 for content presentation according to some embodiments of the present disclosure is shown. The process 300 may be implemented at the electronic device 110. The following will be described with reference to Figure 1 to describe the process 300.

[0078] As Figure 3 shown, at block 310, the electronic device presents a viewing interface of the media content.

[0079] At block 320, the electronic device presents media content and a set of interface elements configured to be superimposed on the media content in a viewing interface, wherein the layout style of the set of interface elements is determined based on the screen position of the text object in the media content, and the layout style indicates the display position of the set of interface elements in the viewing interface.

[0080] In some embodiments, process 300 further includes: obtaining an indication message from a server, the indication message being generated based on the screen position; and determining, based on the indication message, the layout style to be applied to the set of interface elements from a plurality of preset layout styles.

[0081] In this way, the embodiments of the present disclosure can ensure the regularity of the viewing interface based on setting preset layout styles. By determining the layout style to be applied to a set of interface elements from a plurality of preset layout styles, the layout speed of the interface elements is ensured, and timely response is guaranteed.

[0082] In some embodiments, the layout style is such that the degree of occlusion of the set of interface elements with respect to the text object is less than a threshold.

[0083] In this way, the embodiments of the present disclosure can set the degree of occlusion of the interface elements with respect to the text object to be less than a threshold, reduce or eliminate the occlusion of the interface elements with respect to the text object, improve the viewing efficiency of the user, and enhance the viewing experience of the user.

[0084] In some embodiments, different layout styles indicate at least one of the following: the relative positional relationship of the set of interface elements; the maximum edge position of the set of interface elements in a preset direction.

[0085] In this way, the embodiments of the present disclosure can enrich the layout styles of the interface elements in the viewing interface by setting the relative positional relationship of the interface elements and / or the maximum edge position of the interface elements in a preset direction, and have a wide range of applications.

[0086] In some embodiments, the maximum edge position is determined based on the screen position of the text object.

[0087] In this way, the embodiments of the present disclosure can determine the maximum edge position based on the screen position of the text object, ensure that the edge position of the layout of the interface elements is based on the consideration of the text object, reduce or eliminate the degree of occlusion, and enhance the... of the user.

[0088] In some embodiments, the set of interface elements includes one or more of the following: a first interface element indicating the publisher of the media content; a second interface element indicating the title of the media content; a third interface element indicating the control bar of the media content; a fourth interface element indicating the prompt information of the media content.

[0089] In this way, embodiments of the present disclosure can convey information such as the publisher, title, control bar, and prompt information to the user through a set of interface elements. There are many types of participating interface elements, less information that can be blocked, and the efficiency of the user viewing information is improved.

[0090] In some embodiments, the layout style is determined based on the following process: identifying a set of text boxes corresponding to text objects from at least one image of the media content; determining the position distribution information of the text objects based on a set of screen positions of the set of text boxes; and determining the layout style based on the position distribution information.

[0091] In this way, embodiments of the present disclosure can determine the position distribution information of text objects based on a set of screen positions of a set of text boxes, clarify the positions of the text objects, and improve the applicability of the layout style in the viewing interface.

[0092] In some embodiments, the media content includes video content, and at least one image includes multiple video frames of the video content; or the media content includes atlas content, and at least one image includes multiple images in the atlas content.

[0093] In this way, embodiments of the present disclosure can achieve the recognition of at least one image in video content or atlas content, enhance the diversity of recognition, and improve the viewing experience of the user.

[0094] In some embodiments, the position distribution information indicates the distribution probability of a set of screen positions in different position ranges.

[0095] In this way, embodiments of the present disclosure can obtain the distribution probability based on the distribution probability of a set of screen positions in different position ranges, improve the recognition accuracy of the position distribution information of text objects, and can more efficiently determine the layout style of interface elements.

[0096] In some embodiments, determining the position distribution information of text objects based on a set of screen positions of a set of text boxes includes: determining the distribution probability based on the area ratio of the set of text boxes in multiple position ranges in the first direction; and / or determining the distribution probability based on the distribution of the set of text boxes on the preset edge in the second direction.

[0097] In this way, embodiments of the present disclosure can determine the distribution probability based on the distribution of the area ratio, clarify the position distribution of the text boxes in the first direction, and / or determine the distribution probability based on the distribution of the preset edge, clarify the position distribution of the text boxes in the second direction, and improve the accuracy of the position distribution information of text objects.

[0098] In some embodiments, the viewing interface is a web interface, and the set of interface elements includes a set of web elements in the web interface.

[0099] In this way, embodiments of the present disclosure can be based on a viewing interface being a web interface, with a more extensive applicable interface, where interface elements include web elements, reducing the occlusion of media content by web elements.

[0100] Example devices and equipment

[0101] Embodiments of the present disclosure also provide corresponding devices for implementing the above methods or processes. Figure 4 A schematic structural block diagram of an example device 400 for content presentation according to some embodiments of the present disclosure is shown. The device 400 can be implemented as or included in an electronic device 110. Each module / component in the device 400 can be implemented by hardware, software, firmware, or any combination thereof.

[0102] As Figure 4 shown, the device 400 includes: a first presentation module 410 configured to present a viewing interface of media content; and a second presentation module 420 configured to present media content and a set of interface elements configured to be superimposed and displayed on the media content in the viewing interface, where a layout style of the set of interface elements is determined based on the screen position of a text object in the media content, and the layout style indicates the display position of the set of interface elements in the viewing interface.

[0103] In some embodiments, the device 400 further includes a first application module configured to: obtain an indication message from a server, the indication message being generated based on the screen position; and determine, based on the indication message, a layout style to be applied to the set of interface elements from multiple preset layout styles.

[0104] In some embodiments, the layout style enables the degree of occlusion of the set of interface elements with respect to the text object to be less than a threshold.

[0105] In some embodiments, different layout styles indicate at least one of the following: the relative positional relationship of the set of interface elements; the maximum edge position of the set of interface elements in a preset direction.

[0106] In some embodiments, the maximum edge position is determined based on the screen position of the text object.

[0107] In some embodiments, the set of interface elements includes one or more of the following: a first interface element indicating the publisher of the media content; a second interface element indicating the title of the media content; a third interface element indicating the control bar of the media content; a fourth interface element indicating the prompt information of the media content.

[0108] In some embodiments, the layout style is determined based on the following process: identifying a set of text boxes corresponding to text objects from at least one image of the media content; determining the position distribution information of the text objects based on a set of screen positions of the set of text boxes; and determining the layout style based on the position distribution information.

[0109] In some embodiments, the media content includes video content, and the at least one image includes multiple video frames of the video content; or the media content includes atlas content, and the at least one image includes multiple images in the atlas content.

[0110] In some embodiments, the position distribution information indicates the distribution probability of a set of screen positions in different position ranges.

[0111] In some embodiments, determining the position distribution information of the text objects based on a set of screen positions of the set of text boxes includes: determining the distribution probability based on the area ratio of the set of text boxes within multiple position ranges in a first direction; and / or determining the distribution probability based on the distribution of the set of text boxes along a preset edge in a second direction.

[0112] In some embodiments, the viewing interface is a web interface, and the set of interface elements includes a set of web elements in the web interface.

[0113] The units included in the apparatus 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more units can be implemented using software and / or firmware, such as machine-executable instructions stored on a storage medium. In addition to or as an alternative to the machine-executable instructions, some or all of the units in the apparatus 400 can be at least partially implemented by one or more hardware logic components. By way of example and not limitation, exemplary types of hardware logic components that can 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 so on.

[0114] Figure 5 A block diagram of an electronic device 500 in which one or more embodiments of the present disclosure can be implemented is shown. It should be understood that Figure 5 The illustrated electronic device 500 is merely exemplary and should not impose any limitation on the functions and scope of the embodiments described herein. Figure 5 The illustrated electronic device 500 can be used to implement Figure 1 the electronic device 110.

[0115] As Figure 5As shown, the electronic device 500 is in the form of a general-purpose electronic device. The components of the electronic device 500 may include, but are not limited to, one or more processors or processing units 510, a memory 520, a storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. The processing unit 510 may be a physical or virtual processor and is capable of performing various processes according to programs stored in the memory 520. In a multi-processor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing ability of the electronic device 500.

[0116] The electronic device 500 generally includes multiple computer storage media. Such media may be any accessible media that can be obtained by the electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 520 may be a volatile memory (such as registers, caches, random access memory (RAM)), a non-volatile memory (such as read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 530 may be a removable or non-removable medium and may include machine-readable media, such as a flash drive, a magnetic disk, or any other medium that can be used to store information and / or data and can be accessed within the electronic device 500.

[0117] The electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in Figure 5 a disk drive for reading from or writing to a removable, non-volatile magnetic disk (such as a "floppy disk") and an optical disk drive for reading from or writing to a removable, non-volatile optical disk may be provided. In these cases, each drive may be connected to a bus (not shown) by one or more data media interfaces. The memory 520 may include a computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.

[0118] The communication unit 540 enables communication with other electronic devices through a communication medium. Additionally, the functions of the components of the electronic device 500 may be implemented in a single computing cluster or multiple computer machines that are capable of communicating through a communication connection. Thus, the electronic device 500 may operate in a networked environment using a logical connection to one or more other servers, network personal computers (PCs), or another network node.

[0119] The input device 550 can be one or more input devices, such as a mouse, a keyboard, a trackball, etc. The output device 560 can be one or more output devices, such as a display, a speaker, a printer, etc. The electronic device 500 can also communicate with one or more external devices (not shown) as needed through the communication unit 540. The external devices such as a storage device, a display device, etc., communicate with one or more devices that enable a user to interact with the electronic device 500, or communicate with any device that enables the electronic device 500 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication can be performed via an input / output (I / O) interface (not shown).

[0120] According to an exemplary implementation of the present disclosure, there is provided a computer-readable storage medium having computer-executable instructions stored thereon, wherein the computer-executable instructions are executed by a processor to implement the method described above. According to an exemplary implementation of the present disclosure, there is also provided a computer program product, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, and the computer-executable instructions are executed by a processor to implement the method described above.

[0121] Aspects of the present disclosure are described herein with reference to the flowcharts and / or block diagrams of methods, apparatuses, devices, and computer program products implemented according to the present disclosure. It should be understood that each block of the flowcharts and / or block diagrams, and the combinations of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.

[0122] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine such that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device is produced that implements the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause a computer, a programmable data processing device, and / or other devices to work in a specific manner. Thus, the computer-readable medium storing the instructions includes a manufacture, which includes instructions for implementing various aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

[0123] The computer-readable program instructions can be loaded onto a computer, other programmable data processing device, or other device, such that a series of operation steps are performed on the computer, other programmable data processing device, or other device to produce a computer-implemented process, so that the instructions executed on the computer, other programmable data processing device, or other device implement the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

[0124] 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 implementations 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 an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions noted in the blocks may occur in a different order than noted in the accompanying drawings. For example, two consecutive blocks 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 actions, or can be implemented by a combination of dedicated hardware and computer instructions.

[0125] The various implementations of the present disclosure have been described above. The above description is exemplary, not exhaustive, and is not limited to the disclosed implementations. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described implementations. The choice of terms used herein is intended to best explain the principles of the implementations, the practical application, or the improvement of technologies in the market, or to enable other ordinary skilled in the art to understand the various implementations disclosed herein.

Claims

1. A method for presenting content, comprising: Presenting a viewing interface for media content; as well as The media content and a group of interface elements configured to be displayed superimposed on the media content are presented in the viewing interface, wherein a layout style of the group of interface elements is determined based on an on-screen position of a text object in the media content, and the layout style indicates a display position of the group of interface elements in the viewing interface.

2. The method according to claim 1, further comprising: Obtaining an indication message from a server, wherein the indication message is generated based on the screen position; as well as Based on the indication message, the layout style applied to the group of interface elements is determined from a plurality of preset layout styles. 3 . The method according to claim 1 , wherein the layout style makes the degree of occlusion of the text object by the group of interface elements less than a threshold.

4. The method according to claim 1, wherein the different layout styles indicate at least one of the following: The relative position relationship of the set of interface elements; The maximum edge position of the group of interface elements in a preset direction. The method according to claim 4 , wherein the maximum edge position is determined based on the screen position of the text object.

6. The method according to claim 1, wherein the set of interface elements includes one or more of the following: A first interface element indicating a publisher of the media content; A second interface element indicating a title of the media content; A third interface element, indicating a control bar for the media content; The fourth interface element indicates prompt information of the media content.

7. The method according to claim 1, wherein the layout style is determined based on the following process: identifying a set of text boxes corresponding to the text objects from at least one image of the media content; Determining position distribution information of the text objects based on a set of screen positions of the set of text boxes; and Based on the position distribution information, the layout style is determined.

8. The method according to claim 7, wherein: The media content comprises video content, and the at least one image comprises a plurality of video frames of the video content; or The media content includes atlas content, and the at least one image includes a plurality of images in the atlas content. 9 . The method according to claim 7 , wherein the position distribution information indicates distribution probabilities of the set of picture positions in different position ranges.

10. The method according to claim 9, wherein determining the position distribution information of the text object based on a set of screen positions of the set of text boxes comprises: Determining the distribution probability based on area ratios of the group of text boxes within multiple position ranges in the first direction; and / or The distribution probability is determined based on the distribution of preset edges of the group of text boxes in the second direction.

11. The method of claim 1, wherein the viewing interface is a web interface, and the set of interface elements comprises a set of web elements in the web interface.

12. A device for content presentation, comprising: A first presentation module, configured to present a viewing interface of media content; as well as A second presentation module is configured to present the media content and a group of interface elements configured to be superimposed and displayed on the media content in the viewing interface, wherein a layout style of the group of interface elements is determined based on the screen position of a text object in the media content, and the layout style indicates a display position of the group of interface elements in the viewing interface.

13. An electronic device comprising: at least one processing unit; as well as At least one memory, the at least one memory being coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions causing the electronic device to perform the method according to any one of claims 1 to 11 when executed by the at least one processing unit.

14. A computer-readable storage medium having a computer program stored thereon, wherein the computer program can be executed by a processor to implement the method according to any one of claims 1 to 11.

Images