Playing page display method and device

Abstract

The embodiment of the invention discloses a display method and device of a playing page, and relates to the technical field of internet application. According to the main technical scheme, the method comprises the steps of displaying a media file on a first playing page in a first mode; in response to the fact that the playing condition of the media file meets a preset condition when the first mode is adopted, the first playing page is switched to a second mode to display the media file, and compared with the first mode, the second mode displays more media files on the first playing page at the same time. According to the method and the device, the media file is displayed in the second mode on the first playing page through the instant response to the user demand, so that the user can browse information of more media files at the same time, and the efficiency and the experience of the user are improved.

Description

Technical Field

[0001] The present application relates to the field of Internet application technology, and in particular to a method and device for displaying a playback page. Background Art

[0002] With the rapid development of the Internet and mobile communication technologies, media playback services provided for mobile terminals such as mobile phones and tablet computers have been widely used. For example, users can watch videos anytime and anywhere through long video playback applications and short video playback applications.

[0003] However, with the increasing popularity of media playback technology and the continuous improvement of user needs, how to improve user experience and improve user efficiency has become an urgent problem to be solved. Summary of the invention

[0004] In view of this, the present application provides a method and device for displaying a playback page to improve user experience and user efficiency.

[0005] This application provides the following solutions: In a first aspect, a method for displaying a playback page is provided, the method comprising: Displaying the media file in a first mode on a first playback page; In response to detecting an event of switching the media file and the playback status of the media file in the first mode meets a preset condition, switching to displaying the media file in the second mode on the first playback page; When the second mode is used to display the media file on the first play page, if an event of switching the media file is detected, switching back to displaying the media file in the first mode on the first play page; When the first play page adopts the second mode to display the media file, a preset component is also displayed on the first play page, the preset component indicates to view more media files in the second mode, and if an event of the preset component being triggered is detected, the page is jumped to the second play page, and the media file is displayed in the second mode on the second play page; When the second mode is used to display the media file on the second play page, if an event of switching the media file is detected, the media file displayed in the second mode is switched on the second play page; The second mode displays more media files simultaneously compared with the first mode.

[0006] Optionally, when the first mode is adopted, the displayed media files are arranged in a single column; When the second mode is adopted, the information of the displayed media files is arranged in multiple columns.

[0007] Optionally, the playback status of the media file in the first mode satisfies a preset condition, which includes at least one of the following: When the first mode is adopted, the average playback duration of the media file is less than or equal to the preset duration threshold; When the first mode is adopted, the complete play rate of the media file is less than or equal to a preset complete play rate threshold; When the first mode is adopted, the fast switching rate of the media files is greater than or equal to a preset fast switching rate threshold, and the fast switching rate is the ratio of the media files whose playing time is less than or equal to the preset time threshold to the played media files; When the first mode is adopted, the number of media files that are fast-cut within a preset duration is greater than or equal to a preset fast-cut quantity threshold, and the fast-cut playback duration is less than or equal to the preset duration threshold.

[0008] Optionally, displaying the media file in the second mode includes: Display preview information of multiple media files at the same time.

[0009] Optionally, the preview information includes a cover image, a thumbnail image, or a media file segment.

[0010] Optionally, displaying the media file in the second mode further includes: The media file segments of the plurality of media files are played in sequence, wherein a cover image or a thumbnail image is displayed for the media files whose media file segments have not been played or the media files whose media file segments have been played.

[0011] Optionally, the method further comprises: In response to the event that the preview information of the media file is triggered, the first play page is switched to playing the media file corresponding to the triggered preview information in a first mode.

[0012] Optionally, displaying the media file in the second mode on the second play page includes: the second play page is in the form of two consecutive book pages presented by an open book, and at least one media file is displayed on each book page; In response to the event of switching the media file, the media file displayed in the second mode is switched on the second playback page, including: in response to detecting a click or slide gesture on the book page, displaying an animation of the book page being turned, and displaying the switched media file on the book page displayed after the animation.

[0013] Optionally, displaying the media file in the second mode on the second play page includes: The second play page includes category tags corresponding to multiple media categories, and the second mode is used to display the media files of the corresponding category for the selected category tag, and hide the media files of the categories corresponding to other category tags.

[0014] In a second aspect, a display device for a playback page is provided, the device comprising: A page display unit, configured to display a media file in a first mode on a first play page; an event detection unit, configured to detect an event on the first play page; The page display unit is further configured to, in response to the event detection unit detecting an event of switching media files and the playback status of the media files in the first mode meeting a preset condition, switch to displaying the media files in the second mode on the first playback page; when displaying the media files in the second mode on the first playback page, if the event detection unit detects an event of switching media files, switch back to displaying the media files in the first mode on the first playback page; when displaying the media files in the second mode on the first playback page, a preset component is also displayed on the first playback page, the preset component indicates to view more media files in the second mode, if the event detection unit detects an event that the preset component is triggered, jump to the second playback page, and display the media files in the second mode on the second playback page; when displaying the media files in the second mode on the second playback page, if the event detection unit detects an event of switching media files, switch the media files displayed in the second mode on the second playback page, wherein the second mode displays more media files simultaneously than the first mode.

[0015] In a third aspect, a computer-readable storage medium is provided, on which a computer program is stored, and when the program is executed by a processor, the steps of any one of the methods in the first aspect are implemented.

[0016] In a fourth aspect, an electronic device is provided, including: one or more processors; and A memory associated with the one or more processors, the memory being used to store program instructions, wherein the program instructions, when read and executed by the one or more processors, execute the steps of the method described in any one of the first aspects above.

[0017] In a fifth aspect, a computer program product is provided, comprising a computer program, which, when executed by a processor, implements the steps of any one of the methods described in the first aspect.

[0018] According to the specific embodiments provided in this application, this application discloses the following technical effects: 1) In response to the playback status of the media file in the first mode meeting the preset condition, the application automatically switches to the second mode on the first playback page to display the media file. The second mode displays more media files at the same time than the first mode, and the user can browse the information of more media files at the same time, thereby improving the user experience and efficiency.

[0019] In addition, when the second mode is used to display media files on the first play page, the user can switch back to the first mode to continue playing the media files by switching the media files. On the one hand, the operation is simple and fast, which is more in line with the user's usage habits. On the other hand, when the user does not want to use the second mode, the user can switch back to the first mode in time, and the operation cost is low. Moreover, when the second mode is used to display media files on the first play page, if the user wants to view more media files in the second mode, the user can also jump to the second play page by triggering the preset component on the first play page, and switch the media files in the second mode on the second play page to display more media files, thereby improving the efficiency of users obtaining media files and further improving the user experience.

[0020] 2) In the present application, the first mode displays media files in a single column, and the second mode displays media files in multiple columns. The second mode displays more media files on the first playback page at the same time than the first mode, providing users with more media file choices on the same playback page, allowing users to more efficiently select the media files of their interest.

[0021] 3) The present application provides a variety of scenarios for the preset conditions that the playback status of media files meets when the first mode is adopted, so that when the average playback time of the media files is less than or equal to the preset time threshold, or the complete playback rate of the media files is less than or equal to the preset complete playback rate threshold, or the fast-cut rate of the media files is greater than or equal to the preset fast-cut rate threshold, or the number of media files that are fast-cut within the preset time is greater than or equal to the preset fast-cut number threshold, the second mode can be switched to. In this way, when the played media files cannot meet the user's needs well, more media file choices can be provided to the user in a timely manner, thereby improving the user experience and efficiency.

[0022] 4) In the present application, when the playback status of the media file meets the preset conditions when the first mode is adopted, and when an event of switching the media file is detected, the first playback page is switched to the second mode for displaying the media file, that is, the mode switching is realized in the process of the user watching the media file and switching, and the media file makes the user's overall operation smoother.

[0023] 5) In this application, the second mode can be used to simultaneously display preview information of multiple media files, so that users can more directly understand the approximate content of multiple media files, helping users to more efficiently select media files of interest to watch or listen to.

[0024] 6) In the present application, when the second mode is adopted to display media files, media file segments of multiple media files are played in sequence, wherein cover images or thumbnails are displayed for media files whose media file segments have not been played or whose media file segments have been played. The information is displayed in various ways, and users can better and faster understand the approximate content of the media files through the media file segments, thereby improving the efficiency of users in selecting media files.

[0025] 7) In the present application, when the second mode is used to display media files, the user can trigger the preview information of any recommended media file and switch to the first mode to play the media file corresponding to the triggered preview information, thereby meeting the user's need to immersively watch or listen to the media files of interest.

[0026] Of course, any product implementing the present application does not necessarily need to achieve all of the advantages described above at the same time. BRIEF DESCRIPTION OF THE DRAWINGS

[0027] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0028] Figure 1 A system architecture diagram applicable to the embodiments of the present application.

[0029] Figure 2 A flow chart of a method for displaying a playback page provided in an embodiment of the present application.

[0030] Figure 3 A schematic diagram of switching between a first mode and a second mode on a first play page and jumping from a first play page to a second play page provided in an embodiment of the present application.

[0031] Figure 4 A schematic diagram of a second playback page provided in an embodiment of the present application.

[0032] Figure 5 Another schematic diagram of the second playback page provided in an embodiment of the present application.

[0033] Figure 6 A schematic block diagram of a display device for the playback page provided in an embodiment of the present application.

[0034] Figure 7 A schematic block diagram of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0035] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. All other embodiments obtained by ordinary technicians in this field based on the embodiments in the present application belong to the scope of protection of this application.

[0036] The terms used in the embodiments of the present invention are only for the purpose of describing specific embodiments, and are not intended to limit the present invention. The singular forms "a", "said" and "the" used in the embodiments of the present invention and the appended claims are also intended to include plural forms, unless the context clearly indicates other meanings.

[0037] It should be understood that the term "and / or" used in this article is only a description of the association relationship of associated objects, indicating that there can be three relationships. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone. In addition, the character " / " in this article generally indicates that the associated objects before and after are in an "or" relationship.

[0038] The word "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determining" or "in response to detecting", depending on the context. Similarly, the phrases "if it is determined" or "if (stated condition or event) is detected" may be interpreted as "when it is determined" or "in response to determining" or "when detecting (stated condition or event)" or "in response to detecting (stated condition or event)", depending on the context.

[0039] In the existing playback page display methods, media files are usually played to users in a fixed display mode, and users switch the played media files through specific gestures or commands. However, this method is relatively simple and rigid, with poor user experience and low efficiency.

[0040] In view of this, the present application provides a new idea. In order to facilitate the understanding of the present application, the system architecture on which the present application is based is first described. Figure 1 An exemplary system architecture to which the embodiments of the present application can be applied is shown. Figure 1 As shown in , the system architecture may include: a user end, a terminal device and a server end.

[0041] Among them, the user end is set on the terminal device. The user end involved in the embodiment of the present application can be a client, a small program running on the terminal device, or a Web application running through a browser, etc.

[0042] Terminal devices may include but are not limited to smart mobile terminals, wearable devices, PCs (Personal Computers), smart home devices, etc. Smart mobile devices may include mobile phones, tablet computers, laptops, PDAs (Personal Digital Assistants), Internet car terminals, etc. Wearable devices may include smart watches, smart glasses, smart bracelets, VR (Virtual Reality) devices, AR (Augmented Reality), mixed reality devices (i.e., devices that can support both virtual reality and augmented reality), etc. Smart home devices may include smart TVs, smart refrigerators with display screens, etc.

[0043] The client can interact with the server through the network, request and obtain media files from the server and play them.

[0044] The server side can be a platform that provides media file playback services. It can be a single server, a server group 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 to solve the problems of difficult management and weak service scalability in traditional physical hosts and virtual private servers (VPS) services.

[0045] The server can use streaming to send media files to the client, and the client plays the media file while downloading the media stream. It can also use progressive sending, that is, sending the media file to the client, and the client plays it after downloading the entire media file. In addition, other methods can be used to transmit media files to the client, such as providing media files based on CDN (Content Delivery Network) and transmitting them to the client.

[0046] As one of the achievable methods, the client may request a media file from the server, and the server transmits the media file to the client, and the client plays the media file using the method provided in the embodiment of the present application.

[0047] It should be understood that Figure 1The number of user terminals, terminal devices and server terminals in the embodiment is only for illustration. Any number of user terminals, terminal devices and server terminals may be provided according to implementation requirements.

[0048] Figure 2 A flowchart of a method for displaying a playback page provided in an embodiment of the present application. The method can be performed by Figure 1 The user side of the system shown is executed. Figure 2 As shown in , the method may include the following steps: Step 201: Displaying a media file in a first mode on a first play page.

[0049] Step 202: In response to detecting an event of switching media files and the playback status of the media files in the first mode meeting a preset condition, the first playback page is switched to displaying the media files in the second mode, and the second mode displays more media files on the first playback page at the same time compared with the first mode. When the second mode is used to display media files on the first playback page, if an event of switching media files is detected, step 203 is executed; when the second mode is used to display media files on the first playback page, a preset component is also displayed on the first playback page, and the preset component indicates that more media files are to be viewed in the second mode. If an event of the preset component being triggered is detected, step 204 is executed.

[0050] Step 203: Switch back to the first mode for displaying the media file on the first play page.

[0051] Step 204: Jump to the second play page and display the media file in the second mode on the second play page. When the media file is displayed in the second mode on the second play page, if an event of switching the media file is detected, step 205 is executed.

[0052] Step 205: Switch the media file displayed in the second mode on the second play page.

[0053] It can be seen from the above process that the present application responds to the playback status of the media file when the first mode is used to meet the preset conditions. When the user's needs are not well met, the application immediately adapts to the user's needs and switches to the second mode to display the media file for the user. By displaying more media files at the same time, the user can browse the information of more media files at the same time, thereby improving the user experience and efficiency.

[0054] In addition, when the second mode is used to display media files on the first play page, the user can switch back to the first mode to continue playing the media files by switching the media files. On the one hand, the operation is simple and fast, which is more in line with the user's usage habits. On the other hand, when the user does not want to use the second mode, the user can switch back to the first mode in time, and the operation cost is low. Moreover, when the second mode is used to display media files on the first play page, if the user wants to view more media files in the second mode, the user can also jump to the second play page by triggering the preset component on the first play page, and switch the media files in the second mode on the second play page to display more media files, thereby improving the efficiency of users obtaining media files and further improving the user experience.

[0055] The following is a detailed description of each step in the above process and the effects that can be further produced in conjunction with the embodiments. It should be noted that the "first" and "second" and other limitations involved in the present disclosure do not have limitations in terms of size, order, and quantity, and are only used to distinguish them in name. For example, "first mode" and "second mode" are used to distinguish the two modes in name. For another example, "first play page" and "second play page" are used to distinguish the two play pages in name. And so on.

[0056] First, the above step 201, namely "displaying the media file in the first mode on the first play page", is described in detail in conjunction with the embodiment.

[0057] As one of the achievable ways, the first mode involved in the embodiment of the present application can be to display the media files in a single column on the play page, or can be to display the media files in a single row.

[0058] The media files involved in the embodiments of the present application may be videos, audios or picture albums.

[0059] The video can be a long video or a short video. The distinction between long videos and short videos is mainly reflected in the length, content, and production methods of the video. Long videos are usually more than tens of minutes long; the content is relatively complete and in-depth, and the content quality is relatively high; it usually requires professional photography, editing, sound effects and other teams to complete, the production cycle is longer, and more resources are required; for example, movies, TV series, documentaries, etc. are all long videos. Short videos are usually within ten minutes or a few minutes; the content is usually relatively brief and concise, mainly focusing on highlighting a highlight or quickly conveying information; the production is also relatively simple, often shot with a mobile phone or other portable device, and post-editing is relatively easy; short videos pay more attention to rapid production and rapid dissemination, and emphasize timeliness; for example, some funny videos, life record videos, advertising videos, short dramas, etc. are all short videos.

[0060] In addition, the above videos can be either horizontal or vertical. Horizontal videos are videos whose width is greater than their height, which are more in line with the natural field of vision of the human eye and more suitable for viewing on wide-screen devices (such as TVs and computers). Vertical videos are videos whose height is greater than their width, which are more suitable for viewing on narrow-screen devices (such as smartphones and tablets) and are more popular in the fields of social media and short videos.

[0061] The audio can be speech, music, ambient sound, etc. Speech refers to the sound made by humans, including speaking, singing, etc. Music refers to an art form composed of rhythm, melody and harmony. Ambient sound refers to the sound in the natural or man-made environment, such as wind, rain, traffic, etc.

[0062] An atlas refers to a collection of multiple pictures. Pictures in an atlas usually have similar themes or categories.

[0063] In the first mode, the user can switch media files through the event of switching media files. The event of switching media files may include an event triggered by a specific gesture, the end of the currently played media file (for example, the user terminal is set to the automatic continuous playback state, and the next media file is automatically played after the end of one media file), or an event triggered by a voice command (for example, a voice command such as "play next"), etc.

[0064] The events triggered by specific gestures may include: a sliding gesture along a preset direction, a gesture that triggers a specific component, and the like.

[0065] Figure 3 (a) shows that a video is played in the first mode on the first play page. Usually, there is only one video played at a time on the first play page, and the user can watch the video in a relatively more immersive way. If the user swipes up, the next video can be switched to play, and if the user swipes down, the previous video can be switched to play.

[0066] It should be noted that the “playback” involved in the embodiments of the present application refers to converting the content of the media file into images, sounds, or a combination of the two that can be directly perceived by humans.

[0067] In the case of playing audio in the first mode on the first play page, the user can switch to playing the next audio or the previous audio by, for example, clicking a specific component.

[0068] When playing an album in the first mode on the first play page, the user can use an upward swipe gesture to switch to the next album, or a downward swipe gesture to switch to the previous album. For different pictures in the same album, the user can use a left swipe gesture to switch to the next picture, or a right swipe gesture to switch to the previous picture.

[0069] The above step 202, namely "in response to the playback status of the media file in the first mode satisfying the preset condition, switching to the second mode for displaying the media file on the first playback page" is described in detail below in conjunction with an embodiment.

[0070] In the embodiment of the present application, when the first mode is adopted, the playing status of the media file is detected, and the user's needs are identified based on whether the playing status of the media file meets the preset conditions.

[0071] The above-mentioned preset conditions may include but are not limited to the following: The first preset condition: when the first mode is adopted, the average playback duration of the media file is less than or equal to a preset duration threshold.

[0072] If the average playback time of the media files is less than or equal to the preset time threshold, it means that the user's viewing or listening needs may not be well met, and then more media files are displayed to the user at the same time in the second mode, so that the user can find the media files he is interested in more quickly, thereby improving the user's efficiency and experience. The time threshold can be an empirical value or an experimental value, for example, set to 10 seconds. When the average playback time of the media files watched or listened to by the user is less than or equal to 10 seconds, it means that the user is not satisfied with the played media files.

[0073] The duration threshold can be personalized, and the corresponding duration threshold can be set for users according to the viewing or listening habits of different users.

[0074] The second preset condition: when the first mode is adopted, the complete play rate of the media file is less than or equal to a preset complete play rate threshold.

[0075] If the complete play rate of the media file is less than or equal to the preset complete play rate threshold, it means that the user's viewing or listening needs may not be well met, and more media files are displayed to the user at the same time in the second mode, so that the user can find the media files he is interested in more quickly, thereby improving the user's efficiency and experience. The complete play rate threshold can be an empirical value or an experimental value, for example, set to 20%. When the complete play rate of the media file watched or listened by the user is less than or equal to 20%, it means that the user is not satisfied with the played media file.

[0076] The complete play rate threshold can be personalized, and a corresponding complete play rate threshold can be set for each user according to the viewing or listening habits of different users.

[0077] The third preset condition: when the first mode is adopted, the fast switching rate of the media file is greater than or equal to the preset fast switching rate threshold.

[0078] The fast switching rate may be defined as the ratio of media files whose playing time is less than or equal to a preset time threshold to the played media files.

[0079] If the fast switching rate of the media files is greater than or equal to the preset fast switching rate threshold, it means that the user frequently and quickly switches the media files without completely playing the media files, and the user's viewing or listening needs may not be well met. In this case, more media files are displayed to the user at the same time in the second mode, so that the user can find the media files of interest to him or her more quickly, thereby improving the user's efficiency and experience.

[0080] The fast switching rate threshold and the preset time threshold for defining fast switching can adopt empirical values ​​or experimental values. For example, the fast switching rate threshold can be preset to 70%, and the preset time threshold for defining fast switching can be defined as 5 seconds.

[0081] The fast-cut rate threshold and duration threshold can be personalized. According to the viewing or listening habits of different users, the corresponding fast-cut rate threshold and the preset duration threshold for fast-cut can be set for the user.

[0082] The fourth preset condition: the number of media files that undergo quick switching within a preset duration is greater than or equal to a preset quick switching quantity threshold, and the quick switching is when the playback duration is less than or equal to the preset duration threshold.

[0083] If the number of media files that are quickly switched within the preset time is greater than or equal to the preset quick-switch number threshold, it also means that the user frequently and quickly switches media files without completely playing the media files, and the user's viewing or listening needs may not be well met. In this case, more media files are displayed to the user at the same time in the second mode, so that the user can find the media files of interest to him or her more quickly, thereby improving the user's efficiency and experience.

[0084] The fast switching quantity threshold and the fast switching duration threshold may adopt empirical values ​​or experimental values. For example, the fast switching quantity threshold may be preset to 10, and the fast switching duration threshold may be preset to 5 seconds.

[0085] The fast-cut quantity threshold and the preset time threshold for defining fast-cut can be personalized. According to the viewing or listening habits of different users, the corresponding fast-cut rate threshold and the preset time threshold for defining fast-cut can be set for the users.

[0086] It should be noted here that the above-mentioned preset conditions can be combined in any form to form new preset conditions. For example, the following preset conditions can also be used: when the first mode is used, the average playback time of the media files is less than or equal to 10 seconds and the complete playback rate of the media files is less than or equal to 20%, or, when the first mode is used, the fast-cut rate of the media files is greater than or equal to 70% and the number of media files that are fast-cut within the preset time is greater than or equal to 10, and so on.

[0087] In the first mode, if it is detected that the playback status of the media file meets the preset conditions and an event of the user switching the media file is detected, then in response to the preset conditions being met and the event of the user switching the media file, the first playback page is switched to the second mode for displaying the media file. The second mode involved in the embodiment of the present application displays more media files on the first playback page at the same time compared to the first mode.

[0088] It should be noted that the user end can pre-register a callback function or method for the event to be detected, and the function or method contains the logic code that needs to be executed in response to the event. Once the event is triggered, the user end automatically calls the corresponding callback function or method. For example, in advance, for the event of switching media files and the playback status of the media file meets the preset conditions when the first mode is used, a callback function is registered, and the callback function triggers the user end to switch to the second mode, that is, the media file is played in the second mode on the playback page. The response to the event in the embodiments of the present application can be implemented in this way, and will not be described in detail later.

[0089] As one of the achievable methods, the second mode involved in the embodiment of the present application can be to display the media files in multiple columns on the play page, or to display the media files in multiple rows, or to display the media files in multiple rows and columns. Figure 3 As shown in (b), the second mode displays videos in two rows and two columns, and displays 4 videos to the user at the same time.

[0090] As one possible implementation, when the playback status of the media file meets the preset condition in the first mode and an event of switching the media file is detected, the first playback page is switched to display the media file in the second mode, for example Figure 3 As shown in (b), when the user uses an upward sliding gesture on the first playback page to switch videos and the preset conditions are met, the first playback page is switched from the first mode to the second mode for the user, and more videos are displayed to the user at the same time.

[0091] Since the switch from the first mode to the second mode on the first play page is based on the playback status of the media file when the first mode is used, it may accurately meet the user's needs or may not be accurate. Therefore, there may be a situation where the user does not actually want to use the second mode after the first play page is switched from the first mode to the second mode, which can be triggered by the event of switching the media file. The user terminal responds to the event of switching the media file in the second mode on the first play page and switches back to the first mode to play the media file on the first play page. For example, when the user is in the Figure 3 In the video displayed in the second mode shown in (b), an upward or downward sliding gesture is used to switch the video, and then the user is switched back to displaying the video in the first mode on the first playback page, such as Figure 3 As shown in (f), the first mode is used to play video 6 on the first play page. If an upward swipe gesture is used, the next video can be played in the first mode; if a downward swipe gesture is used, the previous video can be played in the first mode. Figure 3 As shown in (a), video 1 is played in the first mode on the first playback page.

[0092] Obviously, this method is simple and quick to operate, which is more in line with the user's usage habits. On the other hand, when the user does not want to use the second mode, the user can switch back to the first mode in time, and the operation cost is low.

[0093] As one possible implementation, when the first play page is switched to the second mode, the switched media files can be displayed on the first play page, and the switched media files include multiple media files displayed in the second mode, that is, the display format is directly changed on the first play page, for example, from a single column to multiple columns. Figure 3 The content shown in (b) can be displayed as part of the content in the internal stream instead of the switched video.

[0094] As another achievable method, when the first play page is switched to the second mode, a floating layer can be superimposed on the first play page, and the media file is displayed in the second mode in the floating layer. Figure 3 The content of the second mode shown in (b) may be implemented by superimposing a floating layer on the first play page.

[0095] Furthermore, when the media files are displayed in the second mode on the first play page, preview information of multiple media files is displayed simultaneously, and the preview information includes cover images, thumbnails or media file clips. The user can simultaneously learn the general information of multiple media files.

[0096] The media files displayed in the second mode may be media files recommended by the server to the user who logged in to the client. The basis for recommendation may include but is not limited to: content creators followed by the user, users associated with the user (such as friends), media files frequently viewed by the user, etc.

[0097] As one of the achievable ways, when displaying the media files in the second mode on the first play page, the media file segments of the plurality of media files may be played in sequence, wherein the cover image or thumbnail image is displayed for the media files whose media file segments have not been played or the media files whose media file segments have been played. While the user is simultaneously informed of the general information of the plurality of media files, the segments of the media files are played in sequence for the user, so that the user has a further understanding of the media files and then decides whether to watch or listen to the media files in their entirety.

[0098] by Figure 3 Take (b) in the figure as an example. If you switch to this content, you can play the video clips of videos 2, 3, 4 and 5 in sequence. For example, when playing the video clip of video 2, the cover images of videos 3, 4 and 5 are displayed; after the video clip of video 2 is played, the cover image of video 2 is displayed, and the video clip of video 3 is played, and so on, until the video clips of each video are played.

[0099] Furthermore, when the media files are displayed in the second mode on the first play page, if the user is interested in a certain media file and triggers the preview information of the media file, the user terminal switches to playing the media file in the first mode on the first play page in response to the event that the preview information of the media file is triggered. Figure 3 As shown in (b), the user triggers the preview information of video three, and the first playback page switches from the second mode to the first mode, as shown in FIG. Figure 3 As shown in (c), video three is played in the first mode, and the user can immersively watch video three in the first mode.

[0100] When the second mode is used to display media files on the first play page in step 201, the user's need to use the second mode to browse media files may be accurately met, so the user wants to continue browsing more media files in the second mode. In view of this situation, when the media files are displayed in the second mode on the first play page, a preset component may be displayed on the first play page, and the preset component indicates that more media files can be viewed in the second mode, such as Figure 3As shown in (b), the preset component is placed below the recommended video. The preset component can also be placed in other positions on the first play page, such as above the media file. When the user triggers the preset component, the user terminal jumps to the second play page in response to the event that the preset component is triggered, and executes step 205, that is, the media file is displayed in the second mode on the second play page. After the user triggers the preset component, for example Figure 3 As shown in (d), the user terminal jumps from the first play page to the second play page, and the recommended video is displayed in the second mode on the second play page.

[0101] When the user switches the media file on the second play page, the user terminal responds to the event of switching the media file and executes step 205, that is, switching the media file displayed in the second mode on the second play page, for example Figure 3 As shown in (d), when the user uses an upward sliding gesture to switch videos in the second mode on the second playback page, the user terminal responds to the user's operation, such as Figure 3 As shown in (e), the second mode is used on the second play page to switch and display other recommended videos, namely, videos six, seven, eight and nine.

[0102] Apart from Figure 3 In addition to the display methods of the second play page shown in (d) and (e), other display methods may be used. For example, the second play page may be in the form of two consecutive book pages presented by an open book, and each book page displays at least one media file. Figure 4 As shown in (a), the second playback page presents an open book. In this way, the best user experience is to use the horizontal screen mode and display video six and video seven on two book pages respectively.

[0103] In response to detecting a click or slide gesture on a book page, an animation of the book page being turned is displayed, such as Figure 4 As shown in (b), the switched media file is displayed on the book page displayed after the animation, such as Figure 4 As shown in (c), Video 8 and Video 9 are displayed on two book pages respectively. Overall, it makes the user feel like flipping through a book, which enriches the user's viewing experience.

[0104] For another example, the second play page may include category tags corresponding to multiple media categories, and the second mode may be used to display the media files of the corresponding category for the selected category tag, while hiding the media files of the categories corresponding to other category tags. Figure 5As shown in , the second play page may include category tags such as sports, parenting, life, and travel. After entering the second play page, one of the category tags may be selected by default, and the user may also select one of the category tags by clicking. Figure 5 As shown in (a), when the category label corresponding to life is selected, the videos corresponding to the category label are displayed in two columns, such as video 6 to video 9, and the videos corresponding to other category labels are hidden. Figure 5 As shown in (b), the video corresponding to the category label is displayed in two columns, such as video A to video D, and the videos corresponding to other category labels are hidden.

[0105] In this way, the user can select a category of interest to play media files on the second play page, and can quickly browse media files in a double-column manner under a specific category to find the media files of interest.

[0106] The above is a description of a specific embodiment of the specification. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in an order different from that in the embodiments and still achieve the desired results. In addition, the processes depicted in the drawings do not necessarily require the specific order or continuous order shown to achieve the desired results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0107] According to another embodiment, a display device for playing pages is provided. Figure 6 A schematic block diagram of a playback processing device according to an embodiment is shown, wherein the device is arranged at Figure 1 The user side of the architecture shown. Figure 6 As shown, the device 600 includes: a page display unit 601 and an event detection unit 602. The main functions of each component unit are as follows: The page display unit 601 is configured to play a media file in a first mode on a first play page.

[0108] The event detection unit 602 is configured to detect events on the first play page and the second play page.

[0109] The page display unit 601 is further configured to, in response to detecting an event of switching media files and the playback status of the media files in the first mode meeting a preset condition, switch to displaying the media files in the second mode on the first playback page; when displaying the media files in the second mode on the first playback page, if the event detection unit 602 detects an event of switching the media files, switch back to displaying the media files in the first mode on the first playback page; when displaying the media files in the second mode on the first playback page, a preset component is also displayed on the first playback page, and the preset component indicates to view more media files in the second mode. If the event detection unit 602 detects an event that the preset component is triggered, jump to the second playback page, and display the media files in the second mode on the second playback page; when displaying the media files in the second mode on the second playback page, if the event detection unit 602 detects an event of switching the media files, switch the media files displayed in the second mode on the second playback page; the second mode displays more media files at the same time compared to the first mode.

[0110] As one possible implementation, in the first mode, the media files are arranged in a single column, and in the second mode, the media files are arranged in multiple columns.

[0111] As one possible implementation method, the above-mentioned preset condition may include at least one of the following: When the first mode is adopted, the average playback duration of the media file is less than or equal to the preset duration threshold; When the first mode is adopted, the complete play rate of the media file is less than or equal to a preset play rate threshold; When the first mode is adopted, the fast switching rate of the media file is greater than or equal to a preset fast switching rate threshold; When the first mode is adopted, the number of media files that are quickly switched within a preset time period is greater than or equal to a preset number threshold.

[0112] Furthermore, the page display unit 601 can be further configured to: when switching from the first mode to the second mode on the first play page, a floating layer can be superimposed on the first play page, and the media file is displayed in the second mode in the floating layer. Furthermore, the page display unit 601 can be further configured to: when displaying the media file in the second mode, preview information of multiple media files can be displayed simultaneously.

[0113] As one possible implementation, the preview information may include a cover image, a thumbnail image, or a media file segment.

[0114] As one achievable manner, the media file segments of the plurality of media files may be played sequentially, wherein a cover image or a thumbnail image is displayed for the media files whose media file segments have not been played or whose media file segments have been played.

[0115] Furthermore, the page display unit 601 can be further configured to: when displaying a media file in the second mode on the first playback page, in response to an event in which the preview information of the media file is triggered, switch to playing the media file corresponding to the triggered preview information in the first mode on the first playback page.

[0116] As one of the achievable methods, when the page display unit 601 displays the media file in the second mode on the second playback page, the second playback page takes the form of two consecutive book pages presented by an open book, and at least one media file is displayed on each book page; in response to detecting a click or slide gesture on the book page, an animation of the book page being turned is displayed, and the switched media file is displayed on the book page displayed after the animation.

[0117] As another achievable method, when the page display unit 601 displays media files using the second mode on the second playback page, the second playback page includes category tags corresponding to multiple media categories, and the second mode is used to display media files of the corresponding category for the selected category tag, while hiding media files of categories corresponding to other category tags.

[0118] Each embodiment in this specification is described in a progressive manner, and the same or similar parts between the embodiments can be referred to each other, and each embodiment focuses on the differences from other embodiments. In particular, for the system or device embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the partial description of the method embodiment. The system and device embodiments described above are merely schematic, wherein the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the scheme of this embodiment. Ordinary technicians in this field can understand and implement it without paying creative labor.

[0119] 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, stored data, displayed data, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with the relevant laws, regulations and standards of relevant countries and regions, and provide corresponding operation entrances for users to choose to authorize or refuse.

[0120] In addition, an embodiment of the present application further provides a computer-readable storage medium on which a computer program is stored, and when the program is executed by a processor, the steps of any one of the methods in the aforementioned method embodiments are implemented.

[0121] 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, wherein the program instructions, when read and executed by the one or more processors, execute the steps of the method described in any one of the aforementioned method embodiments.

[0122] The present application also provides a computer program product, including a computer program, which implements the steps of any one of the methods in the aforementioned method embodiments when executed by a processor.

[0123] in, Figure 7 The electronic device architecture is shown as an example, which may include a processor 710, a media file display adapter 711, a disk drive 712, an input / output interface 713, a network interface 714, and a memory 720. The processor 710, the media file display adapter 711, the disk drive 712, the input / output interface 713, the network interface 714, and the memory 720 may be communicatively connected via a communication bus 730.

[0124] The processor 710 may be implemented by a general-purpose CPU, a microprocessor, an application-specific integrated circuit (ASIC), or one or more integrated circuits, etc., and is used to execute relevant programs to implement the technical solutions provided in this application.

[0125] The memory 720 can be implemented in the form of ROM (Read Only Memory), RAM (Random Access Memory), static storage device, dynamic storage device, etc. The memory 720 can store an operating system 721 for controlling the operation of the electronic device 700, and a basic input and output system (BIOS) 722 for controlling the low-level operation of the electronic device 700. In addition, a web browser 723, a data storage management system 724, and a display device 600 for playing pages, etc. can also be stored. The display device 600 for playing pages can be an application program that specifically implements the operations of the aforementioned steps in the embodiment of the present application. In short, when the technical solution provided in the present application is implemented by software or firmware, the relevant program code is stored in the memory 720 and is called and executed by the processor 710.

[0126] The input / output interface 713 is used to connect the input / output module to realize information input and output. The input / output module can be configured as a component in the device (not shown in the figure), or it can be externally connected to the device to provide corresponding functions. The input device may include a keyboard, a mouse, a touch screen, a microphone, various sensors, etc., and the output device may include a display, a speaker, a vibrator, an indicator light, etc.

[0127] The network interface 714 is used to connect to a communication module (not shown) to achieve communication interaction between the device and other devices. The communication module can achieve communication through a wired method (such as USB, network cable, etc.) or a wireless method (such as mobile network, WIFI, Bluetooth, etc.).

[0128] The bus 730 comprises a pathway for transmitting information between the various components of the device (eg, the processor 710 , the media file display adapter 711 , the disk drive 712 , the input / output interface 713 , the network interface 714 , and the memory 720 ).

[0129] It should be noted that, although the above device only shows a processor 710, a media file display adapter 711, a disk drive 712, an input / output interface 713, a network interface 714, a memory 720, a bus 730, etc., in the specific implementation process, the device may also include other components necessary for normal operation. In addition, it can be understood by those skilled in the art that the above device may also only include components necessary for implementing the solution of the present application, and does not necessarily include all the components shown in the figure.

[0130] It can be known from the description of the above implementation methods that those skilled in the art can clearly understand that the present application can be implemented by means of software plus a necessary general hardware platform. Based on such an understanding, the technical solution of the present application can be essentially or partly contributed to the prior art in the form of a computer program product, which can be stored in a storage medium such as ROM / RAM, a magnetic disk, an optical disk, etc., and includes several instructions for enabling a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods described in the various embodiments of the present application or certain parts of the embodiments.

[0131] The technical solution provided by the present application is described in detail above. The principle and implementation method of the present application are described in detail using specific examples. The description of the above embodiments is only used to help understand the method and core idea of ​​the present application. At the same time, for those skilled in the art, according to the idea of ​​the present application, there will be changes in the specific implementation method and application scope. In summary, the content of this specification should not be understood as limiting the present application.

Claims

1. A method for displaying a playback page, characterized in that: The method comprises: Displaying the media file in a first mode on a first playback page; In response to detecting an event of switching the media file and the playback status of the media file in the first mode meets a preset condition, switching to displaying the media file in the second mode on the first playback page; When the second mode is used to display the media file on the first play page, if an event of switching the media file is detected, switching back to displaying the media file in the first mode on the first play page; When the first play page adopts the second mode to display the media file, a preset component is also displayed on the first play page, the preset component indicates to view more media files in the second mode, and if an event of the preset component being triggered is detected, the page is jumped to the second play page, and the media file is displayed in the second mode on the second play page; When the second mode is used to display the media file on the second play page, if an event of switching the media file is detected, the media file displayed in the second mode is switched on the second play page; The second mode displays more media files simultaneously compared with the first mode.

2. The method according to claim 1, characterized in that When the first mode is adopted, the displayed media files are arranged in a single column; When the second mode is adopted, the information of the displayed media files is arranged in multiple columns.

3. The method according to claim 1, characterized in that Displaying the media file in the second mode on the second play page includes: the second play page is in the form of two consecutive book pages presented by an open book, and at least one media file is displayed on each book page; In response to the event of switching the media file, switching the media file displayed in the second mode on the second playback page includes: in response to detecting a click or slide gesture on the book page, displaying an animation of the book page being turned, and displaying the switched media file on the book page displayed after the animation.

4. The method according to claim 1, characterized in that: Displaying the media file in the second mode on the second play page includes: The second play page includes category tags corresponding to multiple media categories, and the second mode is used to display the media files of the corresponding category for the selected category tag, and hide the media files of the categories corresponding to other category tags.

5. The method according to claim 1, characterized in that The playback condition of the media file in the first mode satisfies the preset condition, which includes at least one of the following: When the first mode is adopted, the average playback duration of the media file is less than or equal to the preset duration threshold; When the first mode is adopted, the complete play rate of the media file is less than or equal to a preset complete play rate threshold; When the first mode is adopted, the fast switching rate of the media files is greater than or equal to a preset fast switching rate threshold, and the fast switching rate is the ratio of the media files whose playing time is less than or equal to the preset time threshold to the played media files; When the first mode is adopted, the number of media files that undergo quick switching within a preset duration is greater than or equal to a preset quick switching quantity threshold, and the quick switching is when the playback duration is less than or equal to the preset duration threshold.

6. The method according to any one of claims 1 to 5, characterized in that The displaying of the media file in the second mode includes: The second mode is used to display preview information of multiple media files, where the preview information includes cover images, thumbnails, or media file segments.

7. The method according to claim 6, characterized in that The method further comprises: In response to the event that the preview information of the media file is triggered, the first play page is switched to playing the media file corresponding to the triggered preview information in a first mode.

8. A display device for playing pages, characterized in that: The device comprises: A page display unit, configured to display a media file in a first mode on a first play page; An event detection unit, configured to detect events on the first play page and the second play page; The page display unit is further configured to, in response to the event detection unit detecting an event of switching media files and detecting that the playback status of the media files when using the first mode meets a preset condition, switch to displaying the media files in the second mode on the first playback page; when displaying the media files in the second mode on the first playback page, if the event detection unit detects an event of switching media files, switch back to displaying the media files in the first mode on the first playback page; when displaying the media files in the second mode on the first playback page, a preset component is also displayed on the first playback page, the preset component indicates to view more media files in the second mode, and if the event detection unit detects an event that the preset component is triggered, jump to the second playback page, and display the media files in the second mode on the second playback page; when displaying the media files in the second mode on the second playback page, if the event detection unit detects an event of switching media files, switch the media files displayed in the second mode on the second playback page; wherein, the second mode displays more media files simultaneously than the first mode.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the steps of the method according to any one of claims 1 to 7 are implemented.

10. An electronic device, characterized in that: 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, wherein the program instructions, when read and executed by the one or more processors, execute the steps of the method described in any one of claims 1 to 7.

11. A computer program product, comprising a computer program, characterized in that When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 7 are implemented.

Images