Playing processing method and device

Abstract

The embodiment of the invention discloses a playing processing method and device. According to the main technical scheme, the method comprises the steps of playing a first media file on a playing page in a first mode; responding to a first event for triggering mode switching, switching to a second mode for playing the first media file on the playing page, and hiding part of page elements in the second mode compared with the first mode; in response to a second event for triggering addition of the page elements, displaying the page elements corresponding to the candidate functions on the playing page, the page elements corresponding to the candidate functions belonging to partial page elements hidden in the second mode compared with the first mode; in response to a third event that a page element corresponding to the candidate function is selected, displaying a target page element on the playing page, the target page element being a page element corresponding to the selected candidate function; according to the embodiment of the invention, functional requirements of users on the playing page can be met.

Description

Technical Field

[0001] The present application relates to the field of Internet application technology, and in particular to a playback processing method and device. 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. Therefore, users can watch different media on the playback page on the mobile terminal, but the playback page with fixed functions cannot meet the viewing needs of users, so the user viewing experience is poor. Summary of the invention

[0003] In view of this, the present application provides a playback processing method and device to improve the user's viewing experience of playback pages with different functions, thereby improving the user experience.

[0004] This application provides the following solutions:

[0005] In a first aspect, a playback processing method is provided, the method comprising: playing a first media file in a first mode on a playback page; in response to a first event that triggers a mode switch, switching to playing the first media file in a second mode on the playback page, the second mode hiding some page elements compared to the first mode; in response to a second event that triggers adding page elements, displaying page elements corresponding to candidate functions on the playback page, the page elements corresponding to the candidate functions belonging to some page elements hidden in the second mode compared to the first mode; in response to a third event that the page elements corresponding to the candidate functions are selected, displaying target page elements on the playback page, the target page elements being the page elements corresponding to the selected candidate functions.

[0006] Optionally, the method further includes: in response to a fourth event triggering media switching, switching on the playback page to playing the second media file in the second mode, and keeping displaying the target page element on the playback page.

[0007] Optionally, playing the first media file in the second mode on the play page includes:

[0008] While playing the first media file in the second mode on the play page, displaying subtitles corresponding to the audio file in the first media file on the play page;

[0009] Switching to the second mode to play the second media file on the play page includes:

[0010] While switching to the second mode to play the second media file on the play page, the subtitles corresponding to the audio file in the second media file are kept displayed on the play page.

[0011] Optionally, the second mode further changes the content size of the first media file compared to the first mode:

[0012] Switching to the second mode to play the second media file on the play page includes:

[0013] On the play page, switch to the second mode to play the second media file, and keep the content size in the second mode unchanged.

[0014] Optionally, the first event triggering the mode switching includes: an event triggered by a two-finger zoom gesture or an event triggered by a first voice command; and / or,

[0015] The second event that triggers adding the page element includes: an event triggered by a long press gesture or an event triggered by a second voice command; and / or,

[0016] The fourth event triggering media switching includes: an event triggered by a single-finger sliding gesture in a preset direction, an event triggered by the end of playing of the first media file, or an event triggered by a fourth voice command.

[0017] Optionally, the playback processing method further includes:

[0018] In response to a fifth event that triggers hiding of the page element in the second mode, hiding a fifth page element displayed in the second mode on the play page, the fifth page element including a page element in the top area and / or a page element in the bottom area;

[0019] Keep the target page elements displayed on the playback page, including:

[0020] While displaying the target page elements on the play page, the fifth page elements remain hidden.

[0021] Optionally, the fifth event that triggers the hidden page element includes: an event triggered by a single-click gesture or a third voice command.

[0022] Optionally, the fifth page element includes at least one of the following:

[0023] A page element for exiting the second mode;

[0024] A page element for playing or pausing a first media file;

[0025] A page element for adjusting the playing speed of a first media file.

[0026] Optionally, the partial page elements include at least one of a first page element, a second page element, a third page element, and a fourth page element;

[0027] The first page element is used to describe the media file, the second page element is used to input interactive information, the third page element is used to implement the search function, and the fourth page element is the function menu entry.

[0028] Optionally, before switching to playing the second media file in the second mode on the play page, the play processing method further includes:

[0029] If the first media file is the first media file and the fourth event triggers the playing of the previous media file, or if the first media file is the last media file and the first event triggers the playing of the next media file, then switch to playing the first media file in the first mode on the playing page; otherwise, execute the step of switching to playing the second media file in the second mode on the playing page.

[0030] Optionally, if the first mode is used to play the first media file on the play page, the play processing method further includes:

[0031] The sixth page element is displayed on the play page, and the sixth page element is used to prompt that there is no media file to be played.

[0032] In a second aspect, a playback processing device is provided, the device comprising:

[0033] A page display unit, configured to play a first media file in a first mode on a play page;

[0034] An event monitoring unit is configured to monitor events on the playback page;

[0035] The page display unit is further configured to switch to playing the first media file in a second mode on the play page in response to a first event triggering a mode switch, wherein the second mode displays a portion of the page elements compared to the first mode;

[0036] In response to a second event that triggers adding a page element, displaying a page element corresponding to the candidate function on the playback page, the page element corresponding to the candidate function being part of the page element that is hidden in the second mode compared to the first mode;

[0037] In response to a third event that a page element corresponding to a candidate function is selected, displaying a target page element on the playback page, the target page element being the page element corresponding to the selected candidate function;

[0038] In response to the fourth event triggering media switching, the playing page is switched to playing the second media file in the second mode, and the target page element is kept displayed on the playing page.

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

[0040] In a fourth aspect, an electronic device is provided, including:

[0041] one or more processors; and

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

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

[0044] According to the specific embodiments provided in this application, this application discloses the following technical effects:

[0045] 1) The present application uses a first event on the playback page to switch from the first mode to the second mode on the playback page. The page elements corresponding to the candidate functions can be displayed on the playback page by triggering a second event to add page elements. The page elements corresponding to the candidate functions belong to some page elements that are hidden in the second mode compared to the first mode. Next, the page elements corresponding to the candidate functions (i.e., target page elements) selected by the user are displayed on the playback page through a third event in which the page elements corresponding to the candidate functions are selected, thereby satisfying the user's functional requirements for the playback page.

[0046] 2) This application uses the first event on the playback page to display the page elements corresponding to the candidate functions on the playback page after switching from the first mode to the second mode on the playback page by triggering the second event of adding page elements. The page elements corresponding to the candidate functions belong to the part of the page elements that are hidden in the second mode compared to the first mode; next, the page elements corresponding to the candidate functions selected by the user in a personalized manner (i.e., target page elements) can be displayed on the playback page through the third event that the page elements corresponding to the candidate functions are selected; next, the media files being played can be directly switched through the fourth event and maintained in the second mode, and the target page elements can be displayed on the playback page without having to select the page elements corresponding to the candidate functions after switching to the second media files. On the one hand, it simplifies the user operation, and on the other hand, it enables the user to switch the media files being played in the second mode and maintain the page elements (target page elements) corresponding to the candidate functions selected by the user in a personalized manner on the playback page, which can meet the user's functional requirements for the playback page and improve the user's coherent viewing experience.

[0047] 3) In the present application, while the first media file is played in the second mode on the playback page, the subtitles corresponding to the audio file in the first media file are displayed on the playback page; and while the second mode is switched to play the second media file on the playback page, the subtitles corresponding to the audio file in the second media file are kept displayed on the playback page. On the one hand, the usability and comprehensibility of the media files can be significantly improved, and on the other hand, the user can keep switching the media file to be played in the second mode and keep the subtitles corresponding to the audio file in the second media file displayed on the playback page, which can meet the user's functional requirements for the playback page and improve the user's coherent viewing experience.

[0048] 4) The second mode of the present application further changes the content size of the first media file compared to the first mode, that is, enters the "enlargement and clearing screen mode", and when switching to the second media file in the second mode, the second mode is switched to play the second media file on the play page, and the content size in the second mode is kept unchanged, so that it is not necessary to reset the content size of the second media file after switching to the second media file. On the one hand, it simplifies the user operation, and on the other hand, it enables the user to switch the media file played in the second mode and keep the content size in the second mode unchanged, which can meet the user's functional requirements for the play page and improve the user's coherent viewing experience.

[0049] 5) The present application can use the two-finger zoom gesture to switch to the second mode on the playback page. Using the two-finger zoom gesture to switch between modes is simple and fast, and it is more in line with the user's cognition and usage habits of operation gestures.

[0050] In the present application, the second event for triggering the addition of page elements may be an event triggered by a long press gesture or an event triggered by a second voice command, so that the user can flexibly add page elements corresponding to the candidate functions in a variety of ways, so as to personalize the selection of page elements corresponding to the candidate functions displayed on the playback page, clarify the user's functional requirements for the playback page, and further improve the user experience;

[0051] The present application can use a single-finger sliding gesture in a preset direction (such as upward) to switch to the second media file in the second mode. The upward single-finger sliding gesture is used to switch media files in the second mode. On the one hand, it is simple and fast, and on the other hand, it is more in line with the user's cognition and usage habits of operation gestures.

[0052] 6) In the present application, in response to the fifth event that triggers the hiding of the page element, the fifth page element displayed in the second mode can be hidden on the playback page, and the fifth page element includes the page element in the top area or the bottom area; and when switching from the first media file to the second media file in the second mode, while maintaining the display of the target page element on the playback page, the fifth page element remains hidden, without having to hide the fifth page element after switching to the second media file. On the one hand, this simplifies user operations, and on the other hand, it enables the user to switch the media files played in the second mode and maintain the display of the page element (target page element) corresponding to the candidate function selected by the user on the playback page, while maintaining the hiding of the fifth page element, which can meet the user's functional requirements for the playback page and improve the user's coherent viewing experience.

[0053] 7) The fifth event that triggers the hidden page element in the present application can be an event triggered by a single-click gesture or an event triggered by a third voice command, etc., so that the user can flexibly hide the fifth page element in a variety of ways to streamline the page elements on the playback page, clarify the user's functional requirements for the playback page, and further improve the user experience.

[0054] 8) In an embodiment of the present application, the part of the page elements hidden in the second mode compared to the first mode may include at least one of a first page element for describing a media file, a second page element for inputting interactive information, a third page element for implementing a search function, and a fourth page element as an entrance to a function menu. The essence of the invention is to minimize interference with the user's viewing experience and provide the user with a more immersive viewing experience.

[0055] 9) In the process of switching from the first mode to the second mode in the present application, the fifth page element displayed in the second mode can be hidden to eliminate the interference of the fifth page element on the viewing experience, thereby helping the user to focus more on viewing the content of the second media file, thereby improving the user's viewing experience.

[0056] 10) When the present application responds to the fourth event but there is no media file to be played, it can switch to playing the first media file in the first mode on the playback page, that is, the played media file remains unchanged but only the mode is switched, that is, switching from the second mode to the first mode, prompting that there is no media file to be played in a softer way and giving the user a good responsive experience.

[0057] 11) When there is no media file to be played, the present application can further pop up a sixth page element on the playback page, providing the user with a more direct and immediate prompt, thereby improving the efficiency of information transmission.

[0058] 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

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

[0060] Figure 1 is a system architecture diagram applicable to the embodiments of the present application;

[0061] Figure 2 A flow chart of the playback processing method provided in an embodiment of the present application;

[0062] Figure 3 A schematic diagram of switching from playing a first media file in a first mode to playing the first media file in a second mode on a play page provided by an embodiment of the present application;

[0063] Figure 4 A schematic diagram of a fifth event for triggering a hidden page element in the second mode provided by an embodiment of the present application;

[0064] Figure 5 A schematic diagram of a second event for triggering adding a page element provided in an embodiment of the present application;

[0065] Figure 6 A schematic diagram of a third event in which a page element corresponding to a candidate function provided in an embodiment of the present application is selected;

[0066] Figure 7 A schematic diagram of switching from playing a first media file in a second mode to playing the first media file in a second mode on a play page provided in an embodiment of the present application;

[0067] Figure 8 A schematic block diagram of a playback processing device provided in an embodiment of the present application;

[0068] Fig. 9 A schematic block diagram of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0069] 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. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field belong to the scope of protection of this application.

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

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

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

[0073] In the existing traditional playback methods, there are usually a default playback mode and a clear screen playback mode, and users can switch between these two playback modes to play media files. However, the playback pages corresponding to these two playback modes usually have page elements corresponding to fixed functions, which cannot meet the different functional requirements of users.

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

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

[0076] 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, for example, mobile phones, tablet computers, laptops, PDAs (Personal Digital Assistants), Internet car terminals, etc. Wearable devices may include, for example, 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, for example, smart TVs, smart refrigerators with display screens, etc.

[0077] The client can interact with the server through the network, request the server to obtain the media file and play it.

[0078] The server side can be a platform that provides video playback services, 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 defects of difficult management and weak service scalability in traditional physical hosts and virtual private servers (VPS) services.

[0079] The server can use streaming to send the media file to the client, and the client can play 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 the media file to the client, such as providing the media file based on CDN (Content Delivery Network) and transmitting it to the client.

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

[0081] It should be understood that Figure 1 The 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.

[0082] Figure 2 A flowchart of a playback processing method provided in an embodiment of the present application. The method can be performed by Figure 1The user side of the system shown is executed. Figure 2 As shown in , the method may include the following steps:

[0083] Step 201: Play a first media file in a first mode on a play page.

[0084] Step 203: In response to the first event triggering the mode switch, switching to a second mode for playing the first media file on the play page, wherein the second mode hides some page elements compared to the first mode.

[0085] Step 205: In response to the second event that triggers adding a page element, displaying the page element corresponding to the candidate function on the playback page, the page element corresponding to the candidate function being part of the page element that is hidden in the second mode compared to the first mode;

[0086] Step 207: In response to the third event that the page element corresponding to the candidate function is selected, display a target page element on the playback page, where the target page element is the page element corresponding to the selected candidate function.

[0087] It can be seen that, through the first event on the playback page, after switching from the first mode to the second mode on the playback page, the present application can display the page elements corresponding to the candidate functions on the playback page by triggering the second event of adding page elements, and the page elements corresponding to the candidate functions belong to some page elements that are hidden in the second mode compared with the first mode; next, through the third event that the page elements corresponding to the candidate functions are selected, the page elements corresponding to the candidate functions (i.e., the target page elements) selected by the user are displayed on the playback page, which can meet the user's functional requirements for the playback page.

[0088] 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" limitations involved in this application do not have limitations on size, order, and quantity, and are only used to distinguish them in name. For example, "first mode" and "second mode" are used to distinguish two modes in name.

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

[0090] The first mode involved in the embodiment of the present application may be a default mode of the user terminal, a normal play mode, etc. When a user opens the user terminal to play a media file, the first mode is used by default to play the media file.

[0091] The first mode involved in the embodiment of the present application may be a default mode of the user terminal, a normal play mode, etc. When a user opens the user terminal to play a media file, the first mode is used by default to play the media file.

[0092] The media files involved in the embodiments of the present application may be videos, pictures in a collection, etc. Among them, videos are used to play dynamic content. Pictures in a collection can be used to display a series of related content, but do not include audio or dynamic effects; pictures in a collection can be a single picture or a long picture composed of multiple pictures.

[0093] In one example, videos may be classified based on at least one of the following dimensions: content, duration, and display orientation.

[0094] For example, videos can be divided into long videos or short videos according to their length; videos can be divided into horizontal videos or vertical videos according to their display direction.

[0095] The above step 203, namely "in response to a first event triggering mode switching, switching to a second mode on a play page to play a first media file, wherein the second mode hides some page elements compared to the first mode" is described in detail below in conjunction with an embodiment.

[0096] If a first event on the play page is monitored in the first mode, the play page switches from the first mode to the second mode in response to the first event. The second mode involved in the embodiment of the present application hides some page elements compared to the first mode.

[0097] The above-mentioned playing of the first media file in the second mode on the play page may be triggered by a specific event of the user, such as an event triggered by a pinch-zoom gesture or a first voice command (e.g., a voice command to switch to "play mode"). For example, the user triggers the playing of the first media file in the second mode on the play page through a pinch-zoom gesture, which is simple and quick on the one hand, and more in line with the user's cognition and usage habits of operation gestures on the other hand.

[0098] In an embodiment of the present application, playing a first media file in a second mode on a playback page may include: while playing the first media file in the second mode on the playback page, displaying subtitles corresponding to the audio file in the first media file on the playback page; switching to playing a second media file in the second mode on the playback page includes: while switching to playing the second media file in the second mode on the playback page, keeping subtitles corresponding to the audio file in the second media file displayed on the playback page.

[0099] For example, while playing the first media file in the second mode on the play page, the audio file in the first media file is displayed as subtitles on the play page; in response to a second event on the play page in the second mode, the first media file played is switched on the play page, the second media file is kept playing in the second mode, and the audio file in the second media file is displayed as subtitles on the play page. Optionally, the audio file may include a sound file (i.e., the original sound recorded by sound) and MIDI (Musical Instrument Digital Interface).

[0100] In the present application, while the first media file is played in the second mode on the playback page, subtitles corresponding to the audio file in the first media file are displayed on the playback page; and while the playback page is switched to the second mode to play the second media file, the subtitles corresponding to the audio file in the second media file are kept displayed on the playback page. On the one hand, the usability and comprehensibility of the media files can be significantly improved, and on the other hand, the user can keep switching the media file to be played in the second mode and keep the subtitles corresponding to the audio file in the second media file displayed on the playback page, which can meet the user's functional requirements for the playback page and improve the user's coherent viewing experience.

[0101] Hiding some page elements in the second mode compared to the first mode involved in the embodiment of the present application may refer to hiding some page elements in the process of switching from the first mode to the second mode; for example, the first mode displays some page elements, and after switching from the first mode to the second mode, some page elements are hidden in the second mode.

[0102] The page elements involved in the embodiments of the present application generally refer to visual elements on the UI (User Interface) page, which may include text, icons, images, videos, components, and the like. The so-called component refers to an object obtained by simply encapsulating data and methods, and may also be referred to as a control. It may include buttons, input boxes, drop-down menus, dialog boxes, navigation bars, cards, interactive icons, and the like. Compared with the first mode, the changes in the page elements involved in the second mode in the embodiments of the present application mainly refer to changes in the style of the page elements, rather than changes in the content itself. The changes in style include: color changes, layout changes (i.e., rearrangement and combination of visual elements on the UI page), visibility changes (i.e., whether hidden or visible), and the like. For another example, the content of the component does not change, but the component can be hidden, and the like. For another example, the first mode displays some page elements, and the second mode hides some page elements.

[0103] Here, some page elements are displayed in the first mode, and some page elements are hidden in the second mode, so that the layout of the playback page changes to adapt to different usage scenarios or user needs.

[0104] Among them, some page elements may include at least one of the following: at least one of a first page element, a second page element, a third page element and a fourth page element; the first page element is used to describe the media file displayed on the playback page, the second page element is used to input interactive information, the third page element is used to implement a search function, and the fourth page element is a function menu entry.

[0105] In an example, the first page element may be in a form such as text, and the second page element, the third page element, and the fourth page element may be in a form such as a component.

[0106] exist Figure 3 The play page shown in (a) uses the first mode to play the first media file, and displays the first page element, the second page element, the third page element and the fourth page element on the play page (that is, the first mode displays part of the page elements); after the play page responds to the first event (such as a two-finger zoom-in gesture), you can enter Figure 3 In (b), Figure 3 The play page shown in (b) hides some of the above page elements (ie, the second mode hides some of the page elements), so that the layout of the play page changes to adapt to different usage scenarios or user needs.

[0107] In one example, some page elements may be hidden by setting CSS (Cascading Style Sheets) styles; or, JS (JavaScript) may be used to modify CSS properties of page elements to hide some page elements.

[0108] It should be noted that the user terminal can pre-register a callback function or method for the event to be monitored, 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 terminal automatically calls the corresponding callback function or method. For example, a callback function is pre-registered for the first event, and the callback function triggers the user terminal to switch from the first mode to the second mode. 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.

[0109] In the embodiment of the present application, during the process of switching from the first mode to the second mode, the second mode hides some page elements compared to the first mode, so that the layout of the playback page changes to adapt to different usage scenarios or user needs.

[0110] It should also be noted that after the touch gesture listener in the operating system, such as setOnTouchListener in the Android operating system, listens to the user's touch event, it will perform gesture recognition. If it is recognized as a two-finger zoom gesture, the first event is triggered and the gesture information is sent to the user end. The user end determines the zoom ratio of the media file based on the moving distance of the two fingers in the gesture information. The zoom ratio determines the zoom degree of the screen when playing the media file. The user end then uses the zoom ratio to transform the screen content, such as transforming and rendering the video image or picture. Taking zooming in as an example, it involves resampling and interpolating the pixel data of the video image or picture to generate an enlarged video image or picture. The enlarged video image or picture data is then passed to the GPU (graphics processing unit) for rendering in the media display area of ​​the playback page.

[0111] It should also be noted that, based on hiding some page elements in the second mode compared to the first mode, the second mode can further change the content size of the first media file compared to the first mode:

[0112] Switching to the second mode for playing the second media file on the play page includes: switching to the second mode for playing the second media file on the play page, and keeping the content size in the second mode unchanged.

[0113] Compared with the first mode, the second mode of the present application further changes the content size of the first media file, that is, enters the "enlargement and clearing screen mode", and when switching to the second media file in the second mode, the second mode is switched to play the second media file on the play page, and the content size in the second mode is kept unchanged, so that there is no need to reset the content size of the second media file after switching to the second media file. On the one hand, it simplifies the user operation, and on the other hand, it enables the user to switch the media file played in the second mode and keep the content size in the second mode unchanged, which can meet the user's functional requirements for the play page and improve the user's coherent viewing experience.

[0114] For example, in the second mode, the first media file is played with the second content size; in the second mode, in response to a fourth event on the playback page (i.e., the fourth event that triggers media switching), the second media file is switched to be played on the playback page, and the second media file is played with the second content size while maintaining the second mode.

[0115] In the embodiment of the present application, in order to meet some special viewing needs of users, the first mode and the second mode can be used to play the media file using the corresponding content size. For example, if you want to zoom in to view the details in the video screen, you can use a two-finger zoom gesture to zoom in on the size of the played video content; if the user further wants to switch to the next media file (such as the second media file), you can use a sliding gesture in a preset direction to switch to the second media file, that is, the second mode is used on the play page to play the second media file, and the content size in the second mode remains unchanged.

[0116] Optionally, the first mode may use a first content size to play the first media file, and the second mode may use a second content size to play the first media file, wherein the second content size is larger than the first content size.

[0117] exist Figure 3 (a) uses the second content size to play the first media file, Figure 3 In (b), the first content size is used to play the first media file, and the second content size is larger than the first content size.

[0118] In the embodiment of the present application, the first mode displays some page elements, and the second mode hides the part of the page elements, so that the second mode can eliminate interference with the viewing experience, that is, after watching the first media file in the "clear screen mode". The first mode and the second mode can also use their corresponding content sizes to play the media file, which can meet the user's various viewing needs.

[0119] Furthermore, after switching from the first mode to the second mode to play the first media file (i.e., executing step 203), the playback processing method further includes:

[0120] In response to a fifth event that triggers hiding of the page element in the second mode, hiding a fifth page element displayed in the second mode on the play page, the fifth page element including a page element in the top area and / or a page element in the bottom area;

[0121] Keeping the target page element displayed on the play page includes: while keeping the target page element displayed on the play page, keeping the fifth page element hidden.

[0122] In the present application, in response to the fifth event that triggers the hiding of the page element, the fifth page element displayed in the second mode can be hidden on the playback page, and the fifth page element includes the page element in the top area or the bottom area; and when switching from the first media file to the second media file in the second mode, while keeping the target page element displayed on the playback page, the fifth page element remains hidden, without having to hide the fifth page element after switching to the second media file. On the one hand, this simplifies user operations, and on the other hand, it enables the user to switch the media files played in the second mode and keep displaying the page element (target page element) corresponding to the candidate function selected by the user on the playback page, while keeping the fifth page element hidden, which can meet the user's functional requirements for the playback page and improve the user's consistent viewing experience.

[0123] In one example, the fifth page element may be in the form of a component.

[0124] The fifth page element may include at least one of the following: a page element for exiting the second mode, a page element for playing or pausing the first media file, and a page element for adjusting the playing speed of the first media file.

[0125] In one example, the fifth page element may be hidden by setting a CSS (Cascading Style Sheets) style; or, JS (JavaScript) may be used to modify the CSS properties of the page element to hide the fifth page element.

[0126] In one example, the bottom navigation element can be written directly in an HTML (Hyper Text Markup Language) document. When the browser loads the HTML document, the bottom navigation element is automatically displayed on the playback page; or, the CSS style of the bottom navigation element is modified or the CSS property of the bottom navigation element is modified through JS to display the bottom navigation element.

[0127] exist Figure 4 In (a), the fifth page element is displayed at the bottom of the play page, "×" is used to exit the second mode to switch to the first mode, "||" is used to play or pause the first media file, and "1x" is used to play the first media file at 1x speed. You can click "1x" to adjust the play speed of the first media file.

[0128] exist Figure 4 In (a), the fifth page element may also include: a play progress bar to indicate the progress of playing the first media file.

[0129] It should be noted that displaying the fifth page element at the top or bottom of the playback page can, on the one hand, visually remind the user, and on the other hand, avoid blocking other page elements on the playback page (for example, the screen of the media file or some of the above-mentioned page elements), thereby improving the user's viewing experience.

[0130] In one example, the fifth event that triggers the hiding of the page element may include at least one of the following: an event triggered by a single-click gesture (such as a tap, left or right move gesture, etc.) or a third voice command. For example, using a tap gesture as the fifth event to hide the fifth page element is simple and quick to operate, and also conforms to the user's usage habits. Among them, the fifth page element can also be moved out of the play page by a left or right move gesture to hide the fifth page element.

[0131] The fifth event may also be other events such as an event triggered by a third voice command (such as an instruction such as “move out “×””), which are not listed here one by one.

[0132] The fifth page element hidden and displayed in the second mode is explained below using a tap gesture as an example.

[0133] In one example, hiding the fifth page element displayed in the second mode may include: gradually hiding the fifth page element displayed in the second mode as a sliding gesture in a preset direction is performed.

[0134] exist Figure 4 In (a), the fifth page element (i.e., "×", "||", "1x") displayed in the second mode is hidden on the current playback page by a light touch gesture, so that the player can enter Figure 4 (b). If the user Figure 4 Touch again on the play page shown in (b) to redisplay the fifth page elements.

[0135] In another example, a long press gesture is used in the bottom area of ​​the play page to display the fifth page element. The bottom area may be the area where the fifth page element is displayed, such as a long press gesture is used in the area where the "×" is located to display the "×" on the play page.

[0136] In the embodiment of the present application, the fifth page element displayed in the second mode is hidden according to the fifth event, so that the layout change of the playback page is more vivid and interesting, thereby improving the user's viewing experience.

[0137] In the embodiment of the present application, the fifth page element displayed in the second mode is hidden as the single-click gesture is performed. While eliminating the visual interference of the fifth page element displayed in the second mode to the user, it is possible to continuously switch to the second mode on the playback page to play the second media file. On the one hand, it can help the user to focus more on watching the content of the second media file, and on the other hand, it can improve the user's continuous viewing experience.

[0138] The above step 205, i.e., "in response to a second event that triggers adding page elements, displaying page elements corresponding to the candidate functions on the playback page, wherein the page elements corresponding to the candidate functions belong to some page elements that are hidden in the second mode compared to the first mode" is described in detail in conjunction with the embodiments.

[0139] In the second mode, if a second event on the play page is monitored, the page elements corresponding to the candidate functions are displayed on the play page in response to the second event. The page elements corresponding to the candidate functions involved in the embodiment of the present application belong to some page elements hidden in the second mode compared with the first mode.

[0140] In the present application, the second event that triggers the addition of page elements can be an event triggered by a long press gesture or an event triggered by a second voice command, etc., so that users can flexibly add page elements corresponding to candidate functions in a variety of ways, so as to personalize the selection of page elements corresponding to candidate functions displayed on the playback page, clarify the user's functional requirements for the playback page, and further improve the user experience.

[0141] In one example, the second event that triggers adding the page element includes: an event triggered by a long press gesture or an event triggered by a second voice command. Using a long press gesture as the second event is simple and fast to operate, and also conforms to the user's usage habits.

[0142] The second event may also be a second voice command (eg, a command such as “forward” or a command such as “search”), which are not listed here one by one.

[0143] In the page layout, the page elements corresponding to the candidate functions involved in the embodiments of the present application may include: a first page element, a second page element, a third page element, a fourth page element, and a bottom navigation component (such as Figure 3 At least one of the navigation components such as "Home", "Featured", "Message", "Me", etc. shown in (a).

[0144] In one example, in response to triggering a second event of adding a page element on the play page, the page element corresponding to the candidate function is displayed on the corresponding area of ​​the play page. The corresponding area may be as follows: Figure 3The areas corresponding to the first page element, the second page element, the third page element, the fourth page element and the bottom navigation component shown in (a). Figure 5 In (a), long press the top area of ​​the playback page to enter Figure 5 In (b), Figure 5 The playback page shown in (b) is displayed and"".

[0145] It should be noted that for the second page element, a long press gesture can be used in the right area of ​​the play page to display the second page element on the play page (such as Figure 3 The second page element shown in (a)).

[0146] In addition, it should be noted that the page elements corresponding to different candidate functions can use the second event in different areas of the playback page to display these page elements in the corresponding areas of the playback page. The above different areas can be specifically referred to in Figure 3 The page elements corresponding to the candidate functions shown in (a) are displayed in the area on the play page.

[0147] It should also be noted that during the current process of playing the media file (such as the current process of executing steps 201 to 207), a first prompt box may pop up on the playback page. The first prompt box is used to prompt the user to execute a second event that triggers the addition of page elements on the playback page, so that the user can personalize the selection of page elements corresponding to the candidate functions to meet the user's functional requirements for the playback page.

[0148] Here, when the user uses the play page to play the media file for the first time or the user uses the play page to play the media file for multiple times, the first prompt box pops up on the play page.

[0149] In one example, when a user uses the play page to play a media file multiple times, the timing of triggering the pop-up of the first prompt box can be set according to the user's historical usage behavior; or, the timing of triggering the pop-up of the first prompt box can be set according to the user's historical usage behavior and frequency.

[0150] The historical usage behavior may be an interactive behavior generated by the user on the playback page during the historical media playback process. The above frequency may be the frequency of generating the above interactive behavior.

[0151] For example, when a media file is played in the second mode on the playback page, the second mode is exited (i.e., returned to the first mode) and the following operations are performed: such as forwarding, collecting, and commenting on the media file on the playback page; after performing the above operations, the switch back to the second mode is triggered.

[0152] The above step 207, namely "in response to a third event that a page element corresponding to a candidate function is selected, displaying a target page element on the playback page, the target page element being the page element corresponding to the selected candidate function" is described in detail below in conjunction with an embodiment.

[0153] In the second mode, if a third event is monitored on the page element corresponding to the candidate function, the page element corresponding to the candidate function is displayed on the page element corresponding to the candidate function in response to the third event. The target page element involved in the embodiment of the present application is the page element corresponding to the selected candidate function.

[0154] The third event may be an event triggered by a single-finger gesture, such as a click gesture, etc. Using a long press gesture as the third event is simple and quick to operate, and also conforms to the user's usage habits.

[0155] The third event may also be a voice command (for example, selecting "forward (i.e., ) The events triggered by the "currently playing media file" voice command) and other events are not listed here one by one.

[0156] exist Figure 6 In (a), when playing the first media file in the second mode, use the tap gestures in the top area and the right area of ​​the play page to enter Figure 6 The playback page shown in (b) Figure 6 The playback page shown in (b) is displayed and Next, on the playback page, a fourth event (eg, a downward sliding gesture) is used to trigger media switching, and then the Figure 6 The play page shown in (c) above switches to the second mode to play the second media file on the play page, and keeps displaying the target page element (ie, and ) and the fifth page element.

[0157] Accordingly, in this example, after selecting the target page element, the playback processing method further includes:

[0158] For example, in the second mode, the first media file is played using "2x" (i.e., played at a multiple of 2); in the first mode, in response to a fourth event on the playback page (e.g., a downward sliding gesture), the playback mode is switched to using the second mode on the playback page to play the second media file, i.e., the second mode is maintained and the playback of the second media file using "2x" is maintained.

[0159] For example, in the second mode, “||” is used to pause playing the first media file; in the second mode, in response to the fourth event on the play page, switch to using the second mode on the play page to play the second media file, and maintain using “||” in the second mode to pause playing the second media file on the play page.

[0160] Continuing from the above, after the target page element is displayed on the play page (ie, executing step 207) or when the media file is played again on the play page, a second prompt box pops up on the play page, and the second prompt box is used to prompt the user to confirm whether to keep displaying the target page element on the subsequent play page.

[0161] In addition, in the subsequent process of playing the media file, media file switching and / or mode switching (i.e., switching between the first mode and the second mode) will be involved, and at any stage of the media file switching or mode switching (e.g., before, during or after the switching), the user can personalize and select page elements corresponding to the candidate functions on the playback page according to their functional requirements for the playback page to meet the user's functional requirements for the playback page.

[0162] In one example, if a media file switch is triggered (such as switching from a first media file to a second media file), the target page elements are kept displayed on the playback page, specifically including:

[0163] In response to the fourth event triggering media switching, the playing page is switched to playing the second media file in the second mode, and the target page element is kept displayed on the playing page.

[0164] If the user wants to switch to play the next media file or the next media file in the second mode, the fourth event can be triggered on the play page. The user terminal responds to the fourth event on the play page in the second mode, switches the media file to be played on the play page and keeps playing the media file in the second mode, without having to select the page element corresponding to the candidate function after switching to the second media file. On the one hand, it simplifies the user operation, and on the other hand, it enables the user to keep switching the media file to be played in the second mode and keep displaying the page element (target page element) corresponding to the candidate function selected by the user on the play page, which can meet the user's functional requirements for the play page and improve the user's coherent viewing experience.

[0165] This application uses a first event on the playback page. After switching from the first mode to the second mode on the playback page, the page element corresponding to the candidate function can be displayed on the playback page by triggering a second event to add a page element. The page element corresponding to the candidate function belongs to a part of the page element hidden in the second mode compared to the first mode; next, the page element corresponding to the candidate function selected by the user in a personalized manner (i.e., the target page element) can be displayed on the playback page through a third event in which the page element corresponding to the candidate function is selected; next, the media file being played can be directly switched through a fourth event and maintained in the second mode, and the target page element can be maintained on the playback page without having to select the page element corresponding to the candidate function after switching to the second media file. On the one hand, it simplifies user operations, and on the other hand, it enables the user to switch the media file being played in the second mode and maintain the page element corresponding to the candidate function selected by the user in a personalized manner (target page element) on the playback page, which can meet the user's functional requirements for the playback page and improve the user's coherent viewing experience.

[0166] It should also be noted that, in the subsequent process of playing the media file, the user can again personalize and select the page elements corresponding to the candidate functions to meet the user's functional requirements for the playing page at different times.

[0167] The fourth event may be an event triggered by a single-finger sliding gesture in a preset direction, such as an upward single-finger sliding gesture, a downward single-finger sliding gesture, a left single-finger sliding gesture, or a right single-finger sliding gesture, etc. Using a sliding gesture as the fourth event is simple and quick to operate, and also conforms to the user's usage habits.

[0168] The fourth event may also be an event triggered by a fourth voice command (such as "play next" or other commands) or the completion of the currently playing media file (for example, the user terminal is set to automatic continuous playback, and the next media file is automatically played when one media file is finished playing), and other events are not listed here one by one.

[0169] In an example, switching of media files may also be triggered when the sliding distance of a single-finger sliding gesture in a preset direction is greater than a preset distance threshold.

[0170] Here, the sliding distance may be the distance between the starting position where the sliding gesture in a preset direction (single finger upward or single finger downward) starts contacting the play page and the ending position where the sliding gesture ends contacting the play page.

[0171] It should be noted that the preset distance threshold can be used to distinguish different operations. For example, if the sliding distance is greater than the preset distance threshold, it is confirmed as a media file switching operation, that is, switching from playing the first media file in the second mode to playing the second media file in the second mode on the playback page.

[0172] In addition, the above description is made by taking the "enlarged clear screen mode" as an example of the second mode. If the second mode is the "enlarged mode", when the media file to be played is switched, the "enlarged mode" is maintained to play the switched media file. If the second mode is the "clear screen mode", when the media file to be played is switched, the "clear screen mode" is maintained to play the switched media file.

[0173] Furthermore, before switching to playing the second media file in the second mode on the play page, the play processing method further includes:

[0174] If the first media file is the first media file and the fourth event triggers the playing of the previous media file, or if the first media file is the last media file and the fourth event triggers the playing of the next media file, then switch to playing the first media file in the first mode on the playing page; otherwise, execute the step of switching to playing the second media file in the second mode on the playing page.

[0175] In one example, the fourth event triggering the playback of the previous media file may be triggering the playback of the previous media file by sliding downward on the playback page or by voice command, etc. The fourth event triggering the playback of the next media file may also be triggering the playback of the next media file by sliding upward on the playback page or by voice command, or automatically playing the next media file after the currently played media file is finished.

[0176] exist Figure 7 In (a), the first media file is played in the second mode. The downward sliding gesture is used to slide the play page. If the first media file is the first media file, you can enter Figure 7 In (b), Figure 7 The play page shown in (b) adopts the first mode to play the first media file.

[0177] Among them, Figure 7 The “return to player stream” shown above (b) generally refers to the process of transmitting the first media file to the player in the form of a stream for playback.

[0178] In the embodiment of the present application, when there is no media file to be played, the first mode is switched to play the first media file. On the one hand, it prompts in a gentler way that there is no media file to be played; on the other hand, through seamless media file playback, the inconvenience of the user during the waiting or switching process is reduced, so that the user can continue to enjoy the content of the media file, thereby improving the user's viewing experience.

[0179] Furthermore, when the first media file is played in the first mode, a sixth page element may be displayed on the playback page:

[0180] In one example, after switching to playing the first media file in the first mode on the play page, a sixth page element is displayed on the play page, and the sixth page element is used to prompt that there is no media file to be played.

[0181] exist Figure 7 In (a), the first media file is played in the second mode. The downward sliding gesture is used to slide the play page. If the first media file is the first media file, you can enter Figure 7 In (b), Figure 7 The play page shown in (b) adopts the first mode to play the first media file, and Figure 7 The sixth page element pops up on the playback page shown in (b), which means entering Figure 7 In (c), the sixth page element is used to prompt that there is no media file to be played.

[0182] In the embodiment of the present application, when there is no media file to be played, a sixth page element will pop up on the playback page, providing the user with more direct and immediate feedback, thereby improving the efficiency of information transmission.

[0183] Furthermore, if the user wants to exit the second mode and return to the first mode, the seventh event may be triggered, and the user terminal in the second mode responds to the seventh event and switches back to the first mode on the play page to play the second media file.

[0184] The seventh event mentioned above may include but is not limited to events triggered by the following gestures:

[0185] The first type: a two-finger zoom gesture opposite to the two-finger zoom gesture used in the first event.

[0186] For example, if the first event uses a two-finger zoom-in gesture to enter the second mode, then when exiting the second mode and returning to the first mode, a two-finger zoom-out gesture may be used.

[0187] The second type: a gesture that triggers the fifth page element on the play page (eg, “×” is used to exit the second mode).

[0188] The third type: gesture that triggers page jump.

[0189] The page jump may be to another page of the user terminal, such as a non-playing page, or to return to the desktop, or to exit the user terminal or switch to display other applications, etc.

[0190] For example, if the user clicks on the component of returning to the home page on the play page, the second mode is exited. When the user enters the play page again, the first mode is adopted to play the first media file.

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

[0192] According to an embodiment of another aspect, a playback processing device is provided. Figure 8 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 8 As shown, the device 800 includes: a page display unit 801 and an event monitoring unit 802. The main functions of each component unit are as follows:

[0193] The page display unit 801 is configured to play a first media file in a first mode on a play page;

[0194] An event monitoring unit 802 is configured to monitor events on the playback page;

[0195] The page display unit 801 is further configured to, in response to a first event triggering a mode switch, switch to playing the first media file in a second mode on the play page, wherein the second mode hides some page elements compared to the first mode;

[0196] In response to a second event that triggers adding a page element, displaying a page element corresponding to the candidate function on the playback page, the page element corresponding to the candidate function being part of the page element that is hidden in the second mode compared to the first mode;

[0197] In response to a third event that a page element corresponding to a candidate function is selected, a target page element is displayed on the playback page, where the target page element is the page element corresponding to the selected candidate function.

[0198] As one of the achievable methods, the page display unit 801 may be further configured to: in response to a fourth event triggering a media switch, switch on the playback page to playing the second media file in the second mode, and keep displaying the target page element on the playback page.

[0199] As one achievable manner, the page display unit 801 plays the first media file in the second mode on the play page, and is further configured as follows:

[0200] While playing the first media file in the second mode on the play page, displaying subtitles corresponding to the audio file in the first media file on the play page;

[0201] The page display unit 801 switches to playing the second media file in the second mode on the play page, and is further configured to include:

[0202] While switching to the second mode to play the second media file on the play page, the subtitles corresponding to the audio file in the second media file are kept displayed on the play page.

[0203] As one possible implementation method, the second mode further changes the content size of the first media file compared with the first mode:

[0204] The page display unit 801 switches to playing the second media file in the second mode on the play page, and is further configured as follows:

[0205] On the play page, switch to the second mode to play the second media file, and keep the content size in the second mode unchanged.

[0206] As one possible implementation, the first event triggering the mode switching includes: an event triggered by a two-finger zoom gesture or an event triggered by a first voice command; and / or,

[0207] The second event that triggers adding the page element includes: an event triggered by a long press gesture or an event triggered by a second voice command; and / or,

[0208] The fourth event triggering media switching includes: an event triggered by a single-finger sliding gesture in a preset direction, an event triggered by the end of playing of the first media file, or an event triggered by a fourth voice command.

[0209] As one of the implementable ways, the page display unit 801 may be further configured to, in response to a fifth event that triggers hiding the page element in the second mode, hide the fifth page element displayed in the second mode on the playback page, wherein the fifth page element includes the page element in the top area and / or the page element in the bottom area;

[0210] The page display unit 801 keeps displaying the target page elements on the playback page, and is further configured as follows:

[0211] While displaying the target page elements on the play page, the fifth page elements remain hidden.

[0212] As one achievable manner, the fifth event that triggers the hidden page element includes: an event triggered by a single-click gesture or a third voice command.

[0213] As one possible implementation method, the fifth page element includes at least one of the following:

[0214] A page element for exiting the second mode;

[0215] A page element for playing or pausing a first media file;

[0216] A page element for adjusting the playing speed of a first media file.

[0217] As one possible implementation method, the partial page element includes at least one of a first page element, a second page element, a third page element, and a fourth page element;

[0218] The first page element is used to describe the media file, the second page element is used to input interactive information, the third page element is used to implement the search function, and the fourth page element is the function menu entry.

[0219] As one achievable manner, before the page display unit 801 switches to playing the second media file in the second mode on the play page, it is further configured as follows:

[0220] If the first media file is the first media file and the fourth event triggers the playing of the previous media file, or if the first media file is the last media file and the first event triggers the playing of the next media file, then switch to playing the first media file in the first mode on the playing page; otherwise, execute the step of switching to playing the second media file in the second mode on the playing page.

[0221] As one achievable manner, if the page display unit 801 switches to playing the first media file in the first mode on the play page, the page display unit 801 displays a sixth page element on the play page, and the sixth page element is used to prompt that there is no media file to be played.

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

[0223] 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 the relevant countries and regions, and provide corresponding operation entrances for users to choose to authorize or refuse.

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

[0225] And an electronic device, comprising:

[0226] one or more processors; and

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

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

[0229] in, Fig. 9The architecture of the electronic device is shown as an example, which may include a processor 910, a video display adapter 911, a disk drive 912, an input / output interface 913, a network interface 914, and a memory 920. The processor 910, the video display adapter 911, the disk drive 912, the input / output interface 913, the network interface 914, and the memory 920 may be communicatively connected via a communication bus 930.

[0230] Among them, the processor 910 can be implemented by a general-purpose CPU, a microprocessor, an application-specific integrated circuit (ASIC), or one or more integrated circuits, etc., to execute relevant programs to implement the technical solution provided in this application.

[0231] The memory 920 can be implemented in the form of ROM (Read Only Memory), RAM (Random Access Memory), static storage device, dynamic storage device, etc. The memory 920 can store an operating system 921 for controlling the operation of the electronic device 900, and a basic input and output system (BIOS) 922 for controlling the low-level operation of the electronic device 900. In addition, a web browser 923, a data storage management system 924, and a playback processing device 925, etc. can also be stored. The above-mentioned playback processing device 925 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 by the present application is implemented by software or firmware, the relevant program code is stored in the memory 920 and is called and executed by the processor 910.

[0232] The input / output interface 913 is used to connect the input / output module to realize information input and output. The input / output module can be configured in the device as a component (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.

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

[0234] The bus 930 comprises a pathway for transmitting information between the various components of the device (eg, the processor 910, the video display adapter 911, the disk drive 912, the input / output interface 913, the network interface 914, and the memory 920).

[0235] It should be noted that, although the above device only shows a processor 910, a video display adapter 911, a disk drive 912, an input / output interface 913, a network interface 914, a memory 920, a bus 930, 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.

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

[0237] 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 playback processing method, characterized in that: The method comprises: Playing a first media file in a first mode on a play page; In response to a first event triggering mode switching, switching to playing the first media file in a second mode on the play page, wherein the second mode hides some page elements compared to the first mode; In response to a second event that triggers adding a page element, displaying a page element corresponding to a candidate function on the playback page, wherein the page element corresponding to the candidate function belongs to a portion of page elements that are hidden in the second mode compared to the first mode; In response to a third event that a page element corresponding to the candidate function is selected, a target page element is displayed on the playback page, where the target page element is the page element corresponding to the selected candidate function.

2. The method according to claim 1, characterized in that The method further comprises: In response to a fourth event triggering media switching, the playback page is switched to playing the second media file in the second mode, and the target page element is kept displayed on the playback page.

3. The method according to claim 2, characterized in that Playing the first media file in the second mode on the play page includes: While playing the first media file in the second mode on the play page, displaying subtitles corresponding to the audio file in the first media file on the play page; The switching on the play page to playing the second media file in the second mode includes: While switching to the second mode to play the second media file on the play page, the subtitles corresponding to the audio file in the second media file are kept displayed on the play page.

4. The method according to claim 2 or 3, wherein: The second mode further changes the content size of the first media file compared to the first mode: The switching on the play page to playing the second media file in the second mode includes: The second mode is switched to play the second media file on the play page, and the content size in the second mode is kept unchanged.

5. The method according to claim 2, characterized in that: The first event triggering the mode switching includes: an event triggered by a two-finger zoom gesture or an event triggered by a first voice command; and / or, The second event that triggers adding a page element includes: an event triggered by a long press gesture or an event triggered by a second voice command; and / or, The fourth event triggering media switching includes: an event triggered by a single-finger sliding gesture in a preset direction, an event triggered by the end of playing of the first media file, or an event triggered by a fourth voice command.

6. The method according to claim 2, characterized in that The method further comprises: In response to a fifth event that triggers hiding of the page element in the second mode, hiding a fifth page element displayed in the second mode on the playback page, the fifth page element including a page element in the top area and / or a page element in the bottom area; The maintaining of displaying the target page element on the playback page includes: While the target page element is displayed on the play page, the fifth page element is hidden.

7. The method according to claim 6, characterized in that The fifth event that triggers the hidden page element includes: an event triggered by a single-click gesture or a third voice command.

8. The method according to claim 6 or 7, characterized in that: The fifth page element includes at least one of the following: A page element for exiting the second mode; A page element for playing or pausing the first media file; A page element for adjusting a playing speed of the first media file.

9. The method according to any one of claims 1-3 and 5-7, characterized in that: The partial page elements include at least one of a first page element, a second page element, a third page element, and a fourth page element; The first page element is used to describe the media file, the second page element is used to input interactive information, the third page element is used to implement the search function, and the fourth page element is a function menu entry.

10. The method according to any one of claims 2, 3, 5-7, characterized in that: Before switching to playing the second media file in the second mode on the play page, the method further includes: If the first media file is the first media file and the fourth event triggers the playing of the previous media file, or if the first media file is the last media file and the first event triggers the playing of the next media file, then the step of switching to playing the first media file in the first mode on the playing page is performed; otherwise, the step of switching to playing the second media file in the second mode on the playing page is performed.

11. The method according to claim 10, characterized in that If the first mode is used to play the first media file on the play page, the method further includes: A sixth page element is displayed on the play page, and the sixth page element is used to prompt that there is no media file to be played.

12. A playback processing device, characterized in that: The device comprises: A page display unit, configured to play a first media file in a first mode on a play page; An event monitoring unit, configured to monitor events on the playback page; The page display unit is further configured to, in response to a first event triggering a mode switch, switch to playing the first media file in a second mode on the playback page, the second mode hiding some page elements compared to the first mode; in response to a second event triggering the addition of page elements, display page elements corresponding to candidate functions on the playback page, the page elements corresponding to the candidate functions belonging to some page elements hidden in the second mode compared to the first mode; in response to a third event that the page elements corresponding to the candidate functions are selected, display target page elements on the playback page, the target page elements being the page elements corresponding to the selected candidate functions.

13. 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 11 are implemented.

14. 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 11.

15. 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 11 are implemented.

Images