A media playing page interaction method and device

Abstract

This application discloses a media playback page interaction method and apparatus. The method includes: playing a first media file included in a first media stream on a first media playback page; responding to a preset requirement that the number of updated media files of associated users with a preset association with the current user meets a preset requirement, further displaying a first entry component on the first media playback page; responding to a trigger operation on the first entry component, obtaining information about the associated users and a list of updated media files of the associated users from the server, displaying a first panel on the first media playback page and displaying the information about the associated users and the list of updated media files of the associated users on the first panel; responding to a trigger operation on a second media file in the media file list, jumping to a second media playback page, and playing the triggered second media file on the second media playback page. This application can improve the efficiency of filtering updated media files of associated users and enhance the user experience.

Description

Technical Field

[0001] This application relates to the field of information technology, and in particular to a media playback page interaction method and apparatus. Background Technology

[0002] With the rapid development of internet technology and smart terminals, users' demands for efficient media content consumption are constantly increasing. Currently, existing technologies typically set up separate tabs in the graphical user interface. For example, a "Following" tab is provided on the media playback page. When a user wants to view media content updated by an author they follow, they need to click the "Following" tab, switch to the following page, and then filter for updated media content from the authors they follow. This results in a deep operation path and low filtering efficiency, and the user experience needs to be improved. Summary of the Invention

[0003] In view of this, this application provides a media playback page interaction method and apparatus to improve the filtering speed of updated media files of associated users and the user experience.

[0004] This application provides the following solution: Firstly, a media playback page interaction method is provided, the method comprising: Play the first media file included in the first media stream on the first media playback page; In response to the fact that the number of media files updated by associated users with a preset association with the current user meets the preset number requirement, the first entry component is further displayed on the first media playback page; In response to the trigger operation of the first entry component, the information of the associated user and the list of media files updated by the associated user are obtained from the server, and a first panel is displayed on the first media playback page, displaying the information of the associated user and the list of media files updated by the associated user on the first panel. In response to a trigger operation on a second media file in the media file list, the system redirects to a second media playback page and plays the triggered second media file on the second media playback page.

[0005] Optionally, playing the triggered second media file on the second media playback page includes: Obtain a second media stream from the server, the second media stream including the media file updated by the target associated user to which the triggered second media file belongs; Play the second media file on the second media playback page.

[0006] Optionally, the second media playback page also displays playback prompt information corresponding to the second media stream, the playback prompt information including the number of media files included in the second media stream and the current playback progress information; the method further includes: In response to a media switching operation triggered on the second media playback page, switch to playing the next media file in the second media stream and update the playback prompt information.

[0007] Optionally, the second media playback page also displays playback prompt information corresponding to the second media stream, including: the second media playback page also displays a playback prompt component corresponding to the second media stream, and the playback prompt information is displayed on the playback prompt component; The method further includes: in response to a triggering operation of the playback prompt component, displaying a second panel on the second media playback page, the second panel including a second media file list included in the second media stream.

[0008] Optionally, the method further includes: The second entry component is displayed on the second media playback page; In response to a trigger operation on the second entry component, a first panel is displayed on the second media playback page, showing the information of the associated user and a list of media files updated by the associated user.

[0009] Optionally, the first panel displays information about the associated user and a list of media files updated by the associated user, including: In the first area of ​​the first panel, multiple options for the associated users are displayed, and in the second area of ​​the first panel, a list of media files updated by the associated users corresponding to the selected options is displayed in conjunction with the selected options. In response to the toggling of the selected option's state, the second area displays a list of media files updated by the associated user corresponding to the selected option after the toggle.

[0010] Optionally, displaying the information of the associated user and the list of media files updated by the associated user on the first panel further includes: In response to switching the selected state of an option, highlight the option that is now selected and move the previously selected option out of the first area.

[0011] Optionally, the media file list displayed on the first panel includes preview information of the media files and a collection component; the method further includes: In response to the triggering operation of the collection component, the information of the third media file corresponding to the triggered collection component is sent to the server in the collection request so as to add the third media file to the current user's collection list.

[0012] Optionally, the number of media file updates for associated users with a preset association with the current user meets a preset quantity requirement, including: The number of media files published by associated users with a preset association relationship to the current user within a preset time range exceeds a preset threshold; or, The number of media files published by associated users who have a preset association with the current user and which the current user has not yet played exceeds a preset threshold.

[0013] Secondly, a media playback page interaction device is provided, the device comprising: The first media file playback unit is configured to play the first media file included in the first media stream on the first media playback page; The first entry component display unit is configured to further display the first entry component on the first media playback page in response to the fact that the number of media files updated by associated users with a preset association relationship with the current user meets a preset number requirement. The panel display unit is configured to, in response to a trigger operation on the first entry component, obtain information about the associated user and a list of media files updated by the associated user from the server, display the first panel on the first media playback page, and display the information about the associated user and the list of media files updated by the associated user on the first panel. The second media file playback unit is configured to, in response to a trigger operation on a second media file in the media file list, jump to a second media playback page and play the triggered second media file on the second media playback page.

[0014] Thirdly, a computer-readable storage medium is provided having a computer program stored thereon, which, when executed by a processor, implements the steps of the method described in any one of the first aspects above.

[0015] Fourthly, an electronic device is provided, comprising: One or more processors; and A memory associated with the one or more processors, the memory being used to store program instructions that, when read and executed by the one or more processors, perform the steps of the method described in any one of the first aspects above.

[0016] Fifthly, a computer program product includes a computer program that, when executed by a processor, implements the steps of the method described in any one of the first aspects.

[0017] According to the specific embodiments provided in this application, the following technical effects are disclosed: 1) In response to the fact that the number of media files updated by associated users with a preset association with the current user meets a preset requirement, this application further displays a first entry component on the first media playback page. By responding to a trigger operation on the first entry component on the first media playback page, a first panel is displayed on the first media playback page, showing the information of the associated users and a list of media files updated by those users. This allows for direct triggering of playback of the second media file within the first panel. This approach eliminates the need for a long operation path like "returning to the homepage - entering the follow page - and then finding the media files updated by the associated users." Instead, the list of media files updated by the associated users can be viewed on the same page during the playback of the first media stream, significantly shortening the user's operation path and improving the continuity of the experience.

[0018] 2) This application loads and prepares the content stream (i.e., the second media stream) belonging to the selected associated user directly in the triggered playback page. After the user selects a single second media file, the solution automatically constructs a context for continuously playing subsequent content from the same associated user. This allows the user to naturally and seamlessly continue to consume other content from the associated user after watching the current second media file, achieving a smooth transition from "selecting a single second media file" to "continuously consuming the media stream of the same associated user", thus improving the continuity of content consumption and the user's immersion.

[0019] 3) This application provides users with intuitive feedback on the playback progress of the second media stream by displaying playback prompts on the second media playback page, allowing users to have a clear expectation of the remaining media content, thereby optimizing the sense of control and experience of media playback.

[0020] 4) This application can trigger the playback prompt component on the second media playback page to pop up a second panel, and uniformly display the list of second media files included in the second media stream on the second panel, so that users can quickly filter the updated media files of the currently playing media files belonging to the same associated user through the second panel, thereby further improving the user's filtering efficiency and experience.

[0021] 5) This application reproduces the filtering entry component (second entry component) in the second media playback page after the jump. This solution ensures the continuous availability of filtering capabilities in the user's browsing path, so that the user can easily restart the filtering of media files updated by the user at any time in any playback context without performing multiple back operations. This further enhances the lightweight and convenience of the filtering function and improves the consistency of product functions across different pages.

[0022] 6) When switching associated users, the second area will be updated accordingly, enabling media file filtering by author dimension, which effectively improves the efficiency of media file filtering. In addition, when switching associated users, there is no need to reload the entire first panel. Instead, the media file list of the corresponding associated user is refreshed in the second area, which realizes instant feedback that can be seen with a click, and improves the efficiency of media file updating and display.

[0023] 7) This application highlights the selected option after switching and moves the previously selected option out of the first area, keeping the first area simple and highlighting only the currently selected author option. This avoids visual clutter caused by the endless accumulation of options and allows users to focus their attention on the selected option and the few adjacent alternative options, thus optimizing the interface clarity and interaction focus in the limited panel space.

[0024] 8) This application integrates the collection component directly into the media file list on the first panel. This solution allows users to instantly mark works of interest during the browsing and content discovery stage, without having to go through the long path of "click to play - find the collection entry on the playback page - collect". This brings the collection action forward and simplifies it, effectively improving the efficiency of users' content marking and management.

[0025] 9) This application determines whether the number of media files published by associated users with a preset relationship with the current user within a preset time range exceeds a preset threshold, or whether the number of media files published by associated users with a preset relationship with the current user that the current user has not yet played exceeds a preset threshold. This achieves the determination of content freshness and user unread count, respectively. Both determination criteria are directly related to the volume of new media files that the user may be interested in, ensuring the effectiveness and value of the first entry component display.

[0026] Of course, any product implementing this application does not necessarily need to achieve all of the advantages described above at the same time. Attached Figure Description

[0027] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0028] Figure 1 This is a system architecture diagram applicable to the embodiments of this application.

[0029] Figure 2 A flowchart illustrating the media playback page interaction method provided in this application embodiment.

[0030] Figure 3 This is a schematic diagram illustrating the process of filtering a second media file as provided in an embodiment of this application.

[0031] Figure 4 This is a schematic diagram of a page displaying playback prompt information provided in an embodiment of this application.

[0032] Figure 5 This is a schematic diagram of a page that triggers the second entry component, as provided in an embodiment of this application.

[0033] Figure 6 This is a schematic diagram of the page for switching authors provided in an embodiment of this application.

[0034] Figure 7 This is a schematic diagram of another first panel provided in an embodiment of this application.

[0035] Figure 8 This is a schematic diagram of a page displaying the collection component provided in an embodiment of this application.

[0036] Figure 9 A schematic block diagram of a media playback page interaction device provided in an embodiment of this application.

[0037] Figure 10 A schematic block diagram of an electronic device provided in an embodiment of this application. Detailed Implementation

[0038] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. All other embodiments obtained by those skilled in the art based on the embodiments of this application are within the scope of protection of this application.

[0039] The terminology used in the embodiments of this invention is for the purpose of describing particular embodiments only and is not intended to limit the invention. The singular forms “a,” “the,” and “the” as used in the embodiments of this invention and the appended claims are also intended to include the plural forms unless the context clearly indicates otherwise.

[0040] It should be understood that the term "and / or" used in this article is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, and B existing alone. Additionally, the character " / " in this article generally indicates that the preceding and following related objects have an "or" relationship.

[0041] Depending on the context, the word "if" as used here can be interpreted as "when," "when," "in response to determination," or "in response to detection." Similarly, depending on the context, the phrase "if determination" or "if detection (of the stated condition or event)" can be interpreted as "when determination," "in response to determination," "when detection (of the stated condition or event)," or "in response to detection (of the stated condition or event)."

[0042] Currently, existing technologies typically use separate tabs in the graphical user interface. For example, a "Following" tab might be provided on a media playback page. When a user wants to view media content updated by an author they follow, they need to click the "Following" tab, switch to the following page, and then filter for the media content updated by the author they follow. This results in a deep operation path and low filtering efficiency, and the user experience needs improvement.

[0043] In view of this, this application provides a new approach. To facilitate understanding of this application, the system architecture on which this application is based will first be described. Figure 1 An exemplary system architecture that can be applied to embodiments of this application is shown, such as Figure 1 As shown, the system architecture may include: user terminal, terminal device and server terminal.

[0044] The server side and the client side are the two main components of an application service. The server side uses a server as its primary hardware infrastructure and may include one or more software service modules. The server side and the client side form a collaborative front-end and back-end.

[0045] The client can be set on the terminal device. In the embodiments of this application, the client can be a local application, a mini-program, or a web application running through a browser on the terminal device.

[0046] Terminal devices can include, but are not limited to, smart mobile terminals, wearable devices, PCs (Personal Computers), and smart home devices. Smart mobile devices can include devices such as mobile phones, tablets, laptops, PDAs (Personal Digital Assistants), and connected car terminals. Wearable devices can include devices such as smartwatches, smart glasses, smart bracelets, VR (Virtual Reality) devices, AR (Augmented Reality) devices, and mixed reality devices (devices that support both virtual and augmented reality). Smart home devices can include devices such as smart TVs and smart refrigerators with displays.

[0047] The user client can interact with the server through the network. For example, the user client can send data such as media files collected through the terminal device or stored on the terminal device to the server; or, for example, the user client can request and obtain media files from the server and play them.

[0048] The server side can be a platform setting up a media file playback service. It can be a single server, a server cluster consisting of multiple servers, or a cloud server. A cloud server, also known as a cloud computing server or cloud host, is a host product in the cloud computing service system, designed to address the shortcomings of traditional physical hosts and Virtual Private Servers (VPS) services, such as high management difficulty and weak service scalability.

[0049] It should be understood that Figure 1 The number of client terminals, terminal devices, and servers shown is merely illustrative. Depending on implementation needs, there can be any number of client terminals, terminal devices, and servers.

[0050] Figure 2 This is a flowchart of a media playback page interaction method provided in an embodiment of this application. This method can be... Figure 1 The user-side execution in the system shown is as follows. Figure 2 As shown, the method may include the following steps: Step 201: Play the first media file included in the first media stream on the first media playback page.

[0051] Step 203: In response to the fact that the number of media files updated by associated users with a preset association with the current user meets the preset quantity requirement, the first entry component is further displayed on the first media playback page.

[0052] Step 205: In response to the trigger operation of the first entry component, obtain the information of the associated user and the list of media files updated by the associated user from the server, display the first panel on the first media playback page, and display the information of the associated user and the list of media files updated by the associated user on the first panel.

[0053] Step 207: In response to the trigger operation on the second media file in the media file list, jump to the second media playback page and play the triggered second media file on the second media playback page.

[0054] As can be seen from the above process, this application, in response to the triggering operation of the first entry component in the first media playback page, displays a first panel on the first media playback page, and displays the information of the associated user and the list of media files updated by the associated user in the first panel. It supports direct triggering of the second media file to play within the first panel. Compared with the existing method of filtering the second media file through the follow page, this application does not require switching pages and can complete the filtering of the second media file on the same page, which significantly shortens the operation path for users to access the second media file and effectively improves the filtering efficiency of the second media file.

[0055] The following describes in detail each step of the above process and the effects that can be further produced, with reference to the embodiments. It should be noted that the terms "first" and "second" used in this disclosure do not have limitations in terms of size, order, or quantity, but are only used to distinguish them by name. For example, "first media playback page" and "second media playback page" are used to distinguish media playback pages by name.

[0056] First, the above step 201, namely "playing the first media file included in the first media stream on the first media playback page", will be described in detail with reference to the embodiments.

[0057] In this embodiment, the first media playback page is an interface for playing a first media file, and may include a display area for the first media file. In some embodiments, the first media playback page also displays author information, brief information, a like button, a comment button, a favorite button, and a share button for users to view and use. A media file refers to a digital file containing at least one of audio, video, image, or text content; for example, it may be a short video file, a long video file, a live replay file, an animated image file, or a graphic card file with background music. A media stream refers to a collection of multiple media files organized sequentially, which may be ordered in reverse chronological order, by popularity, or by a specific algorithm recommendation. The media stream can be played automatically and continuously within the media playback page, or the user can manually switch between playback modes.

[0058] In this embodiment, the first media stream can be a platform-level public domain recommended media stream, meaning it belongs to the external stream. For example, media streams recommended on the featured page, recommended page, or discovery page are considered external streams. For instance, when a user enters a short video application and the default page is the featured page, the video played on the first media playback page (which is the featured page at this time) is a video in the external stream. External streams are usually recommended based on user interests and may include videos posted by other users associated with the current user, or videos posted by people unrelated to the current user.

[0059] For example, when a user opens a short video application, the terminal device sends a first media stream acquisition request to the server. After receiving the first media stream acquisition request, the server obtains the first media stream according to the recommendation algorithm and sends the first media stream to the terminal device. The terminal device then plays the media files in the first media stream sequentially on the first media playback page.

[0060] The following describes in detail step 203, namely, "in response to the fact that the number of media files updated by associated users with a preset association relationship with the current user meets the preset number requirement, the first entry component is further displayed on the first media playback page," with reference to the embodiments.

[0061] Among them, associated users refer to other users who have a preset association with the current user. For example, they can be users that the current user has followed, users who are friends with the current user, or users whose content the current user frequently views.

[0062] One feasible method is to identify followed users or added friends based on the current user's clicks to follow or add friends. Another feasible method is to identify frequently viewed users based on the current user's historical viewing data, and then designate these frequently viewed users as associated users.

[0063] In this embodiment, the media files of an associated user refer to the content of works published by the associated user. One possible implementation is that the number of media files updated by associated users with a preset association with the current user meets a preset requirement. This can include: the number of media files published by associated users with a preset association with the current user within a preset time range exceeds a preset threshold. For example, if the number of works updated by people frequently viewed by the current user in the last 24 hours is obtained, and if 12 works have been updated by people frequently viewed by the current user, and the preset threshold is 4, it indicates that the number of updated works exceeds the preset requirement. In this case, a first entry component can be further displayed on the first media playback page for the user to click and trigger.

[0064] As another possible approach, the number of media file updates from associated users with a pre-defined association with the current user meets a pre-defined requirement. This can include: the number of media files published by associated users with a pre-defined association that the current user has not yet played exceeds a pre-defined threshold. For example, if the number of updates from people the current user frequently views is obtained, and if 12 of those updates have been made by people the current user frequently views, and the current user has not yet played 5 of them, and the pre-defined threshold is 4, then the first entry component is further displayed on the first media playback page.

[0065] It should be noted that the first criterion mentioned above focuses on the freshness of the content, while the second focuses on the number of unread pages. Both criteria are directly related to the volume of new media files that users might be interested in, ensuring the effectiveness and value of the first entry point component.

[0066] The first entry component refers to the user interface element used to launch or display the first panel. That is, after a user triggers the first entry component, the first panel will pop up on the first media playback page, allowing the current user to filter media files published by related users. In some embodiments, the first entry component may include text and icons. For example, the text could be "Frequent Viewers," such as... Figure 3 As shown in (a), the icon can be ">", etc. In some embodiments, the first entry component can include a user avatar thumbnail, text, and an icon. For example, the text can be "People I often see", the icon can be ">", etc., and the user avatar thumbnail can be a thumbnail of the associated user's avatar.

[0067] It should be noted that the aforementioned first entry component is only displayed on the first media playback page when the associated user has updated a sufficient number of media files. This avoids invalid function prompts due to a scarcity of updated works, thus preventing interference with the user experience.

[0068] The following describes in detail step 205, namely, "in response to the triggering operation of the first entry component, obtain the information of the associated user and the list of media files updated by the associated user from the server, display the first panel on the first media playback page and display the information of the associated user and the list of media files updated by the associated user on the first panel", with reference to the embodiments.

[0069] In this embodiment, the first panel refers to an interactive view layer that dynamically appears or is embedded on top of the current first media playback page. The first panel can be displayed in various forms; for example, it can be semi-transparently overlaid on the original first media playback page, or it can be opaque. No specific limitation is made here. The information associated with the user refers to information associated with the user, which may include, but is not limited to, the user's name and avatar. The list of media files updated by the associated user can include media files updated by one or more associated users within a preset time range. For example, the media file list could be a list of short videos or images updated by all authors followed by the current user within 24 hours.

[0070] For example, Figure 3 This is a schematic diagram illustrating the process of filtering a second media file provided in an embodiment of this application. The first media playback page displays the first media file, its author name "AABB," and its description information in the first media file display area. The first media playback page also includes a first entry component, which is a button containing "Frequent Viewers," see [link to relevant documentation]. Figure 3 (a) shows a schematic diagram of the page. After the user clicks the button, the client sends a request to the server, carrying the user's identity identifier. Based on the user's identity identifier, the server queries the names, avatars, and updated media files of the frequently viewed authors, and constructs a media file list based on these updated files. The server then sends the names, avatars, and updated media files of the frequently viewed authors to the client. Upon receiving this information, the client displays a first panel on the first media playback page, showing the names, avatars, and updated media files of the frequently viewed authors. The original first media file can be zoomed in and out for playback. See [link to relevant documentation]. Figure 3 (b) shows a schematic diagram of the page.

[0071] The following describes step 207, namely, "in response to the triggering operation of the second media file in the media file list, jump to the second media playback page and play the triggered second media file on the second media playback page," in detail with reference to the embodiments.

[0072] For example, the user clicks Figure 3 (b) After displaying any second media file or its cover image in the first panel, the system redirects to the second media playback page. The triggered second media file is then played on the second media playback page, which displays the author's name "CCDD" and the file's description, etc. (See also...) Figure 3 (c) shows a schematic diagram of the page.

[0073] One possible approach is to directly retrieve the triggered second media file from the server based on its work name or work number. The server then sends the second media file to the terminal device, which plays the triggered second media file on the second media playback page.

[0074] As another possible approach, the second media playback page can differ from the first media playback page; it can be an internal streaming media playback page, meaning the second media playback page is used to play the second media file within the internal stream. An internal stream refers to the circulating traffic within a specific content set, such as the media stream of a topic, collection, category, following page, or personal homepage. In this embodiment, playing the triggered second media file on the second media playback page can include: obtaining the second media stream (e.g., the internal stream) from the server, where the second media stream includes media files updated by the target associated user to which the triggered second media file belongs; and playing the second media file on the second media playback page.

[0075] For example, after a user discovers a work of interest (i.e., a media file published by an associated user) through the first panel and clicks to play it, the terminal device can send the work's name, number, and other identifying information to the server. The server then obtains the author's name, identity, and other identifying information based on this information, and subsequently retrieves the author's recently updated second media file as a second media stream. The server returns this second media stream. The terminal device can locate the clicked work from the list based on its identification information and begin playback from there. That is, this application does not play the selected work in isolation, but automatically loads a sequence of the author's recently updated works and plays them continuously starting from the work clicked by the user. For example, if a user clicks the third video of author 1 in the first panel, after navigating to the second media playback page, not only will the clicked video be played, but the second, first, fourth, and so on videos of author 1 will also be preloaded, forming a continuous playback queue.

[0076] It should be noted that by obtaining the media files updated by the target associated user to which the triggered second media file belongs, this application can avoid the need for users to manually search for the next second media file after watching one, thus achieving a seamless experience of discovery and in-depth playback, and improving the playback efficiency and user experience of second media files.

[0077] Furthermore, the arrangement of media files in the second media stream can include, but is not limited to, sorting based on reverse chronological order of update time, sorting based on playback popularity, or personalized sorting based on the current user's viewing preferences. For example, the system can analyze the current user's historical viewing behavior and select the top N most likely works of interest from all media files updated by the authors they follow to form the second media stream, where N is a positive integer.

[0078] To provide users with clear playback expectations and a sense of position when playing a second media stream, this application also provides the following preferred solutions. As one possible approach, the second media playback page also displays playback prompt information corresponding to the second media stream. This playback prompt information includes the number of media files included in the second media stream and the current playback progress information. The number of media files refers to the number of second media files in the second media stream. The current playback progress information is used to indicate the playback progress of the second media stream. The method further includes: responding to a media switching operation triggered on the second media playback page, switching to play the next media file in the second media stream, and updating the playback prompt information.

[0079] Specifically, when the server obtains the second media stream data, it can simultaneously obtain the number of media files contained in the second media stream data and send this number of media files to the terminal device. During media file playback, the terminal device sets an index for the media file being played and generates playback prompt information based on the index and the number of media files. Each time a media file is switched, the index is incremented or decremented by 1, and an updated playback prompt information is generated based on the updated index and the number of media files.

[0080] For example, Figure 4 This is a schematic diagram of a page displaying playback prompt information provided in an embodiment of this application. For example... Figure 4 As shown, the second media playback page displays "CCDD's Update 1 / 3", where "CCDD" is the author's nickname, "3" indicates that the author "CCDD" has updated three works, and "1" indicates that the first work by the author "CCDD" is currently being played. When the user switches to play a work by swiping up, the next media file of the three works by the author "CCDD" will be played, and "CCDD's Update 1 / 3" will be updated to "CCDD's Update 2 / 3".

[0081] It should be noted that this application provides users with intuitive feedback on the playback progress of the second media stream by displaying playback prompts on the second media playback page, giving users a clear expectation of the remaining media content, thereby optimizing the sense of control and experience of media playback.

[0082] As another possible approach, the second media playback page also displays a playback prompt component corresponding to the second media stream, and displays playback prompt information for the playback prompt component. The method further includes: in response to the triggering operation of the playback prompt component, further displaying a second panel on the second media playback page, the second panel displaying a list of second media files included in the second media stream.

[0083] The second media file list can be any media file in the second media stream. For example, if the currently playing second media file is one of the works updated by user A, then after the user clicks the playback prompt component, a second panel will pop up, which will display all the works updated by user A.

[0084] The second media file list can also be media files in the second media stream that the current user has not yet played. For example, if the currently playing second media file is one of the works updated by user A, and this second media file has already been played, then when the user clicks the playback prompt component, a second panel will pop up, displaying the works updated by user A that the current user has not yet played.

[0085] Understandably, the above settings allow users to quickly select media files of interest from the second media stream for playback, without having to play media files that are not of interest.

[0086] To ensure that the media file filtering capability is maintained after redirecting to the second media playback page, this application can provide an entry point to the first panel on the second media playback page.

[0087] One possible approach is to display a second entry component on the second media playback page. In response to a triggering operation on the second entry component, a first panel is displayed on the second media playback page, showing the information of the associated user and a list of media files updated by the associated user.

[0088] In this embodiment, the second entry component differs from the first entry component in that the second entry component is the component that triggers the display of the first panel in the second media playback page, while the first entry component is the component that triggers the display of the first panel in the first media playback page.

[0089] For example, Figure 5 This is a schematic diagram of a page that triggers the second entry component, as provided in an embodiment of this application. Figure 5As shown, the second entry component contains a section for "Frequently Viewed Users - 12 Updated Works". When a user is viewing a media file updated by author 1, they can directly click on this second entry component if they wish to view media files updated by other authors. After clicking on this second entry component, the first panel will be displayed on the second media playback page, showing the information of the associated user and a list of media files updated by that user, allowing the user to select media files updated by other authors.

[0090] It should be noted that by displaying a second entry component on the second media playback page, this application ensures that users can easily trigger the second media file filtering function again in any playback environment, thus achieving continuous availability of the filtering function and improving the user experience.

[0091] As another possible approach, the second media playback page can be redirected back to the first media playback page, which contains the first panel, via a back button or by swiping right on the screen. For example, if the user clicks... Figure 3 (c) You can go back to the previous screen by clicking the "<" button in the upper left corner or by swiping right on the screen. Figure 3 (b) The corresponding page.

[0092] To further optimize the interaction logic and information organization efficiency within the first panel, this application also provides the following preferred solutions for the display method of the first panel.

[0093] One possible implementation is to display information about associated users and a list of media files updated by associated users on the first panel, including: displaying multiple options for associated users in the first area of ​​the first panel, and displaying the list of media files updated by associated users corresponding to the selected option in the second area of ​​the first panel; in response to switching the selected option, displaying the list of media files updated by associated users corresponding to the selected option after the switch in the second area.

[0094] In this embodiment, the first panel space can be divided into a first area and a second area. The first area can display options for multiple associated users. Each option refers to a component corresponding to a selectable associated user, such as an avatar, name, or other similar elements. This allows the current user to distinguish between different associated users and select one of interest, for example, clicking on the avatar or name of author 1. The second area displays a list of updated media files for the associated user corresponding to the selected option. For example, when the user clicks on author 1's avatar, updated media files for author 1 can be displayed in the second area. Overall, the first area is used for displaying and selecting users at the author level, while the second area is used for displaying and selecting users at the media file level; the two are closely coupled.

[0095] For example, Figure 6 This is a schematic diagram of a page for switching authors, provided as an embodiment of this application. For example... Figure 6 As shown, Figure 6 In (a), the first area is located at the top of the first panel. This area displays multiple user avatars arranged horizontally, such as Author 1, Author 2, Author 3, etc. Author 1's avatar is highlighted, indicating that Author 1 is selected. The second area displays the updated media file list for the selected Author 1, which includes Second Media File 1 and Second Media File 2. When a user clicks on Author 2's avatar in the first area, Author 1's avatar dims, and Author 2's avatar brightens. The second area then displays the media file list for Author 2, which includes Second Media File 3 and Second Media File 4.

[0096] It should be noted that when switching associated users, the second area will be updated accordingly, enabling media file filtering by author and effectively improving the efficiency of media file filtering. In addition, when switching associated users, there is no need to reload the entire first panel. Instead, the second area will refresh to display the media file list of the corresponding associated user, providing instant feedback and improving the efficiency of media file updating and display.

[0097] As another possible approach, the first panel displays information about the associated user and a list of media files updated by the associated user, and also includes: highlighting the option in the selected state after the switch in response to the option being selected, and moving the option in the previously selected state out of the first area.

[0098] Highlighting options includes actions such as enlarging, increasing brightness, or adding a blur mask to unselected options; specific limitations are not specified here. Moving previously selected options out of the first area—that is, not displaying previously selected options in the first area—is designed to minimize interference with the user's subsequent media file selection, as the user has already viewed or is no longer interested in the media files associated with those previously selected options.

[0099] For example, Figure 7 This is a schematic diagram of another first panel provided in an embodiment of this application. (See diagram below.) Figure 7 As shown in (a), the first area is located at the bottom of the first panel. The first area is a capsule-shaped container that supports horizontal sliding. Multiple author options are arranged inside the capsule-shaped container. When the user slides the author option to the left, the avatar of author 1, which is in the first position, will disappear, and the avatar of author 2 will be updated to the first position. In addition, other author avatars in the capsule-shaped container will be blurred with a mask to highlight the avatar of author 2.

[0100] It should be noted that this application highlights the option in the selected state after switching, and moves the previously selected option out of the first area, keeping the first area simple and highlighting only the currently selected author option. This avoids visual clutter caused by the endless accumulation of options and allows the user's attention to focus on the selected option and its few adjacent alternatives, thus optimizing the interface clarity and interaction focus in the limited panel space.

[0101] As another possible approach, the selected option after the toggle can be highlighted by zooming in. For example, ... Figure 7 As shown in (b), the avatar of author 1 can be enlarged so that the current user knows that author 1 has been selected, providing clearer visual focus management compared to highlighting by increasing brightness.

[0102] In some embodiments, such as Figure 7 As shown in (a), the second area displays a list of media files corresponding to the currently selected associated user, presented in a two-column format. In other embodiments, such as Figure 7 As shown in (b), the first panel can be in the form of a single-column list. When the second media file is displayed in the single-column list, the second media file can be played in a silent manner, so that the user can quickly understand the second media file without affecting the user's filtering operation of the second media file.

[0103] To expand the functionality of the first panel, this application also adds media file preview information and a favorites component to the first panel, enabling users to quickly understand and manage media files. As one possible implementation, in response to a triggering operation on the favorites component, information about the third media file corresponding to the triggered favorites component is sent to the server in a favorites request, thereby adding the third media file to the current user's favorites list.

[0104] The third media file refers to the second media file that the current user has favorited. The favorites list can be pre-stored on the server and may include one or more media files currently favorited by the user.

[0105] For example, Figure 8 This is a schematic diagram of a page displaying the collection component provided in an embodiment of this application, such as... Figure 8As shown, the second media file displayed in the first panel can be a thumbnail, video clip, image gallery, or other preview information. In addition, it can further display the title, description, etc. Below the second media file is a heart-shaped favorites widget; when the user clicks on this widget, it will be filled. Furthermore, the terminal device can send the name, ID, and other information of the second media file currently favorited by the user to the server in a favorites request. The server then adds the second media file to the current user's favorites list. Below the second media file, the author's name, avatar, and other information are also displayed.

[0106] It should be noted that this application adds a collection component to the first panel, which brings the collection operation to the content filtering and discovery stage, enabling instant filtering and collection, greatly simplifying the collection operation path and improving the efficiency of users marking content they are interested in.

[0107] In some embodiments, if the number of times an associated object publishes second media content within a preset time range exceeds a first preset threshold, the second media content is displayed in a multi-column format in the second area; if the number of times an associated object publishes second media content within a preset time range exceeds a second preset threshold but is less than a first preset threshold, the second media content is displayed in a single column format in the second area. The first preset threshold is greater than the second preset threshold. For example, if the first preset threshold is 8 and the second preset threshold is 4, if an author followed by the current user updates 12 works in the last 24 hours, the second media content is displayed in a multi-column format in the second area; if an author followed by the current user updates 6 works in the last 24 hours, the second media content is displayed in a single column format in the second area. It should be noted that the above scheme enables dynamic changes in the display format of the second media content, improving the adaptability of the second media content display method.

[0108] To facilitate understanding of the above methods, processes, and technical effects, several application examples are provided below: Example 1: When a user is watching a short video recommended by the system on a short video platform, when a short video posted by a frequently viewed user is played, an entry component containing "Frequently Viewed Users" can be displayed on the short video playback page for the user to click. After the user clicks on the entry component, a first panel will pop up, displaying the avatars of the users the user frequently views and the short videos posted by those users. Users can filter for short videos of users associated with the avatars by avatar, and can also play short videos of interest by clicking on the cover images of short videos of interest in the first panel.

[0109] Example 2: When a user opens a short video platform, if the number of updates from the authors the user follows meets a preset requirement, an entry component containing "Frequent Viewers" will be displayed on the first short video playback page. When the user clicks on this entry component, a first panel will pop up, displaying the avatars of the authors the user follows and the short videos they have posted. The user can filter for the short videos of the authors whose avatars are displayed, and can also click on a short video cover in the first panel to jump to and play the short video corresponding to that cover.

[0110] The foregoing has described specific embodiments of this specification. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims may be performed in a different order than that shown in the embodiments and may still achieve the desired result. Furthermore, the processes depicted in the drawings do not necessarily require the specific or sequential order shown to achieve the desired result. In some embodiments, multitasking and parallel processing are possible or may be advantageous.

[0111] According to another embodiment, a media playback page interaction device is provided. Figure 9 A schematic block diagram of a media playback page interaction device according to one embodiment is shown, the device being disposed in Figure 1 The user end in the illustrated architecture. For example... Figure 9 As shown, the device 900 includes: a first media file playback unit 901, a first entry component display unit 902, a panel display unit 903, and a second media file playback unit 904. It may further include a second media switching unit 905, a second entry component triggering unit 906, and a media file collection unit 907. The main functions of each component are as follows: The first media file playback unit 901 is configured to play the first media file included in the first media stream on the first media playback page.

[0112] The first entry component display unit 902 is configured to further display the first entry component on the first media playback page in response to the fact that the number of media files updated by associated users with a preset association relationship with the current user meets a preset number requirement.

[0113] The panel display unit 903 is configured to, in response to a trigger operation on the first entry component, obtain information about the associated user and a list of media files updated by the associated user from the server, display a first panel on the first media playback page, and display the information about the associated user and the list of media files updated by the associated user on the first panel.

[0114] The second media file playback unit 904 is configured to, in response to a trigger operation on a second media file in the media file list, jump to a second media playback page and play the triggered second media file on the second media playback page.

[0115] As one possible implementation method, the second media file playback unit 904 can be specifically configured to obtain a second media stream from the server, the second media stream including the media file updated by the target associated user to which the triggered second media file belongs; and play the second media file on the second media playback page.

[0116] As one possible implementation, the second media playback page also displays playback prompt information corresponding to the second media stream, the playback prompt information including the number of media files included in the second media stream and the current playback progress information; further, the second media switching unit 905 is configured to switch to the next media file in the second media stream in response to a media switching operation triggered on the second media playback page, and update the playback prompt information.

[0117] As another possible implementation, the second media playback page also displays a playback prompt component corresponding to the second media stream, and displays the playback prompt information for the playback prompt component. The panel display unit 903 can also be configured to further display a second panel on the second media playback page in response to a trigger operation on the playback prompt component. The second panel includes a list of second media files included in the second media stream.

[0118] As one possible implementation, the second entry component triggering unit 906 is configured to display the second entry component on the second media playback page; in response to the triggering operation of the second entry component, a first panel is displayed on the second media playback page, and the information of the associated user and the list of media files updated by the associated user are displayed on the first panel.

[0119] As one possible implementation, the panel display unit 903 can be specifically configured to display multiple options of the associated users in a first area of ​​the first panel, and to display, in conjunction with the second area of ​​the first panel, a list of media files updated by the associated users corresponding to the selected options; in response to switching the selected options, to display, in the second area, a list of media files updated by the associated users corresponding to the selected options after the switch.

[0120] As one possible implementation, the panel display unit 903 can also be configured to, in response to switching the selected state of an option, highlight the option in the selected state after the switch, and move the previously selected option out of the first area.

[0121] As one possible implementation, the media file list displayed on the first panel includes preview information of the media files and a collection component; further, the media file collection unit 907 is configured to, in response to a trigger operation on the collection component, send information of the third media file corresponding to the triggered collection component in a collection request to the server, so as to add the third media file to the current user's collection list.

[0122] As one possible implementation method, the first entry component display unit 902 can be specifically configured such that the number of media files published by associated users with a preset association relationship with the current user within a preset time range exceeds a preset number threshold; or, the number of media files published by associated users with a preset association relationship with the current user that the current user has not yet played exceeds a preset number threshold.

[0123] The various embodiments in this specification are described in a progressive manner. Similar or identical parts between embodiments can be referred to mutually. Each embodiment focuses on describing the differences from other embodiments. In particular, for system or device embodiments, since they are basically similar to method embodiments, the description is relatively simple, and relevant parts can be referred to the description of the method embodiments. The system and device embodiments described above are merely illustrative. The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the modules can be selected to achieve the purpose of this embodiment according to actual needs. Those skilled in the art can understand and implement this without creative effort.

[0124] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties. Furthermore, the collection, use and processing of the relevant data must comply with the relevant laws, regulations and standards of the relevant countries and regions, and corresponding operation entry points are provided for users to choose to authorize or refuse.

[0125] In addition, embodiments of this application also provide a computer-readable storage medium storing a computer program thereon, which, when executed by a processor, implements the steps of the method described in any of the foregoing method embodiments.

[0126] And an electronic device, comprising: One or more processors; and A memory associated with the one or more processors, the memory being used to store program instructions that, when read and executed by the one or more processors, perform the steps of the method described in any of the foregoing method embodiments.

[0127] This application also provides a computer program product, including a computer program that, when executed by a processor, implements the steps of the method described in any of the foregoing method embodiments.

[0128] in, Figure 10 An exemplary architecture of an electronic device is shown, which may include a processor 1010, a video display adapter 1011, a disk drive 1012, an input / output interface 1013, a network interface 1014, and a memory 1020. The processor 1010, video display adapter 1011, disk drive 1012, input / output interface 1013, network interface 1014, and memory 1020 can communicate with each other via a communication bus 1030.

[0129] The processor 1010 can be implemented using a general-purpose CPU, microprocessor, application-specific integrated circuit (ASIC), or one or more integrated circuits to execute relevant programs and implement the technical solution provided in this application.

[0130] The memory 1020 can be implemented in the form of ROM (Read Only Memory), RAM (Random Access Memory), static storage device, dynamic storage device, etc. The memory 1020 can store the operating system 1021 for controlling the operation of the electronic device 1000, and the basic input / output system (BIOS) 1022 for controlling the low-level operations of the electronic device 1000. Additionally, it can store a web browser 1023, a data storage management system 1024, and a media playback page interaction device 900, etc. The aforementioned media playback page interaction device 900 can be the application program that specifically implements the aforementioned steps in this embodiment. In summary, when implementing the technical solution provided in this application through software or firmware, the relevant program code is stored in the memory 1020 and executed by the processor 1010.

[0131] Input / output interface 1013 is used to connect input / output modules to realize information input and output. Input / output modules can be configured as components in the device (not shown in the figure) or externally connected to the device to provide corresponding functions. Input devices may include keyboards, mice, touch screens, microphones, various sensors, etc., and output devices may include displays, speakers, vibrators, indicator lights, etc.

[0132] The network interface 1014 is used to connect the communication module (not shown in the figure) to enable communication between this device and other devices. The communication module can communicate via wired means (such as USB, Ethernet cable, etc.) or wireless means (such as mobile network, WIFI, Bluetooth, etc.).

[0133] Bus 1030 includes a pathway for transmitting information between various components of the device, such as processor 1010, video display adapter 1011, disk drive 1012, input / output interface 1013, network interface 1014, and memory 1020.

[0134] It should be noted that although the above-described device only shows the processor 1010, video display adapter 1011, disk drive 1012, input / output interface 1013, network interface 1014, memory 1020, bus 1030, etc., in specific implementations, the device may also include other components necessary for normal operation. Furthermore, those skilled in the art will understand that the above-described device may only include the components necessary for implementing the solution of this application, and does not necessarily include all the components shown in the figures.

[0135] As can be seen from the above description of the embodiments, those skilled in the art can clearly understand that this application can be implemented by means of software plus necessary general-purpose hardware platforms. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, can be embodied in the form of a computer program product. This computer program product can be stored in a storage medium, such as ROM / RAM, magnetic disk, optical disk, etc., and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute the methods described in various embodiments or some parts of the embodiments of this application.

[0136] The technical solutions provided in this application have been described in detail above. Specific examples have been used to illustrate the principles and implementation methods of this application. The descriptions of the above embodiments are only for the purpose of helping to understand the methods and core ideas of this application. Furthermore, those skilled in the art will recognize that, based on the ideas of this application, there will be changes in the specific implementation methods and application scope. Therefore, the content of this specification should not be construed as a limitation of this application.

Claims

1. A media play page interaction method, characterized in that, The method includes: Play the first media file included in the first media stream on the first media playback page; In response to the fact that the number of media files updated by associated users with a preset association with the current user meets the preset number requirement, the first entry component is further displayed on the first media playback page; In response to the trigger operation of the first entry component, the information of the associated user and the list of media files updated by the associated user are obtained from the server, and a first panel is displayed on the first media playback page, displaying the information of the associated user and the list of media files updated by the associated user on the first panel. In response to a trigger operation on a second media file in the media file list, the system redirects to a second media playback page and plays the triggered second media file on the second media playback page.

2. The method of claim 1, wherein, Play the triggered second media file on the second media playback page, including: Obtain a second media stream from the server, the second media stream including the media file updated by the target associated user to which the triggered second media file belongs; Play the second media file on the second media playback page.

3. The method of claim 2, wherein, The second media playback page also displays playback prompt information corresponding to the second media stream, including the number of media files included in the second media stream and the current playback progress information; the method further includes: In response to a media switching operation triggered on the second media playback page, switch to playing the next media file in the second media stream and update the playback prompt information.

4. The method of claim 3, wherein, The second media playback page also displays playback prompt information corresponding to the second media stream, including: the second media playback page also displays a playback prompt component corresponding to the second media stream, and the playback prompt information is displayed on the playback prompt component; The method further includes: in response to a triggering operation of the playback prompt component, displaying a second panel on the second media playback page, the second panel including a second media file list included in the second media stream.

5. The method of claim 1, wherein, The method further includes: The second entry component is displayed on the second media playback page; In response to a trigger operation on the second entry component, a first panel is displayed on the second media playback page, showing the information of the associated user and a list of media files updated by the associated user.

6. The method according to claim 1 or 5, characterized in that, The first panel displays the information of the associated user and a list of media files updated by the associated user, including: In the first area of ​​the first panel, multiple options for the associated users are displayed, and in the second area of ​​the first panel, a list of media files updated by the associated users corresponding to the selected options is displayed in conjunction with the selected options. In response to the toggling of the selected option's state, the second area displays a list of media files updated by the associated user corresponding to the selected option after the toggle.

7. The method of claim 6, wherein, The first panel displays the information of the associated user and a list of media files updated by the associated user, and also includes: In response to switching the selected state of an option, highlight the option that is now selected and move the previously selected option out of the first area.

8. The method of claim 1 or 5, wherein, The media file list displayed on the first panel includes preview information of the media files and a collection component; the method further includes: In response to the triggering operation of the collection component, the information of the third media file corresponding to the triggered collection component is sent to the server in the collection request so as to add the third media file to the current user's collection list.

9. The method according to any one of claims 1 to 5, characterized in that, The number of media file updates for associated users with a preset association with the current user meets the preset quantity requirement, including: The number of media files published by associated users with a preset association relationship to the current user within a preset time range exceeds a preset threshold; or, The number of media files published by associated users who have a preset association with the current user and which the current user has not yet played exceeds a preset threshold.

10. A media play page interaction apparatus, characterized in that, The device includes: The first media file playback unit is configured to play the first media file included in the first media stream on the first media playback page; The first entry component display unit is configured to further display the first entry component on the first media playback page in response to the fact that the number of media files updated by associated users with a preset association relationship with the current user meets a preset number requirement. The panel display unit is configured to, in response to a trigger operation on the first entry component, obtain information about the associated user and a list of media files updated by the associated user from the server, display the first panel on the first media playback page, and display the information about the associated user and the list of media files updated by the associated user on the first panel. The second media file playback unit is configured to, in response to a trigger operation on a second media file in the media file list, jump to a second media playback page and play the triggered second media file on the second media playback page.

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

12. An electronic device, comprising: include: One or more processors; as well as A memory associated with the one or more processors, the memory being used to store program instructions that, when read and executed by the one or more processors, perform the steps of the method according to any one of claims 1 to 9.

13. A computer program product comprising a computer program, characterized in that, When executed by a processor, the computer program implements the steps of the method according to any one of claims 1 to 9.

Images