Method and apparatus for presenting media item, and device and readable storage medium

By responding to user interaction display media items in a predetermined area of ​​the display area and significantly displaying the identification of adjacent media items after closing, the problem of difficult exposure of media items in the prior art is solved, and the user experience and Utilization of media items.

WO2025036168A1PCT designated stage expired Publication Date: 2025-02-20BEIJING YOUZHUJU NETWORK TECH CO LTD
View PDF 5 Cites 0 Cited by

Patent Information

Application Number
PCT/CN2024/109331
Authority / Receiving Office
WO · WO
Patent Type
Applications
Current Assignee / Owner
Priority Date
2023-08-14
Filing Date
2024-08-01
Publication Date
2025-02-20

AI Technical Summary

Technical Problem

When the prior art presents multiple types of media items in the same display interface, the media items with the lower order are difficult to be exposed, resulting in poor utilization and user experience of the horizontal slide card.

Method used

In a predetermined area of ​​the display area, an identification of the first media item is presented, and the content of the first media item is displayed in response to the user's interaction. After the first media item is turned off, the identification of the second media item adjacent thereto is significantly displayed in the same area, and its display attributes are improved for highlighting.

Benefits of technology

By automatically updating the displayed media items, users can view more media items without further action, which improves user experience and improves the utilization of media items.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN2024109331_20022025_PF_FP_ABST
    Figure CN2024109331_20022025_PF_FP_ABST
Patent Text Reader

Abstract

Provided in the embodiments of the present disclosure are a method and apparatus for presenting a media item, and a device and a storage medium. The method for presenting a media item comprises: presenting a first identifier of a first media item in a predetermined area in a display area; in response to detecting a first interaction with respect to the first identifier, presenting the first media item in the display area; and in response to detecting a second interaction for closing the first media item, presenting in a first area in the predetermined area a second identifier of a second media item adjacent to the first media item, wherein the significance of a display attribute of the first area is higher than the significance of display attributes of other areas in the predetermined area. Therefore, the media items presented in the predetermined area can be automatically updated, and thus the user experience can be improved.
Need to check novelty before this filing date? Find Prior Art

Description

Method, apparatus, device, and readable storage medium for presenting media items

[0001] This application claims priority to the Chinese invention patent application entitled “Method, apparatus, device and readable storage medium for presenting media items” and application number 2023110249607, filed on August 14, 2023, the entire contents of which are incorporated by reference into this application. Technical Field

[0002] Example embodiments of the present disclosure relate generally to the field of computers, and more particularly to methods, apparatuses, devices, and computer-readable storage media for presenting media items. Background Art

[0003] With the development of computer technology, various media items (also known as media content) have become one of the main ways people obtain information. Media items can include images, videos, text, audio, and more. For applications that provide the function of presenting media items, how to present media items and improve the user experience is extremely important.

[0004] Summary of the Invention

[0005] In a first aspect of the present disclosure, a method for presenting media items is provided. The method comprises: presenting a first identifier of a first media item in a predetermined area of ​​a display area; in response to detecting a first interaction with the first identifier, presenting the first media item in the display area; and in response to detecting a second interaction for closing the first media item, presenting a second identifier of a second media item adjacent to the first media item in a first area of ​​the predetermined area, wherein a prominence of a display attribute of the first area is higher than a prominence of a display attribute of other areas of the predetermined area.

[0006] In a second aspect of the present disclosure, a device for presenting media items includes: a first presentation module configured to present a first identifier of a first media item in a predetermined area of ​​a display area; a second presentation module configured to present the first media item in the display area in response to detecting a first interaction with the first identifier; and a third presentation module configured to present a second identifier of a second media item adjacent to the first media item in a first area of ​​the predetermined area in response to detecting a second interaction for closing the first media item, wherein the prominence of a display attribute of the first area is higher than the prominence of display attributes of other areas of the predetermined area.

[0007] 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. When executed by the at least one processing unit, the instructions cause the electronic device to perform the method of the first aspect.

[0008] In a fourth aspect of the present disclosure, a computer-readable storage medium is provided, wherein a computer program is stored on the medium, and when the computer program is executed by a processor, the method of the first aspect is implemented.

[0009] It should be understood that the content described in this section is not intended to limit the key features or important features of the embodiments of the present disclosure, nor is it intended 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

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

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

[0012] 2A and 2B are schematic diagrams illustrating display interfaces for presenting media items according to some embodiments of the present disclosure;

[0013] FIG3 is a schematic diagram showing an interface for updating media items in a predetermined area according to some embodiments of the present disclosure;

[0014] 4A-4C show schematic diagrams of a first region according to some embodiments of the present disclosure;

[0015] FIG5 shows a schematic diagram of a predetermined area and a display area according to some embodiments of the present disclosure;

[0016] FIG6 illustrates a flow diagram of a process for presenting media items according to some embodiments of the present disclosure;

[0017] FIG7 shows a schematic structural block diagram of an interaction device according to certain embodiments of the present disclosure;

[0018] FIG8 shows a block diagram of an electronic device capable of implementing various embodiments of the present disclosure. DETAILED DESCRIPTION

[0019] It is understandable that before using the technical solutions disclosed in the various embodiments of this disclosure, the type, scope of use, usage scenarios, etc. of the personal information involved in this disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0020] For example, in response to a user's active request, a prompt message is sent to the user to clearly inform the user that the operation requested will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the electronic device, application, server, storage medium, or other software or hardware that performs the operations of the disclosed technical solution based on the prompt message.

[0021] As an optional but non-limiting implementation, in response to receiving a user's active request, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. Furthermore, the pop-up window may also contain a selection control for the user to select "agree" or "disagree" to provide personal information to the electronic device.

[0022] It is understandable that the above notification and user authorization process are merely illustrative and do not limit the implementation of the present disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0023] It is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) must comply with the requirements of relevant laws, regulations and relevant provisions.

[0024] The following describes embodiments of the present disclosure in more detail with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying 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 described herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of 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.

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

[0026] In the description of the embodiments of the present disclosure, the term "including" and similar terms should be understood as open inclusion, that is, "including but not limited to". The term "based on" should be understood as "based at least in part 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 be included below. The terms "first", "second", etc. may refer to different or the same objects. Other explicit and implicit definitions may be included below.

[0027] As briefly mentioned above, various media items have become one of the primary ways people access information. Some applications can present multiple types of media items within the same display interface. For example, a mix of images, videos, news, and Q&A content can be displayed within the same interface, encompassing various media types and themes. These media items can be presented in the form of cards. Some cards cannot be switched and are fixed to a specific area of ​​the display interface. These cards are referred to as "single cards." Cards displayed in some areas can be switched by swiping left or right. This allows users to switch between cards. By switching cards, media items from different cards can be presented. Terminal devices typically display media items in portrait mode, but these cards typically slide horizontally, so they are referred to as "sliding cards." Compared to single cards, sliding cards significantly improve display space utilization, leading to their increasing use.

[0028] Typically, a group of horizontal scrolling cards (for example, 10 horizontal scrolling cards) can be provided in order to present different media items in a certain display area by switching horizontal scrolling cards. However, due to the size of the terminal device display screen, the display interface of the terminal device can only present the media items of the top 1 to 2 horizontal scrolling cards at a time. For other cards ranked lower, the media items carried by these cards cannot be exposed unless the user actively slides. For example, the current interface of the terminal device presents thumbnails and other identifiers of the media items of horizontal scrolling card 1 and horizontal scrolling card 2. After the user clicks on the identifier of the media item presented by horizontal scrolling card 1, the terminal device can load the content of the media item. After exiting the presentation of the media item, the identifiers of the media items of horizontal scrolling card 1 and horizontal scrolling card 2 are still presented in the display interface of the terminal device. Therefore, the utilization rate of the horizontal scrolling cards is poor and the user experience is also poor.

[0029] To this end, embodiments of the present disclosure provide an improved scheme for presenting media items. In this scheme, a first identifier of a first media item is presented in a predetermined area within a display area. In response to detecting a first interaction with the first identifier, the first media item is presented in the display area. In response to detecting a second interaction for closing the first media item, a second identifier of a second media item adjacent to the first media item is presented in a first area within the predetermined area. The prominence of the display attributes of the first area is higher than the prominence of the display attributes of other areas within the predetermined area.

[0030] For example, the predetermined area is the area where the horizontal scrolling card is loaded, and the first media item is the video carried by the horizontal scrolling card with the highest sorting. The user can play the content of the video after clicking the logo of the video. After the user closes the video, the logo of the next media item, such as the logo of the next video, is displayed in the predetermined area. In this way, the displayed media items can be automatically updated in the predetermined area. In this way, the user can watch more media items without performing further operations (for example, sliding). This advantageously improves the user experience.

[0031] Various example implementations of this solution are described in detail below in conjunction with the accompanying drawings.

[0032] Sample Environment

[0033] FIG1 shows a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. As shown in FIG1 , the example environment 100 may include a terminal device 110 .

[0034] In this example environment 100, an application 120 is installed on a terminal device 110. A user 140 can interact with the application 120 via the terminal device 110 and / or its attached devices. The application 120 can be a social application, a content sharing application, a shopping application, or any other suitable application. In the environment 100 of FIG. 1 , if the application 120 is active, the application 120 can provide services to the user 140, such as creating, playing, viewing media items, and / or searching for or purchasing products.

[0035] In addition, the terminal device 110 can present an interface 150 of the application 120. The content presented by the interface 150 may change according to the specific services provided by the application 120, the user's interactive behavior / preset operation, etc.

[0036] In some embodiments, the terminal device 110 communicates with the server 130 to provide services for the application 120. The terminal device 110 can be any type of mobile terminal, fixed terminal or portable terminal, including a mobile phone, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, a personal communication system (PCS) device, a personal navigation device, a personal digital assistant (PDA), an audio / video player, a digital camera / camcorder, a positioning device, a television receiver, a radio broadcast receiver, an e-book device, a gaming device or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the terminal device 110 can also support any type of interface for the user (such as "wearable" circuitry, etc.).

[0037] The server 130 can be a standalone physical server, a server cluster or distributed system consisting of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content distribution networks, and big data and artificial intelligence platforms. For example, the server 130 can include computing systems / servers such as mainframes, edge computing nodes, computing devices in a cloud environment, and the like. The server 130 can provide background services for the application 120 that supports content presentation in the terminal device 110.

[0038] A communication connection may be established between the server 130 and the terminal device 110. The communication connection may be established via a wired or wireless connection. The communication connection may include, but is not limited to, a Bluetooth connection, a mobile network connection, a Universal Serial Bus connection, a Wi-Fi connection, etc., and the embodiments of the present disclosure are not limited in this respect. In the embodiments of the present disclosure, the server 130 and the terminal device 110 may implement signaling interaction via the communication connection between them.

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

[0040] Sample interface

[0041] Figures 2A and 2B are schematic diagrams of the display interface of the terminal device 110 provided by an embodiment of the present disclosure. Figure 2A is a schematic diagram of the interface of the terminal device 110 displayed in portrait mode, and Figure 2B is a schematic diagram of the interface of the terminal device 110 displayed in landscape mode.

[0042] 2A , a display interface 200A presented when the terminal device 110 is in portrait orientation includes a display area 210. The display area 210 includes a predetermined area 220, which means that the predetermined area 220 is a portion of the display area 210. Similarly, with reference to FIG2B , a display interface 200B presented when the terminal device 110 is in portrait orientation includes the display area 210, and the display area 210 also includes the predetermined area 220.

[0043] In the embodiment of the present disclosure, the display area 210 is an area capable of displaying multiple media items. The media items in the embodiment of the present disclosure may include any of the following: text, image, video, etc. As mentioned above, the media items can be displayed in the form of cards, and the card form includes fixed cards and cards that can be slid. The media items presented in the display area 210 may include both media items in the form of fixed cards and media items in the form of cards that can be slid, such as the horizontal sliding cards mentioned above. In the example of Figure 2A, the display area 210 can display a media item 240 of news displayed as fixed cards and a media item 250 of encyclopedia knowledge. The display area 210 can also display media items in the form of sliding cards, such as media item 222, media item 224, and media item 226.

[0044] In an embodiment of the present disclosure, the predetermined area 220, as part of the display area 210, refers to an area capable of displaying multiple media items that can be slid to switch the display. Exemplarily, the predetermined area 220 can be the area mentioned above that can load the horizontal sliding card. As an example, the media items displayed in the predetermined area 220 can come from a media item list. The media item list can be sent to the terminal device 110 by the server 130, for example. In some embodiments, the media item list includes multiple media items, and these multiple media items are arranged in a preset order. For example, the media item list includes N (N is a positive integer greater than or equal to 2) media items, which can be numbered 1 to N according to the order in which the media items can be presented. The user can perform a sliding operation in the predetermined area 220 to switch the media items displayed on the current interface. The media items that are ranked higher in the media item list, that is, the media items that are numbered higher, are presented first.

[0045] In the example of FIG2A , media items 222, 224, and 226 are displayed in a predetermined area 220. These media items may be from a media item list. The media item list may also include more media items. If a user performs a sliding operation in the predetermined area 220, the displayed media items may be hidden, while the remaining media items may be displayed.

[0046] In some embodiments of the present disclosure, the display area 210 and the predetermined area 220 are updated in different ways. Specifically, a user sliding along the axial direction of the display area 210 can update the media items presented in the display area 210. A user sliding along the axial direction of the predetermined area 220 can update the media items presented in the predetermined area 220.

[0047] In some embodiments of the present disclosure, the axial directions of the display area 210 and the predetermined area 220 intersect and form a preset angle. The preset angle is set to a large value to distinguish the direction of the sliding operation that triggers the update of the display area 210 and the predetermined area 220 as much as possible. The preset angle is, for example, 90 degrees. That is, the axial directions of the display area 210 and the predetermined area 220 are perpendicular to each other. Referring to Figure 2A, the axial direction of the display area 210 can be vertical (parallel to the long side of the terminal device 110), and the axial direction of the predetermined area 220 can be horizontal (parallel to the short side of the terminal device 110). Then, if it is detected that the user performs an interaction operation on the terminal device in which the sliding direction is consistent with the axial direction (vertical direction) of the display area 210 (also referred to as the third interaction herein), such as an up or down swipe operation, the media items presented in the display area 210 can be updated. If it is detected that the user performs an interaction operation on the terminal device in which the sliding direction is consistent with the predetermined area 220 (also referred to as the fourth interaction herein), such as a left or right swipe operation, the media items presented in the predetermined area 220 can be updated.

[0048] 2B , the axial direction of display area 210 is horizontal, and the axial direction of predetermined area 220 is vertical. Therefore, if a user is detected to be swiping left or right on the terminal device, the media items presented in display area 210 may be updated. If a user is detected to be swiping up or down on the terminal device, the media items presented in predetermined area 220 may be updated.

[0049] In some embodiments, as mentioned above, the media items presented in the predetermined area 220 are from a media item list. Due to the size of the terminal device display screen, the number of media items that can be presented in the predetermined area 220 is limited. Then, when updating the media items presented in the predetermined area 220, at least two target media items can be selected from the media item list based on the sliding direction performed by the user in the predetermined area 220, and these media items are presented in the predetermined area 220. In some embodiments, two media items can be displayed in the predetermined area 220. Specifically, one target media item is displayed in one area (also referred to as the first area) of the predetermined area 220. Another target media item is displayed in another area (also referred to as the second area) of the predetermined area 220. The second area is generally adjacent to the first area.

[0050] 2A and 2B , media item 224 and media item 226 are presented in two different areas of the predetermined area 220, respectively. It will be appreciated that in the examples of FIG. 2A and 2B , the display area 210 includes one predetermined area 220. In practice, the display area 210 may include multiple predetermined areas. The present disclosure does not limit the number of predetermined areas, nor does it limit the location of the predetermined area 220 in the display area 210.

[0051] The following describes a process of updating the media items presented in the predetermined area 220 in conjunction with an exemplary interface.

[0052] Referring to FIG3 , the terminal device displays a display interface 310 , in which identifiers of media item 224 and media item 226 are presented in a predetermined area 220 of the display interface 310 . In the disclosed embodiment, the identifiers of the media items may include thumbnails of the media items, at least a portion of thumbnails of the media items, or media items that are played in a loop. In the disclosed embodiment, to distinguish between different media items, media item 224 may be referred to as a first media item, and media item 226 may be referred to as a second media item. Accordingly, the identifier of the first media item may be referred to as a first identifier, and the identifier of the second media item may be referred to as a third identifier. Media item 224 may be located in the first area, and media items may be located in the second area.

[0053] Afterward, if the user performs a first interaction 311 on media item 224, such as clicking on the icon of media item 224, the terminal device's display interface switches from interface 310 to interface 320. The content of media item 224 is presented in display area 210 of interface 320. In the example of FIG3 , media item 224 is a video, and the content of the video is played in display area 210 of interface 320.

[0054] The user can perform a fifth interaction (e.g., a sliding operation) in the display interface 320. In response, the media item presented in the display area 210 of the display interface 320 is updated. The updated media item can, for example, be from another media item list. The other media item list is different from the media item list corresponding to the predetermined area 220. In other words, the media item updated in the display area 210 is not the media item 226. For example, if the media item 224 is a live video, after the user performs a sliding operation on the display interface 320, the new live video can be updated.

[0055] If the user performs a second interaction 321 on the display interface 320 to close the media item 224, in the example of FIG3 , the second interaction 321 may be an operation of clicking an exit control to exit the interface 320. In response, the media items presented in the predetermined area 220 are updated. The update here primarily refers to at least partially hiding the played media item 224 and presenting a new media item. As an example, the identifier of the media item 226 adjacent to the media item 224 is presented in the first area 221 of the predetermined area 220. The first area 221 may be the area used to present the identifier of the media item 224 before the predetermined area 220 was updated. Furthermore, in another area of ​​the predetermined area 220, the identifier of the media item 228 is presented in the second area 222 adjacent to the first area 221. In the disclosed embodiment, the media item 228 may be referred to as the third media item, and the identifier of the media item 228 may be referred to as the third identifier. As mentioned above, the media items presented in the predetermined area 220 may be from a media item presentation list, so the media item 226 may be a media item adjacent to the media item 224, and the media item 228 may be a media item adjacent to the media item 226 in the media item presentation list.

[0056] In some embodiments, the display mode of the first region 221 is significantly different from that of the remaining regions in the predetermined region 220. In the embodiment of the present disclosure, the significant difference can be represented by different attribute values ​​of the display attributes, and the significance of the display attributes of the first region 221 is higher than that of the display attributes of the remaining regions in the predetermined region 220.

[0057] In some embodiments, the display attribute of the first region includes at least any one of the following items of the first region 221 : area, position, border, color, and focus state.

[0058] For example, referring to Figure 4A, the border of the first area 221 is different from the borders of other areas. In Figure 4A, the border of the first area 221 is bolded to illustrate the difference. In this way, the first area 221 can be displayed more prominently than other areas. Referring to Figure 4B, the area of ​​the first area 221 is much larger than the area of ​​other areas. Referring to Figure 4C, the first area 221 is located in the middle of the predetermined area 220. In other examples, the color of the first area 221 can be different from that of other areas to distinguish the first area from other areas. In other examples, the first area 221 can also be an area in a focused state. The focused state will be further explained below.

[0059] Refer to Figure 5. Media items can be presented in the form of cards. If the width of the display interface of the terminal device (represented by the container width in Figure 5) is w1, and the card width is w2, the number of cards that can be loaded in the display interface is (w1 / w2). Exemplarily, the ratio can be 1.7, 1.6, 1.5, and so on. In other words, the display interface of the terminal device can load a complete card, and can also load an incomplete card, such as a card with a width of 0.7 cards. Then the area referred to in the embodiment of the present disclosure is in a focused state, which is an area for cards that can be loaded completely. In the example of Figure 5, area 510 is the area in a focused state, that is, area 510 is the first area. And area 520 is other areas.

[0060] It is understood that in the examples of Figures 4A-4C , media item 224 is the first media item, and the area where the identifier of media item 224 is located is the first area. In other examples, media item 226 may be the first media item, and the display area where media item 226 is located may be the second area. The display area where media item 224 is located is the first area. That is, the identifier of another media item (media item 224) adjacent to the first media item (media item 226) is presented in the first area.

[0061] Thus, embodiments of the present disclosure can automatically update the displayed media items in a predetermined area. In this way, the next media item that the user may be interested in can be automatically presented without requiring further user interaction. This can advantageously enhance the user experience.

[0062] Example Process

[0063] 6 shows a flow chart of a process 600 for presenting media items according to some embodiments of the present disclosure. The process 600 may be implemented at the terminal device 110. The process 600 is described below with reference to FIG1.

[0064] As shown in FIG. 6 , in block 610 , the terminal device 110 presents a first identifier of a first media item in a predetermined area of ​​a display area.

[0065] At block 620 , the terminal device 110 presents a first media item in a display area in response to detecting a first interaction with the first identifier.

[0066] In box 630, in response to detecting a second interaction for closing the first media item, the terminal device 110 presents a second identifier of a second media item adjacent to the first media item in a first area of ​​the predetermined area, and the prominence of the display attributes of the first area is higher than the prominence of the display attributes of other areas in the predetermined area.

[0067] In some embodiments, the display attribute of the first region includes at least any one of the following items of the first region: area, position, border, color, and focus state.

[0068] In some embodiments, presenting the second indicator in a first area of ​​the predetermined areas includes: exiting presentation of the first media item; and updating the predetermined areas so that the second indicator is presented in the first area.

[0069] In some embodiments, the second media item is adjacent to the first media item in the list of media items.

[0070] In some embodiments, the predetermined area is a portion of the display area, and an axial direction of the predetermined area is perpendicular to an axial direction of the display area.

[0071] In some embodiments, process 600 further includes, in response to detecting that a sliding direction of the third interaction within the display area is consistent with an axial direction of the display area, updating the display area based on the third interaction.

[0072] In some embodiments, process 600 further includes, in response to detecting that a sliding direction of the fourth interaction within the predetermined area is consistent with an axial direction of the predetermined area, updating the predetermined area based on the fourth interaction.

[0073] In some embodiments, updating the predetermined area includes: selecting at least two target media items from the media item list based on the sliding direction of the fourth interaction; and presenting the at least two target media items in a second area adjacent to the first area in the first area and the other areas, respectively.

[0074] In some embodiments, process 600 further includes presenting, in a second area adjacent to the first area among the other areas, a third identifier of a third media item adjacent to the second media item.

[0075] In some embodiments, presenting the first identifier in a predetermined area of ​​the display area includes presenting the first identifier in a first area, and process 600 further includes presenting the second identifier in a second area.

[0076] In some embodiments, presenting the first identifier in the predetermined area of ​​the display area includes presenting the first identifier in the second area, and process 600 further includes presenting another identifier of another media item adjacent to the first media item in the first area.

[0077] In some embodiments, the first media item and the second media item include at least any of the following: text, image, video, and the first identifier includes: a thumbnail of the first media item, or at least a portion of the thumbnail of the first media item.

[0078] In some embodiments, process 600 further includes, during presentation of the first media item in the display area, in response to detecting a fifth interaction with the display area, presenting a third media item in the display area, the third media item being different from the second media item.

[0079] Example devices and equipment

[0080] Embodiments of the present disclosure also provide corresponding apparatuses for implementing the above-described methods or processes. FIG7 shows a schematic structural block diagram of an apparatus 700 for interface interaction according to certain embodiments of the present disclosure. Apparatus 700 may be implemented as or included in terminal device 110. Each module / component in apparatus 700 may be implemented by hardware, software, firmware, or any combination thereof.

[0081] As shown in FIG7 , apparatus 700 includes a first presentation module 710 configured to present a first identifier of a first media item in a predetermined area of ​​a display area. Apparatus 700 also includes a second presentation module 720 configured to present the first media item in the display area in response to detecting a first interaction with the first identifier. Apparatus 700 also includes a third presentation module 730 configured to present a second identifier of a second media item adjacent to the first media item in a first area of ​​the predetermined area in response to detecting a second interaction for closing the first media item, wherein the prominence of the display attribute of the first area is higher than the prominence of the display attributes of other areas of the predetermined area.

[0082] In some embodiments, the display attribute of the first region includes at least any one of the following items of the first region: area, position, border, color, and focus state.

[0083] In some embodiments, the third presentation module 730 is further configured to exit presentation of the first media item; and update the predetermined area so as to present the second identifier in the first area.

[0084] In some embodiments, the second media item is adjacent to the first media item in the list of media items.

[0085] In some embodiments, the predetermined area is a portion of the display area, and an axial direction of the predetermined area is perpendicular to an axial direction of the display area.

[0086] In some embodiments, the apparatus 700 further includes an updating module configured to update the display area based on the third interaction in response to detecting that a sliding direction of the third interaction within the display area is consistent with an axial direction of the display area.

[0087] In some embodiments, the update module is further configured to update the predetermined area based on the fourth interaction in response to detecting that a sliding direction of the fourth interaction within the predetermined area is consistent with an axial direction of the predetermined area.

[0088] In some embodiments, the update module is further configured to select at least two target media items from the media item list based on the sliding direction of the fourth interaction; and present the at least two target media items in a second area adjacent to the first area in the first area and the other areas, respectively.

[0089] In some embodiments, the apparatus 700 further includes a fourth presentation module configured to present a third identifier of a third media item adjacent to the second media item in a second area adjacent to the first area among the other areas.

[0090] In some embodiments, the first presentation module 710 is further configured to present a first logo in the first area. The third presentation module 730 is further configured to present a second logo in the second area.

[0091] In some embodiments, the first presentation module 710 is further configured to present the first identifier in the second area.The third presentation module 730 is further configured to present another identifier of another media item adjacent to the first media item in the first area.

[0092] In some embodiments, the first media item and the second media item include at least any of the following: text, image, video, and the first identifier includes: a thumbnail of the first media item, or at least a portion of the thumbnail of the first media item.

[0093] In some embodiments, the apparatus 700 further includes a fifth presentation module configured to present a third media item in the display area in response to detecting a fifth interaction with the display area during presentation of the first media item in the display area, the third media item being different from the second media item.

[0094] The modules and / or units included in the device 700 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more modules and / or 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 machine executable instructions, some or all of the modules and / or units in the device 400 can be implemented at least in part 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 chip (SOCs), complex programmable logic devices (CPLDs), and the like.

[0095] FIG8 shows a block diagram of an electronic device 800 that can implement one or more embodiments of the present disclosure. It should be understood that the electronic device 800 shown in FIG8 is merely exemplary and should not be construed as limiting the functionality and scope of the embodiments described herein. The electronic device 800 shown in FIG8 can be used to implement the terminal device 110 and / or the server 130 of FIG1 .

[0096] As shown in FIG8 , electronic device 800 is in the form of a general-purpose computing device. Components of electronic device 800 may include, but are not limited to, one or more processors or processing units 810, memory 820, storage device 830, one or more communication units 840, one or more input devices 850, and one or more output devices 860. Processing unit 810 may be a real or virtual processor and is capable of performing various processes according to programs stored in memory 820. In a multi-processor system, multiple processing units execute computer-executable instructions in parallel to enhance the parallel processing capabilities of electronic device 800.

[0097] The electronic device 800 typically includes a plurality of computer storage media. Such media can be any available media accessible to the electronic device 800, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 820 can be a volatile memory (e.g., registers, cache, random access memory (RAM)), a non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 830 can be a removable or non-removable medium and can include a machine-readable medium, such as a flash drive, a disk, or any other medium that can be used to store information and / or data (e.g., training data for training) and can be accessed within the electronic device 800.

[0098] The electronic device 800 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG8 , a disk drive for reading from or writing to a removable, non-volatile disk (e.g., a “floppy disk”) and an optical 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 820 may include a computer program product 825 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.

[0099] The communication unit 840 enables communication with other electronic devices via a communication medium. Additionally, the functions of the components of the electronic device 800 can be implemented in a single computing cluster or multiple computing machines that can communicate via a communication connection. Thus, the electronic device 800 can operate in a networked environment using a logical connection with one or more other servers, a network personal computer (PC), or another network node.

[0100] The input device 850 may be one or more input devices, such as a mouse, keyboard, or trackball. The output device 860 may be one or more output devices, such as a display, a speaker, or a printer. The electronic device 800 may also communicate with one or more external devices (not shown) via the communication unit 840 as needed, such as a storage device, a display device, or the like, with one or more devices that allow a user to interact with the electronic device 800, or with any device that allows the electronic device 800 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input / output (I / O) interface (not shown).

[0101] According to an exemplary embodiment of the present disclosure, a computer-readable storage medium is provided, on which computer-executable instructions are stored, wherein the computer-executable instructions are executed by a processor to implement the method described above. According to an exemplary embodiment of the present disclosure, a computer program product is also provided, 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.

[0102] Various aspects of the present disclosure are described herein with reference to 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 combinations of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.

[0103] 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 generated that implements the functions / actions specified in one or more blocks in the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, where these instructions cause the computer, programmable data processing device, and / or other device to operate in a specific manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing various aspects of the functions / actions specified in one or more blocks in the flowchart and / or block diagram.

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

[0105] The flow charts and block diagrams in the accompanying drawings show the possible architecture, functions and operations of the systems, methods and computer program products according to multiple implementations of the present disclosure. In this regard, each box in the flow chart or block diagram can represent a part for a module, program segment or instruction, and a part for a module, program segment or instruction comprises one or more executable instructions for realizing the logical function of the specification. In some alternative implementations, the functions marked in the box can also occur in a sequence different from that marked in the accompanying drawings. For example, two continuous boxes can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flow chart, and the combination of the boxes in the block diagram and / or flow chart can be realized by a special hardware-based system that performs the function or action of the specification, or can be realized by a combination of special hardware and computer instructions.

[0106] While various implementations of the present disclosure have been described above, the above descriptions are exemplary, non-exhaustive, and not intended to be limiting of 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 selected to best explain the principles of the implementations, their practical applications, or improvements to existing technologies, or to enable others skilled in the art to understand the various embodiments disclosed herein.

Claims

1. A method for presenting a media item, comprising: Presenting a first identifier of a first media item in a predetermined area of ​​the display area; In response to detecting a first interaction with the first identifier, presenting the first media item in the display area; as well as In response to detecting a second interaction for closing the first media item, a second identifier of a second media item adjacent to the first media item is presented in a first area of ​​the predetermined area, and the prominence of display attributes of the first area is higher than the prominence of display attributes of other areas of the predetermined area. 2 . The method according to claim 1 , wherein the display attribute of the first area comprises at least one of the following items of the first area: area, position, border, color, and focus state.

3. The method according to claim 1, wherein presenting the second logo in the first area of ​​the predetermined area comprises: exiting presentation of the first media item; as well as The predetermined area is updated so that the second logo is presented in the first area. The method of claim 1 , wherein the second media item is adjacent to the first media item in a list of media items. 5 . The method according to claim 1 , wherein the predetermined area is a portion of the display area, and an axial direction of the predetermined area is perpendicular to an axial direction of the display area.

6. The method according to claim 5, further comprising: In response to detecting that a sliding direction of a third interaction within the display area is consistent with the axial direction of the display area, updating the display area based on the third interaction.

7. The method according to claim 1, further comprising: In response to detecting that a sliding direction of a fourth interaction within the predetermined area is consistent with the axial direction of the predetermined area, the predetermined area is updated based on the fourth interaction.

8. The method according to claim 7, wherein updating the predetermined area comprises: selecting at least two target media items from the list of media items based on a direction of the fourth interaction; as well as The at least two target media items are presented respectively in the first area and a second area adjacent to the first area among the other areas.

9. The method according to claim 1, further comprising: In a second area adjacent to the first area among the other areas, a third identifier of a third media item adjacent to the second media item is presented.

10. The method according to claim 9, wherein presenting the first logo in a predetermined area in the display area comprises: presenting the first logo in the first area, and The method further includes presenting the second logo in the second area.

11. The method according to claim 9, wherein presenting the first logo in a predetermined area in a display area comprises: presenting the first logo in the second area, and The method further includes presenting, in the first area, another identification of another media item adjacent to the first media item.

12. The method according to claim 1, wherein the first media item and the second media item include at least any one of the following: text, image, video, and The first identification includes: A thumbnail of the first media item, or at least a portion of the thumbnail of the first media item.

13. The method according to claim 1, further comprising: During presentation of the first media item in the display area, in response to detecting a fifth interaction with the display area, presenting a third media item in the display area, the third media item being different from the second media item.

14. An apparatus for presenting a media item, comprising: A first presentation module configured to present a first identifier of a first media item in a predetermined area of ​​the display area; The second presentation module is configured to respond to the detection of the first interacting, presenting the first media item in the display area; as well as The third presentation module is configured to present a second identifier of a second media item adjacent to the first media item in a first area of ​​the predetermined area in response to detecting a second interaction for closing the first media item, wherein the significance of the display attributes of the first area is higher than the significance of the display attributes of other areas of the predetermined area.

15. 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 13 when executed by the at least one processing unit.

16. A computer-readable storage medium having a computer program stored thereon, the computer program causing a processor to implement the method according to any one of claims 1 to 13 when the computer program is executed by the processor.

Citation Information

Patent Citations

  • System and method for switching between media items in a plurality of sequences of media items

    CN105830454A

  • Media data playing method and device, readable storage medium and computer equipment

    CN114449361A

  • Image display method, image display device, electronic equipment, medium and product

    CN115421833A

  • Method, device and equipment for presenting media items and readable storage medium

    CN116992060A

  • Methods and apparatus to preview content

    US7689933B1