Content presentation method, apparatus and device, and storage medium

Abstract

The embodiments of the present disclosure relate to a content presentation method and apparatus, and a device and a storage medium. The method proposed herein comprises: presenting a viewing interface for media content; and presenting in the viewing interface the media content and a set of interface elements configured to be displayed in an overlaid manner on the media content, wherein a layout style of the set of interface elements is determined on the basis of 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.

Description

Methods, apparatus, devices and storage media for content presentation

[0001] This application claims priority to Chinese Patent Application No. 202510389154.2, filed on March 28, 2025, entitled "Method, Apparatus, Device and Storage Medium for Content Presentation", the entire contents of which are incorporated herein by reference. Technical Field

[0002] The exemplary embodiments disclosed herein relate generally to the field of computers, and more particularly to methods, apparatuses, devices, and computer-readable storage media for content presentation. Background Technology

[0003] With the increasing maturity of internet technology, accessing and viewing media content through online platforms has become a mainstream trend. In this process, the layout and presentation of the media content interface have become a crucial factor influencing viewing efficiency and experience. Summary of the Invention

[0004] In a first aspect of this disclosure, a method for presenting content is provided. The method includes: presenting a viewing interface for media content; and presenting the media content and a set of interface elements configured to be overlaid on the media content within the viewing interface, wherein 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 within the viewing interface.

[0005] In a second aspect of this 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 the media content in the viewing interface and a set of interface elements configured to be overlaid on the media content, wherein 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.

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

[0007] In a fourth aspect of this disclosure, a computer-readable storage medium is provided. The computer-readable storage medium stores computer-executable instructions that can be executed by a processor to implement the method of the first aspect.

[0008] A fifth aspect of this disclosure provides a computer program product. The computer program product includes computer-executable instructions that, when executed by a processor, implement the method of the first aspect.

[0009] It should be understood that the content described in this content section is not intended to limit the key or essential features of the embodiments of this disclosure, nor is it intended to restrict the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description. Attached Figure Description

[0010] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. In the drawings, the same or similar reference numerals denote the same or similar elements, wherein:

[0011] Figure 1 shows a schematic diagram of an example environment in which embodiments of the present disclosure may be implemented;

[0012] Figures 2A to 2D illustrate example interfaces according to some embodiments of the present disclosure;

[0013] Figure 3 illustrates a flowchart of an example process presented according to some embodiments of the present disclosure;

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

[0015] Figure 5 shows a block diagram of an electronic device capable of implementing several embodiments of the present disclosure. Detailed Implementation

[0016] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0017] It should be noted that the headings of any section / subsection provided herein are not limiting. Various embodiments are described throughout this document, and embodiments of any type may be included under any section / subsection. Furthermore, embodiments described in any section / subsection may be combined in any way with any other embodiments described in the same section / subsection and / or different sections / subsections.

[0018] In the description of embodiments of this disclosure, the term "comprising" and similar terms should be understood as open-ended inclusion, i.e., "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". Other explicit and implicit definitions may also be included below. The terms "first", "second", etc., may refer to different or the same objects. Other explicit and implicit definitions may also be included below.

[0019] The embodiments of this disclosure may involve user data, data acquisition, and / or use. All of these aspects comply with applicable laws, regulations, and relevant provisions. In the embodiments of this disclosure, all data collection, acquisition, processing, manipulation, forwarding, and use are conducted with the user's knowledge and confirmation. Accordingly, in implementing the embodiments of this disclosure, the type, scope of use, and usage scenarios of any data or information that may be involved should be communicated to the user and their authorization obtained in accordance with relevant laws and regulations through appropriate means. The specific methods of notification and / or authorization may vary depending on the actual situation and application scenario, and the scope of this disclosure is not limited in this respect.

[0020] In this specification and the embodiments, any processing of personal information will be carried out only under the premise of legality (such as obtaining the consent of the personal information subject, or being necessary for the performance of a contract), and will only be carried out within the scope stipulated or agreed upon. A user's refusal to process personal information other than that necessary for basic functions will not affect the user's use of basic functions.

[0021] As mentioned above, with the increasing maturity of internet technology, accessing and viewing media content through online platforms has become a mainstream trend. Some media applications have interfaces that allow users to view media content. However, traditional viewing interfaces often obscure some key content, affecting the efficiency of the user's media viewing experience.

[0022] Embodiments of this disclosure propose a content presentation scheme. According to this scheme, a viewing interface for media content can be presented; and the media content and a set of interface elements configured to be overlaid on the media content are presented in the viewing interface, wherein 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.

[0023] In this way, embodiments of this disclosure can simultaneously display media content and interface elements overlaid on the media content in the viewing interface, thereby improving the efficiency of users obtaining and viewing media content. On the other hand, embodiments of this disclosure can flexibly determine the display position of interface elements by combining the screen position of text objects in the media content.

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

[0025] The following section provides a detailed description of various example implementations of this scheme, with reference to the accompanying drawings.

[0026] Example Environment

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

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

[0029] In environment 100 of Figure 1, if application 120 is active, electronic device 110 can use application 120 to present interface 150 for supporting content presentation.

[0030] In some embodiments, electronic device 110 communicates with server 130 to provide services to application 120. Electronic device 110 can 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 gaming terminals, VR / AR devices, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio receivers, e-book devices, gaming devices, or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, electronic device 110 can also support any type of user-facing interface (such as "wearable" circuitry).

[0031] Server 130 can be a standalone physical server 130, a cluster of server 130s, or a distributed system. It can also be a cloud server 130 providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks, and big data and artificial intelligence platforms. Server 130 may include, for example, computing systems / servers 130, such as mainframes, edge computing nodes, computing devices in a cloud environment, etc. Server 130 can provide backend services for applications 120 in electronic devices 110.

[0032] A communication connection can be established between server 130 and electronic device 110. This communication connection can be established via wired or wireless means. The communication connection may include, but is not limited to, Bluetooth, mobile network, Universal Serial Bus (USB), and Wireless Fidelity (WiFi) connections; the embodiments of this disclosure are not limited in this respect. In the embodiments of this disclosure, server 130 and electronic device 110 can achieve signaling interaction through the communication connection between them.

[0033] It should be understood that the structure and function of the various elements in environment 100 are described for illustrative purposes only and do not imply any limitation on the scope of this disclosure.

[0034] The following description will continue with reference to the accompanying drawings, which will provide some exemplary embodiments of this disclosure.

[0035] Example Interaction

[0036] Figures 2A to 2D illustrate example interfaces 200A to 200D according to some embodiments of the present disclosure. Interfaces 200A to 200D may be provided, for example, by the electronic device 110 shown in Figure 1.

[0037] In some embodiments, as shown in FIG2A, the electronic device 110 may present a media content viewing interface 200A. As an example, the media content may include appropriate types of content such as video content, text and image content, music content, and picture content. The electronic device 110 may present the media content and a set of interface elements configured to be overlaid on the media content in the viewing interface 200A. In this disclosure, the set of interface elements may include at least one interactive or visual element constituting the viewing interface 200A. For example, the set of interface elements may include text identifiers (e.g., descriptive text associated with the media content and / or publisher name, etc.), buttons (or controls), image identifiers (e.g., publisher avatar, etc.), etc.

[0038] In some embodiments, interface 200A may be, for example, a first type of interface, such as a web page. Further, the set of interface elements may include a set of web elements within the web interface. As an example, such web elements may include appropriate elements such as text containers, buttons, and labels.

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

[0040] 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, topic-related descriptive information, etc.).

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

[0042] 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 prompts for media content (e.g., prompts related to the authenticity of the content).

[0043] As an example, the viewing interface 200A presented by the electronic device 110 can provide a viewing interface for media content provided by media applications. Such media applications may include, for example, video playback applications and audio playback applications.

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

[0045] In some embodiments, the layout style of a set of interface elements can be determined based on the screen position of the text object 220 in the media content. For example, the text object 220 can represent 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 can determine the layout style of a set of interface elements based on the screen position of the text object 220. This setting can improve the rationality of the layout of a set of interface elements, thereby helping to reduce the impact caused by a set of interface elements obscuring the text object 220.

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

[0047] In some embodiments, different layout styles can indicate the relative positional relationships of a group of interface elements. As an example, different layout styles can indicate different relative positional relationships of a group of interface elements. As an example, layout styles may include, but are not limited to, the overall display position of a group of interface elements in the viewing interface, and the relative positional relationships between different interface elements in a group of interface elements (e.g., the relative positions between interface elements 210-1, 210-2, 210-3, and 201-4, etc.).

[0048] In some embodiments, different layout styles can indicate the maximum edge position of a group of interface elements in a preset direction. The maximum edge position can indicate a boundary constraint on the display position of a group of interface elements in a preset direction. The maximum edge position can include a boundary constraint on the display position of a group of interface elements in a first direction and a boundary constraint on the display position of a group of interface elements in a 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, boundary constraints can be used to limit the number of rows (e.g., one, two, three, etc.) of a group of interface elements, the number of columns (e.g., one, two, three, etc.) of a group of interface elements, the width (e.g., occupying 50%, 60%, 70% of the screen width of the media content), and the length (e.g., occupying 5%, 10% of the screen length of the media content), etc. In some embodiments, a group of interface elements in the viewing interface 200A may also include other layout styles. The layout style may also include, but is not limited to, the presentation size of a set of interface elements in the viewing interface 200A (e.g., the enlargement and reduction of text font), the presentation transparency of a set of interface elements in the viewing interface 200A, and the presentation font of a set of interface elements in the viewing interface 200A (e.g., the style of text font, such as KaiTi, SongTi, etc.).

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

[0050] For example, as shown in Figure 2B, the layout style of a group of interface elements is a first layout style, which can indicate that a group of interface elements is in a first position. As an example, a group of interface elements may include a 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 located in the bottom area of ​​the media content. The second interface element 210-2 being in the first position can reduce the degree to which the second interface element 210-2 obstructs the text object 220 in a first direction. For example, the first direction can be the width direction of the text object 220, which can also be the width direction of the media content. As an example, the maximum edge position can limit the number of rows of the second interface element 210-2 to within a certain line number threshold, such as one row, but is not limited to this. The maximum edge position can limit the width of the second interface element 210-2 to within a certain width proportion, such as limiting the width of the second interface element 210-2 to within 70% of the width of the media content, but is not limited to this. The maximum edge position can limit the length of the second interface element 210-2 to a certain length ratio, such as limiting the length of the second interface element 210-2 to within 6% of the screen length of the media content, but is not limited to this.

[0051] For example, as shown in Figure 2C, the layout style is the second layout style, which can indicate that a group of interface elements are in a second position. As an example, the group of interface elements may include a second interface element 210-2. The second interface element 210-2 being in a first position can indicate that it is located in the left-hand area of ​​the media content. The second interface element 210-2 being in a second position can reduce its occlusion of the text object 220 in a second direction. The second direction can be the length direction of the text object 220, or it can 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 to a certain width proportion, such as limiting its width to within 36% of the media content's screen width. As an example, the maximum edge position can limit the number of rows of the second interface element 210-2 to a certain row threshold, such as three rows.

[0052] In some embodiments, the electronic device 110 can obtain an instruction message from the server 130, the instruction message being generated based on the screen position. Based on the instruction message, the electronic device 110 can determine a layout style applicable to a set of interface elements from a variety of preset layout styles. The various preset layout styles may include the aforementioned first layout style and / or second layout style, and may also include other types of layout styles, not limited thereto. Pre-setting the preset layout style ensures the regularity of the viewing interface 200A, improving the user's viewing experience. Switching the preset layout style setting facilitates timely response from the electronic device 110, accelerating the layout process.

[0053] In some embodiments, the layout style may also be a non-preset layout style. This layout style may, for example, be dynamically determined based on the screen position of the presented text object. Dynamically adjusting the layout style of a group of interface elements by the electronic device 110 may include adjusting the display position of the group of interface elements (e.g., moving the position of a group of interface elements, swapping the positions of a group of interface elements, etc.), increasing or decreasing the number of display rows of a group of interface elements, increasing or decreasing the number of display columns of a group of interface elements, increasing or decreasing the display width of a group of interface elements, and increasing or decreasing the display length of a group of interface elements. This setting ensures that a group of interface elements can be dynamically adjusted, improving the layout flexibility of the group of interface elements and increasing the applicability of the layout.

[0054] In some embodiments, the media content includes video content (e.g., a video work). At least one image of the media content includes multiple video frames of the video content. The video content may be represented as a consecutive set of multiple video frames. Alternatively, the media content includes image atlas content (e.g., a graphic work). At least one image of the media content includes multiple images from the image atlas content.

[0055] In some embodiments, as shown in FIG2C, server 130 or electronic device 110 identifies a set of text boxes corresponding to text objects from at least one image of media content. For example, server 130 or electronic device 110 may identify a set of text boxes corresponding to text objects in each of multiple video frames of video content. Alternatively, server 130 or electronic device 110 may identify a set of text boxes corresponding to text objects in each of multiple images of atlas content. As an example, the identification of a set of text boxes corresponding to text objects can be performed using OCR technology.

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

[0057] As an example, location distribution information can indicate the probability distribution of a set of screen locations across different location ranges. Exemplarily, each location range can correspond to a preset location within the media content. Such a preset location can, for example, indicate the distance between a first preset edge (e.g., the left edge) of that location and a second preset edge (e.g., the left edge of the screen) of the media content. For example, different location ranges here can correspond to multiple distances (e.g., a 10-pixel distance, a 20-pixel distance, etc.). Further, the electronic device 110 or server 130 can determine the probability distribution of a set of screen locations across different location ranges based on the distances between the set of screen locations and the second preset edge of the screen of the media content (e.g., a probability distribution of 20% corresponding to a 10-pixel distance, a probability distribution of 90% corresponding to a 20-pixel distance, etc.).

[0058] In some embodiments, the layout style determined based on the screen position of the text object ensures that the occlusion degree of a group of interface elements on the text object is less than a threshold. A distribution probability of 100% indicates that all video frames or all images are in a situation where the occlusion degree of interface elements is less than the threshold. A distribution probability of 80% indicates that 80% of video frames or 80% of all images are in a situation where the occlusion degree of a group of interface elements is less than the threshold. This increases the flexibility of the layout of a group of interface elements. In some embodiments, the electronic device 110 determines the layout style based on position distribution information.

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

[0060] In some embodiments, as shown in FIG2D, an illustrative example is given by calculating the area ratio of the content of a target text box (e.g., "Tang Dynasty architecture") in multiple position ranges along a first direction. Here, the first direction may refer to the direction of the Y-axis in FIG2D. Multiple position ranges may refer to multiple position ranges along the first direction corresponding to multiple widths. For example, the width of each position range can be represented by hr%*H. Here, H may indicate the width of the media content frame in the Y-axis direction. hr% may indicate the proportion of the width of this position range to the width of the media content frame. Here, hr may take values ​​such as 5, 10, 15, 50, etc. Different hr values ​​may correspond to different position ranges. W represents the width of the media content frame in the X-axis direction.

[0061] The area encompassed by the location can be a preset region. For example, the area S2 of the preset region is represented as: S2 = W * h r %*H

[0062] 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:

[0063] Where n can represent the number of characters in text object 220. i1 Let x be the first horizontal coordinate of the top-left corner of the i-th character. i2 y is represented as the second horizontal coordinate of the bottom right corner of the i-th character. i1 Let y be the first ordinate of the top-left corner of the i-th character. i2 This is represented as the second ordinate of the bottom right corner of the i-th character. r This represents the ratio of the width of the preset area to the width of the media content, where H represents the width of the media content. As an example, as shown in Figure 2D, x...11 represents the first abscissa at the top-left corner of the first character "Tang", x 12 represents the second abscissa at the bottom-right corner of the first character "Tang". y 11 represents the first ordinate at the top-left corner of the first character "Tang" y 12 represents the second ordinate at the bottom-right corner of the first character "Tang". For example, x 21 represents the first abscissa at the top-left corner of the second character "Dai", x 11 represents the second abscissa at the bottom-right corner of the second character "Dai". y 11 represents the first ordinate at the top-left corner of the second character "Dai" y 11 represents the second ordinate at the bottom-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 group of first proportions corresponding to a group of text boxes reaches a first preset value based on the coordinate information of the group of text boxes. In some embodiments, the first proportion corresponding to a target text box is expressed as the ratio of the area occupied by the target text box (e.g., the text box corresponding to "architecture of the Tang Dynasty") in a preset region to the area occupied by the preset region. For example, the first proportion A1 corresponding to the target text box may be expressed as A1=S1 / S2

[0065] By that analogy, the server 130 or the electronic device 110 may determine a plurality of first proportions corresponding to different position ranges for the group of text boxes. Further, the server 130 or the electronic device 110 may determine the distribution probabilities of different position ranges of the group of text boxes in the first direction based on the plurality of first proportions corresponding to different position ranges. For example, the distribution probability of the position range corresponding to hr=5 is 5%, and 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 group of interface elements indicated by the layout style in the viewing interface based on the position range corresponding to hr=5. The layout style determined in this way can make the occlusion degree of the text object in the media content by the group of interface elements less than a preset threshold (e.g., 10%).

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

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

[0068] In some embodiments, the server 130 or electronic device 110 can determine the distribution probability of the group of text boxes in the X-axis direction based on the ratio of the smallest value among multiple X-axis coordinates corresponding to multiple video frames to the screen width of the media content. For example, the ratio X... _pos％ It can be represented as X _pos％ =x most_left / W

[0069] Furthermore, the server 130 or electronic device 110 can base its operation on the ratio X corresponding to multiple video frames. _pos％ To determine the probability distribution. For example, the proportion X corresponding to 80% of the video frames. _pos％ For example, a proportion X corresponding to more than 30%; 20% of video frames. _pos％ For example, less than or equal to 30%.

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

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

[0072] Based on the process described above, embodiments of this disclosure can simultaneously display media content and interface elements overlaid on the media content in the viewing interface, thereby improving the efficiency of users obtaining and viewing media content. Furthermore, embodiments of this disclosure can flexibly determine the display position of interface elements by combining the screen position of text objects within the media content.

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

[0074] Example process

[0075] Figure 3 illustrates a flowchart of an example process 300 presented according to some embodiments of the present disclosure. Process 300 may be implemented at electronic device 110. Process 300 will now be described with reference to Figure 1.

[0076] As shown in Figure 3, in box 310, the electronic device displays a media content viewing interface.

[0077] In box 320, the electronic device presents media content and a set of interface elements configured to be overlaid on the media content in the viewing interface. The layout style of the set of interface elements is determined based on the screen position of the text objects in the media content, and the layout style indicates the display position of the set of interface elements in the viewing interface.

[0078] 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 a layout style to be applied to a set of interface elements from a variety of preset layout styles based on the indication message.

[0079] In this way, the embodiments of this disclosure can ensure the regularity of the viewing interface based on setting a preset layout style. By determining the layout style of a set of interface elements from multiple preset layout styles, the layout speed of interface elements is ensured, guaranteeing timely response.

[0080] In some embodiments, the layout style causes a set of interface elements to occlude text objects to a degree less than a threshold.

[0081] In this way, embodiments of the present disclosure can set the degree of occlusion of text objects by interface elements to be less than a threshold, thereby reducing or eliminating the occlusion of text objects by interface elements, improving user viewing efficiency, and enhancing user viewing experience.

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

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

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

[0085] In this way, embodiments of the present disclosure can determine the maximum edge position based on the screen position of the text object, ensuring that the edge position of the layout of interface elements is based on consideration of the text object, reducing or eliminating the degree of occlusion, and enhancing the user experience.

[0086] In some embodiments, a 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; and a fourth interface element indicating the prompt information of the media content.

[0087] In this way, the embodiments of this disclosure can convey information such as the publisher, title, control bar, and prompts to the user through a set of interface elements. The variety of interface elements involved reduces the amount of information that can be obscured, thereby improving the efficiency of the user in viewing information.

[0088] 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 positional 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 positional distribution information.

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

[0090] 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.

[0091] In this way, the embodiments of this disclosure can recognize at least one image in video content or image gallery content, thereby improving the diversity of recognition and enhancing the user's viewing experience.

[0092] In some embodiments, location distribution information indicates the probability distribution of a set of image locations across different location ranges.

[0093] In this way, the embodiments of this disclosure can obtain the distribution probability based on the distribution probability of a set of screen positions in different position ranges, thereby improving the recognition accuracy of the position distribution information of text objects and enabling more efficient determination of the layout style of interface elements.

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

[0095] In this way, embodiments of the present disclosure can determine the distribution probability based on the distribution of area ratios, clarify the positional distribution of the positional text box in the first direction, and / or determine the distribution probability based on the distribution of preset edges, clarify the positional distribution of the positional text box in the second direction, thereby improving the accuracy of the positional distribution information of the text object.

[0096] In some embodiments, the viewing interface is a first type of interface, such as a web interface, and the set of interface elements includes a set of first type elements in the first type of interface.

[0097] In this way, the embodiments of this disclosure can be based on a web interface, making the applicable interface more extensive, and the interface elements include web elements, reducing the obstruction of media content by web elements.

[0098] Example devices and equipment

[0099] Embodiments of this disclosure also provide corresponding apparatus for implementing the methods or processes described above. FIG4 shows a schematic structural block diagram of an example apparatus 400 for content presentation according to certain embodiments of this disclosure. Apparatus 400 may be implemented as or included in electronic device 110. The various modules / components in apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0100] As shown in Figure 4, the device 400 includes: a first presentation module 410 configured to present a viewing interface for media content; and a second presentation module 420 configured to present media content in the viewing interface and a set of interface elements configured to be overlaid on the media content, wherein 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.

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

[0102] In some embodiments, the layout style ensures that a group of interface elements occludes text objects to a degree less than a threshold.

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

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

[0105] In some embodiments, a 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; and a fourth interface element indicating the prompt information of the media content.

[0106] 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 positional 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 positional distribution information.

[0107] 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.

[0108] In some embodiments, location distribution information indicates the probability distribution of a set of image locations across different location ranges.

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

[0110] In some embodiments, the viewing interface is a first type interface, and a set of interface elements includes a set of first type elements in the first type interface.

[0111] The units included in device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more units may 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 machine-executable instructions, some or all of the units in device 400 may be implemented at least partially by one or more hardware logic components. By way of example and not limitation, exemplary types of hardware logic components that may be used include field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-chips (SoCs), complex programmable logic devices (CPLDs), and so on.

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

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

[0114] Electronic device 500 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 520 can be volatile memory (e.g., registers, cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. Storage device 530 can be removable or non-removable media and can include machine-readable media, such as flash drives, disks, or any other media that can be used to store information and / or data and can be accessed within electronic device 500.

[0115] Electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG. 5, disk drives for reading from or writing to removable, non-volatile disks (e.g., "floppy disks") and optical disk drives for reading from or writing to removable, non-volatile optical disks may be provided. In these cases, each drive may be connected to a bus (not shown) via one or more data media interfaces. Memory 520 may include computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.

[0116] Communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functionality of components of electronic device 500 can be implemented using a single computing cluster or multiple computing machines capable of communicating via communication connections. Therefore, electronic device 500 can operate in a networked environment using logical connections to one or more other servers, network personal computers (PCs), or another network node.

[0117] Input device 550 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 560 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 500 can also communicate with one or more external devices (not shown) via communication unit 540 as needed. These external devices include storage devices, display devices, etc., and can communicate with one or more devices that enable user interaction with electronic device 500, or with any device that enables electronic device 500 to communicate with one or more other electronic devices (e.g., network card, modem, etc.). Such communication can be performed via input / output (I / O) interface (not shown).

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

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

[0120] These computer-readable program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that, when executed by the processor of the computer or other programmable data processing apparatus, they create means for implementing 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 that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner; thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

[0121] Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions that execute on the computer, other programmable data processing apparatus, or other device to perform the functions / actions specified in one or more boxes of a flowchart and / or block diagram.

[0122] 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 this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in 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, may be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

[0123] Various implementations of this disclosure have been described above. These descriptions are exemplary and not exhaustive, nor are they limited to the disclosed implementations. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described implementations. The terminology used herein is chosen to best explain the principles, practical applications, or improvements to technology in the market, or to enable others skilled in the art to understand the various implementations disclosed herein.

Claims

1. A method for presenting content, comprising: A viewing interface that displays media content; as well as The viewing interface presents the media content and a set of interface elements configured to be overlaid on the media content, wherein the layout style of the set of interface elements is determined based on the screen position of the text objects in the media content, and the layout style indicates the display position of the set of interface elements in the viewing interface.

2. The method according to claim 1, further comprising: Obtain an instruction message, which is generated based on the screen position; as well as Based on the instruction message, the layout style to be applied to the set of interface elements is determined from a variety of preset layout styles.

3. The method according to claim 1 or 2, wherein the layout style causes the degree of occlusion of the text object by the set of interface elements to be less than a threshold.

4. The method of claim 1, wherein the different layout styles indicate at least one of the following: The relative positional relationship of the group of interface elements; The maximum edge position of the set of interface elements in the preset direction.

5. The method of claim 4, wherein the maximum edge position is determined based on the screen position of the text object.

6. The method according to any one of claims 1 to 5, wherein the set of interface elements comprises one or more of the following: The first interface element indicates the publisher of the media content; The second interface element indicates the title of the media content; The third interface element is a control bar that indicates the media content; The fourth interface element provides prompts indicating the media content.

7. The method of claim 1, wherein the layout style is determined based on the following process: Identify a set of text boxes corresponding to the text object from at least one image of the media content; Based on a set of screen positions of the set of text boxes, determine the positional distribution information of the text object; and The layout style is determined based on the location distribution information.

8. The method according to claim 7, wherein: The media content includes video content, and the at least one image comprises multiple video frames of the video content; or The media content includes image gallery content, and the at least one image includes multiple images within the image gallery content.

9. The method according to claim 7 or 8, wherein the location distribution information indicates the distribution probability of the set of image locations in different location ranges.

10. The method according to claim 9, wherein determining the positional distribution information of the text object based on a set of screen positions of the set of text boxes includes: The distribution probability is determined based on the area proportions 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 the set of text boxes at the preset edges in the second direction.

11. The method according to any one of claims 1 to 10, wherein the viewing interface is a first type interface, and the set of interface elements includes a set of first type elements in the first type interface.

12. An apparatus for presenting content, comprising: The first presentation module is configured to present the viewing interface for media content; as well as The second presentation module is configured to present the media content and a set of interface elements configured to be overlaid on the media content in the viewing interface, wherein the layout style of the set of interface elements is determined based on the screen position of the text objects in the media content, and the layout style indicates the display position of the set of interface elements in the viewing interface.

13. An electronic device, comprising: At least one processor; as well as At least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor, 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 processor.

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

15. A computer program product comprising computer-executable instructions, wherein the computer-executable instructions, when executed by a processor, implement the method according to any one of claims 1 to 11.

Images