Playback processing method and device

Abstract

This application discloses a playback processing method and apparatus. The main technical solution includes: playing a first media file on a playback page using a first mode; in response to a first event triggering mode switching, switching to a second mode on the playback page to play the first media file, where the second mode hides some page elements compared to the first mode; in response to a second event triggering the addition of page elements, displaying page elements corresponding to candidate functions on the playback page, where the page elements corresponding to candidate functions are part of the page elements hidden in the second mode compared to the first mode; and in response to a third event that the page elements corresponding to candidate functions are selected, displaying a target page element on the playback page, where the target page element is the page element corresponding to the selected candidate function. This application embodiment can meet the user's functional requirements for the playback page.

Description

Technical Field

[0001] This application relates to the field of Internet application technology, and in particular to a playback processing method and apparatus. Background Technology

[0002] With the rapid development of internet and mobile communication technologies, media playback services for mobile devices such as smartphones and tablets have become widely used. Therefore, users can watch different media on the playback page of their mobile devices. However, the fixed functionality of the playback page cannot meet users' viewing needs, resulting in a poor viewing experience. Summary of the Invention

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

[0004] This application provides the following solution:

[0005] In a first aspect, a playback processing method is provided, comprising: playing a first media file on a playback page using a first mode; in response to a first event triggering a mode switch, switching to playing the first media file on the playback page using a second mode, wherein the second mode hides some page elements compared to the first mode; in response to a second event triggering the addition of 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 is a portion of the page elements hidden in the second mode compared to the first mode; and in response to a third event that the page element corresponding to the candidate function is selected, displaying a target page element on the playback page, wherein the target page element is the page element corresponding to the selected candidate function.

[0006] Optionally, the method further includes: in response to a fourth event that triggers media switching, switching on the playback page to play the second media file in the second mode, and maintaining the display of the target page elements on the playback page.

[0007] Optionally, the first media file can be played in a second mode on the playback page, including:

[0008] While playing the first media file 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;

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

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

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

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

[0013] Switch to the second mode on the playback page to play the second media file, while keeping the content size unchanged in the second mode.

[0014] Optionally, the first event triggering the mode switch 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 the addition of a 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 that triggers media switching includes: an event triggered by a single-finger swipe gesture in a preset direction, an event triggered by the end of playback 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 the hiding of page elements in the second mode, the fifth page element displayed in the second mode is hidden on the playback page. The fifth page element includes page elements in the top area and / or page elements in the bottom area.

[0019] Maintain the display of target page elements on the playback page, including:

[0020] While keeping the target page elements displayed on the playback page, keep the fifth page elements hidden.

[0021] Optionally, a fifth event that triggers the hiding of a page element includes: a click gesture event or a third voice command.

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

[0023] Page elements used to exit the second mode;

[0024] Page elements used to play or pause the first media file;

[0025] A page element used to adjust the playback speed of the first media file.

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

[0027] The first page element describes 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 entry point for the function menu.

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

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

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

[0031] The sixth page element is displayed on the playback page. The sixth page element is used to indicate that there are no media files to play.

[0032] Secondly, a playback processing device is provided, the device comprising:

[0033] The page display unit is configured to play the first media file in the first mode on the playback page;

[0034] The event listener unit is configured to listen for events on the playback page;

[0035] The page display unit is further configured to respond to a first event that triggers a mode switch, switching to play the first media file in a second mode on the playback page, where the second mode displays some page elements compared to the first mode;

[0036] In response to the second event that triggers the addition of page elements, the page elements corresponding to the candidate functions are displayed on the playback page. The page elements corresponding to the candidate functions belong to the part of the page elements hidden in the second mode compared to the first mode.

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

[0038] In response to the fourth event that triggers media switching, switch to playing the second media file in the second mode on the playback page, and keep the target page elements displayed on the playback page.

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

[0040] Fourthly, an electronic device is provided, comprising:

[0041] One or more processors; and

[0042] A memory associated with the one or more processors, the memory being used to store program instructions that, when read and executed by the one or more processors, perform the steps of the method described in any one of the first aspects above.

[0043] Fifthly, a computer program product is provided, comprising a computer program that, when executed by a processor, implements the steps of the method described in any one of the first aspects above.

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

[0045] 1) This application, through a first event on the playback page, after switching from the first mode to the second mode on the playback page, can display the page element corresponding to the candidate function on the playback page by triggering a second event to add page elements. The page element corresponding to the candidate function is a part of the page elements hidden in the second mode compared to the first mode. Next, through a third event where the page element corresponding to the candidate function is selected, the page element corresponding to the candidate function (i.e., the target page element) personalized by the user is displayed on the playback page, which can meet the user's functional requirements for the playback page.

[0046] 2) This application, through a first event on the playback page, after switching from the first mode to the second mode on the playback page, can display the page element corresponding to the candidate function on the playback page by triggering a second event to add a page element. This page element corresponding to the candidate function is a portion of the page elements hidden in the second mode compared to the first mode. Next, through a third event where the page element corresponding to the candidate function is selected, the page element corresponding to the candidate function (i.e., the target page element) personalized by the user can be displayed on the playback page. Then, through a fourth event, the playing media file can be directly switched and kept in the second mode, maintaining the display of the target page element on the playback page, without having to select the page element corresponding to the candidate function again after switching to the second media file. This simplifies user operation and allows users to switch playing media files in the second mode while maintaining the display of the page element (target page element) corresponding to the candidate function personalized by the user on the playback page, thus meeting the user's functional needs for the playback page and improving the user's seamless viewing experience.

[0047] 3) In this application, while playing the first media file in the second mode on the playback page, subtitles corresponding to the audio files in the first media file are displayed on the playback page; and while switching to the second mode to play the second media file on the playback page, subtitles corresponding to the audio files in the second media file are still displayed on the playback page. On the one hand, this can significantly improve the usability and comprehensibility of the media file, and on the other hand, it allows the user to switch between media files in the second mode and keep the subtitles corresponding to the audio files in the second media file displayed on the playback page. This can meet the user's functional requirements for the playback page and improve the user's continuous viewing experience.

[0048] 4) Compared to the first mode, the second mode of this application further alters the content size of the first media file, namely, entering a "zoom-in clear screen mode." Furthermore, when switching to the second media file in the second mode, the playback page switches to the second mode for playback, while maintaining the same content size. This eliminates the need to reset the content size of the second media file after switching. This simplifies user operation and allows users to maintain the same content size while switching media files in the second mode, thus meeting the user's functional requirements for the playback page and improving the user's seamless viewing experience.

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

[0050] In this 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 multiple ways 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.

[0051] This application allows users to switch to a second media file in the second mode using a single-finger swipe gesture in a preset direction (such as upward). The upward single-finger swipe gesture enables media file switching in the second mode, which is simple, quick, and more in line with users' cognitive and usage habits regarding operation gestures.

[0052] 6) In this application, when responding to the fifth event that triggers the hiding of page elements, the fifth page element displayed in the second mode can be hidden on the playback page. The fifth page element includes page elements in the top or bottom area. Furthermore, when switching from the first media file to the second media file in the second mode, the fifth page element is hidden while the target page element is displayed on the playback page, without having to hide the fifth page element after switching to the second media file. This simplifies user operation and allows users to keep switching media files in the second mode and keeping the page element (target page element) corresponding to the candidate function selected by the user displayed on the playback page while the fifth page element is hidden. This satisfies the user's functional requirements for the playback page and improves the user's continuous viewing experience.

[0053] 7) The fifth event that triggers the hiding of page elements in this application can be an event triggered by a click gesture or an event triggered by a third voice command, etc., so that users can flexibly hide the fifth page elements in a variety of ways to simplify 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 this embodiment of the application, the page elements hidden in the second mode compared to the first mode may include at least one of the following: a first page element for describing media files, a second page element for inputting interactive information, a third page element for implementing search functions, and a fourth page element as an entry point to the function menu. Essentially, this 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 this application, the fifth page element displayed in the second mode can be hidden, thereby eliminating the interference of the fifth page element on the viewing experience, which can help users focus more on watching the content of the second media file, thereby improving the user's viewing experience.

[0056] 10) When responding to the fourth event but there is no media file to be played, this application can switch to playing the first media file in the first mode on the playback page. That is, the media file to be played remains the same, but only the mode is switched, that is, from the second mode to the first mode, to prompt that there is no media file to be played in a gentler way, and to give users a responsive and good experience.

[0057] 11) When there are no media files to be played, this application can further pop up a sixth page element on the playback page to provide users with more direct and immediate prompts and improve the efficiency of information delivery.

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

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

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

[0061] Figure 2 This is a flowchart of a playback processing method provided in an embodiment of this application;

[0062] Figure 3 A schematic diagram provided for embodiments of this application shows the switching from playing a first media file in a first mode to playing the first media file in a second mode on the playback page;

[0063] Figure 4 A schematic diagram illustrating the fifth event of triggering a hidden page element in the second mode, provided as an embodiment of this application;

[0064] Figure 5 A schematic diagram illustrating the second event for triggering the addition of a page element, provided in an embodiment of this application;

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

[0066] Figure 7 A schematic diagram provided for embodiments of this application shows the switching from playing a first media file in the second mode to playing the first media file in the second mode on the playback page;

[0067] Figure 8 A schematic block diagram of a playback processing apparatus provided in the embodiments of this application;

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

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

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

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

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

[0073] Current traditional playback methods typically include a default playback mode and a screen-clearing playback mode, allowing users to switch between these two modes to play media files. However, the playback pages corresponding to these two modes usually have fixed page elements with fixed functions, which cannot meet the diverse functional needs of users.

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

[0075] In this embodiment, the user terminal is set on the terminal device. The user terminal involved can be a user terminal running on the terminal device, a mini-program, or a web application running through a browser.

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

[0077] The user client can interact with the server via the network, requesting media files from the server and playing them.

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

[0079] The server can send media files to the user terminal using streaming, allowing the user to download and play the media file simultaneously. Alternatively, a progressive delivery method can be used, sending the media file to the user terminal, which then downloads the entire file before playback. Other methods can also be employed, such as using a CDN (Content Delivery Network) to provide and deliver media files to the user terminal.

[0080] As one possible approach, the user client can request media files from the server, and the server can then transmit the media files to the user client. The user client can then use the method provided in this application embodiment to play the media files.

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

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

[0083] Step 201: Play the first media file in the first mode on the playback page.

[0084] Step 203: In response to the first event that triggers mode switching, switch to the second mode on the playback page to play the first media file. The second mode hides some page elements compared to the first mode.

[0085] Step 205: In response to the second event that triggers the addition of page elements, display the page elements corresponding to the candidate functions on the playback page. The page elements corresponding to the candidate functions are the page elements that are 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 the target page element on the playback page. The target page element is the page element corresponding to the selected candidate function.

[0087] As can be seen, this application, through the first event on the playback page, after switching from the first mode to the second mode on the playback page, can display the page element corresponding to the candidate function on the playback page by triggering the second event of adding page elements. The page element corresponding to the candidate function belongs to the part of the page elements hidden in the second mode compared to the first mode. Next, through the third event of the page element corresponding to the candidate function being selected, the page element corresponding to the candidate function selected by the user (i.e., the target page element) is displayed on the playback page, which can meet the user's functional requirements for the playback page.

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

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

[0090] The first mode involved in this application embodiment can be the user's default mode, normal playback mode, etc. When a user opens the user's client to play a media file, the first mode is used by default.

[0091] The first mode involved in this application embodiment can be the user's default mode, normal playback mode, etc. When a user opens the user's client to play a media file, the first mode is used by default.

[0092] The media files involved in this application embodiment can be videos, images from an image gallery, etc. Videos are used to play dynamic content. Images from an image gallery can be used to display a series of related content, but do not include audio or dynamic effects; images in an image gallery can be single images or long images composed of multiple images.

[0093] In one example, a video can be categorized based on at least one of the following dimensions: content, duration, and display orientation.

[0094] For example, videos can be categorized into long videos or short videos based on their duration; and into landscape videos or portrait videos based on their display orientation.

[0095] The following describes in detail step 203, namely, "in response to the first event that triggers mode switching, switching to the second mode on the playback page to play the first media file, wherein the second mode hides some page elements compared to the first mode," with reference to the embodiments.

[0096] In the first mode, if a first event is detected on the playback page, the playback page switches from the first mode to the second mode in response to the first event. The second mode described in this application hides some page elements compared to the first mode.

[0097] The aforementioned use of a second mode to play the first media file on the playback page can be triggered by a specific event, such as a two-finger zoom gesture or a first voice command (e.g., a voice command to switch "playback mode"). For example, triggering the use of a second mode to play the first media file on the playback page through a gesture such as a two-finger zoom gesture is simple, quick, and more in line with the user's cognitive and usage habits regarding gestures.

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

[0099] For example, while playing the first media file in the second mode on the playback page, the audio file from the first media file is displayed as subtitles on the playback page; in response to a second event on the playback page in the second mode, the playback of the first media file is switched on the playback page, while the playback of the second media file continues in the second mode, and the audio file from the second media file is displayed as subtitles on the playback 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 this application, while playing the first media file in the second mode on the playback page, subtitles corresponding to the audio files in the first media file are displayed on the playback page; and while switching to the second mode to play the second media file on the playback page, the subtitles corresponding to the audio files in the second media file are still displayed on the playback page. On the one hand, this can significantly improve the usability and comprehensibility of the media file, and on the other hand, it allows users to switch between media files in the second mode and keep the subtitles corresponding to the audio files in the second media file displayed on the playback page. This can meet the user's functional requirements for the playback page and improve the user's smooth viewing experience.

[0101] In the embodiments of this application, the second mode that hides some page elements compared to the first mode may refer to hiding some page elements during 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 this application embodiment generally refer to visual elements on a UI (User Interface) page, which can include text, icons, images, videos, components, etc. A component refers to an object obtained by simply encapsulating data and methods; it can also be called a control. These can include buttons, input boxes, drop-down menus, dialog boxes, navigation bars, cards, interactive icons, etc. In this application embodiment, the changes in page elements involved in the second mode compared to the first mode mainly refer to changes in the style of the page elements, rather than changes in the content itself. Style changes include: color changes, layout changes (i.e., rearranging and combining visual elements on the UI page), visibility changes (i.e., whether they are hidden or visible), etc. For example, the content of a component may not change, but the component can be hidden. For another example, the first mode displays some page elements, while the second mode hides some page elements.

[0103] Here, the layout of the playback page is changed by displaying some page elements in the first mode and hiding some page elements in the second mode, so as to adapt to different usage scenarios or user needs.

[0104] Some page elements may include at least one of the following: 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 the search function, and the fourth page element is the entry point for the function menu.

[0105] In one example, the first page element mentioned above can take the form of text, while the second, third, and fourth page elements can take the form of components.

[0106] exist Figure 3 The playback page shown in (a) plays the first media file in a first mode, displaying first page elements, second page elements, third page elements, and fourth page elements (i.e., the first mode displays a portion of the page elements); after the playback page responds to a first event (e.g., a two-finger zoom gesture), it can enter... Figure 3 In (b), Figure 3 The playback page shown in (b) hides some of the page elements mentioned above (i.e., the second mode hides some page elements), so that the layout of the playback page can be changed to adapt to different usage scenarios or user needs.

[0107] In one example, you can hide some page elements by setting CSS (Cascading Style Sheets) styles; or you can use JS (JavaScript) to modify the CSS properties of page elements to hide some page elements.

[0108] It should be noted that the client can pre-register callback functions or methods for the events to be monitored. These functions or methods contain the logic code to be executed in response to the event. Once the event is triggered, the client automatically calls the corresponding callback function or method. For example, a callback function can be pre-registered for the first event, which triggers the client to switch from the first mode to the second mode. The event responses in this embodiment can all be implemented in this way, and will not be detailed further below.

[0109] In this embodiment of the 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 and can adapt to different usage scenarios or user needs.

[0110] Additionally, it's worth noting that touch gesture listeners in operating systems, such as the `setOnTouchListener` in Android, detect user touch events and perform gesture recognition. If a gesture like two-finger zoom is detected, a first event is triggered, sending the gesture information to the user. The user determines the scaling ratio of the media file based on the distance the two fingers move in the gesture information. This scaling ratio determines the degree of scaling of the image during media playback. The user then uses this scaling ratio to transform the screen content, such as transforming and rendering video images or pictures. Taking zooming as an example, this involves resampling and interpolating the pixel data of the video image or picture to generate a magnified version. The magnified 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] Additionally, it should be noted that, in addition to hiding some page elements 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 playback page includes: switching to the second mode for playing the second media file on the playback page while keeping the content size unchanged in the second mode.

[0113] Compared to the first mode, the second mode of this application further alters the content size of the first media file, namely, entering a "zoom-in clear screen mode." Furthermore, when switching to the second media file in the second mode, the playback page switches to the second mode for playback, while maintaining the same content size. This eliminates the need to reset the content size of the second media file after switching. This simplifies user operation and allows users to maintain the same content size in the second mode while switching between media files, thus meeting the user's functional needs for the playback page and improving a smoother viewing experience.

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

[0115] In this embodiment of the application, to meet some special viewing needs of users, media files can be played using their corresponding content sizes for the first mode and the second mode respectively. For example, if you want to zoom in to view the details in the video, you can use a gesture such as a two-finger zoom to zoom in on the video content; if the user wants to switch to the next media file (e.g., the second media file), they can use a swipe gesture in a preset direction to switch to the second media file, that is, the second media file is played in the second mode on the playback page, while keeping the content size unchanged in the second mode.

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

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

[0118] In this embodiment, the first mode displays some page elements, while the second mode hides those elements. This eliminates interference with the viewing experience by using the second mode, i.e., after viewing the first media file in "clear screen mode". Alternatively, the media file can be played using its corresponding content size for both the first and second modes, satisfying various user viewing needs.

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

[0120] In response to a fifth event that triggers the hiding of page elements in the second mode, the fifth page element displayed in the second mode is hidden on the playback page. The fifth page element includes page elements in the top area and / or page elements in the bottom area.

[0121] Maintain the display of the target page elements on the playback page, including: keeping the fifth page element hidden while maintaining the display of the target page elements on the playback page.

[0122] In this application, upon responding to a fifth event that triggers the hiding of page elements, the fifth page element displayed in the second mode can be hidden on the playback page. This fifth page element includes page elements in the top or bottom area. Furthermore, when switching from the first media file to the second media file in the second mode, the fifth page element remains hidden while the target page element is displayed on the playback page, eliminating the need to hide the fifth page element after switching to the second media file. This simplifies user operations and allows users to switch between media files in the second mode while keeping the page element corresponding to the user-selected candidate function (target page element) displayed on the playback page, while simultaneously keeping the fifth page element hidden. This satisfies users' functional needs for the playback page and improves the user's seamless viewing experience.

[0123] In one example, the fifth page element mentioned above could take 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 playback speed of the first media file.

[0125] In one example, the fifth page element can be hidden by setting CSS (Cascading Style Sheets) styles; or, the fifth page element can be hidden by using JS (JavaScript) to modify the CSS properties of the page element.

[0126] In one example, the bottom navigation element can be written directly in an HTML (Hypertext Markup Language) document. When the browser loads the HTML document, the bottom navigation element will automatically appear on the playback page; alternatively, the CSS style of the bottom navigation element can be modified, or its CSS properties can be modified via JavaScript to display the bottom navigation element.

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

[0128] exist Figure 4 In section (a), the fifth page element may also include: a playback progress bar, used 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 serves two purposes: firstly, it visually reminds the user, and secondly, it avoids obscuring other page elements on the playback page (such as the media file or the aforementioned page elements), thus improving the user's viewing experience.

[0130] In one example, the fifth event that triggers the hiding of a page element can include at least one of the following: a click gesture (e.g., a tap, left or right swipe 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, and also conforms to user habits. Alternatively, a left or right swipe gesture can be used to move the fifth page element off the playback page to hide it.

[0131] The fifth event mentioned above can also be an event triggered by the third voice command (such as the command "move out of '×'") or other events, which will not be listed here.

[0132] The following example uses a tap gesture to explain the fifth page element hidden in the second mode.

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

[0134] exist Figure 4 In (a), by using a tap gesture to hide the fifth page elements (i.e., "×", "||", "1x") displayed in the second mode on the current playback page, one can enter... Figure 4 (b) If the user is in Figure 4 If you tap again on the playback page shown in (b), the fifth page element will be displayed again.

[0135] In another example, a long-press gesture is used to display a fifth page element at the bottom of the playback page. This bottom area can be the area where the fifth page element is displayed, such as the area containing the "×", which is then long-pressed to display the "×" on the playback page.

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

[0137] In this embodiment, the fifth page element displayed in the second mode is hidden as the click gesture is performed. This eliminates the visual interference of the fifth page element displayed in the second mode on the user, while enabling a smooth switch to play the second media file in the second mode on the playback page. On the one hand, this helps the user focus more on watching the content of the second media file, and on the other hand, it improves the user's smooth viewing experience.

[0138] The following describes in detail step 205, namely, "in response to the second event of triggering the addition of page elements, displaying the page elements corresponding to the candidate functions on the playback page, wherein the page elements corresponding to the candidate functions belong to the part of the page elements hidden in the second mode compared to the first mode," with reference to the embodiments.

[0139] In the second mode, if a second event is detected on the playback page, the page element corresponding to the candidate function is displayed on the playback page in response to the second event. The page element corresponding to the candidate function involved in this embodiment is a portion of the page elements hidden in the second mode compared to the first mode.

[0140] In this 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 multiple ways 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 the addition of a page element includes either a long-press gesture or a second voice command. Using a long-press gesture as the second event is both simple and quick, and also aligns with user habits.

[0142] The second event mentioned above can also be a second voice command (such as a command to "forward" or a command to "search"), which will not be listed here.

[0143] In the page layout, the page elements corresponding to the candidate functions involved in this application embodiment 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 shown in (a) such as “Home”, “Featured”, “Messages”, “Me”, etc.

[0144] In one example, in response to a second event triggering the addition of a page element on the playback page, the page element corresponding to the candidate function is displayed in the appropriate area of ​​the playback page. The appropriate area could be, for example: Figure 3The area corresponding to the first page element, second page element, third page element, fourth page element, and bottom navigation component shown in (a). For example, in Figure 5 In section (a), by long-pressing the top area of ​​the playback page, you can enter... Figure 5 In (b), Figure 5 The playback page shown in (b) displays and"".

[0145] It should be noted that for second-page elements, a long-press gesture can be used in the right-hand area of ​​the playback page to display the second-page element (e.g., ...). Figure 3 (The second page element shown in (a)).

[0146] Additionally, it should be noted that for different candidate functions, the corresponding page elements can be displayed in different areas of the playback page using the second event, thereby displaying these page elements in the corresponding areas. For details of these different areas, please refer to [link to relevant documentation]. Figure 3 The page elements corresponding to each candidate function shown in (a) are displayed in the area of ​​the playback page.

[0147] Additionally, it should be noted that during the current playback of a media file (such as the current execution of steps 201 to 207), a first prompt box can be displayed on the playback page. This 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 needs for the playback page.

[0148] Here, when a user plays a media file for the first time or when the user plays a media file multiple times on the playback page, a first prompt box will pop up on the playback page.

[0149] In one example, when a user repeatedly uses the playback page to play media files, the timing for triggering the first pop-up prompt can be set based on the user's historical usage behavior; or, the timing for triggering the first pop-up prompt can be set based on the user's historical usage behavior and frequency.

[0150] Historical usage behavior can refer to the interactive behaviors that users exhibit on the playback page during the historical playback of media. The aforementioned frequency can refer to the frequency at which these interactive behaviors occur.

[0151] If a media file is played in the second mode on the playback page, the system will exit the second mode (i.e., return to the first mode) and perform the following operations: such as forwarding, favorite, or commenting on the media file on the playback page; after performing the above operations, the system will switch back to the second mode.

[0152] The following describes step 207, namely, "in response to the third event that the page element corresponding to the candidate function is selected, the target page element is displayed on the playback page, and the target page element is the page element corresponding to the selected candidate function," in conjunction with an embodiment.

[0153] In the second mode, if a third event is detected 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. In this embodiment, the target page element is the page element corresponding to the selected candidate function.

[0154] The aforementioned third event can be an event triggered by a single-finger gesture, such as a tap gesture. Using a long-press gesture as the third event is both simple and quick to operate, and also conforms to user habits.

[0155] The third event mentioned above can also be a voice command (e.g., selecting "forward"). Other events, such as those triggered by the currently playing media file and voice commands, are not listed here.

[0156] exist Figure 6 In (a), when playing the first media file in the second mode, tapping the top and right sides of the playback page respectively will enter... Figure 6 The playback page shown in (b) is in Figure 6 The playback page shown in (b) displays and Next, by using a fourth event that triggers media switching on the playback page (such as a downward swipe gesture), then proceed... Figure 6 The playback page shown in (c) switches to the second mode to play the second media file while maintaining the display of the target page elements (i.e., and ) and the fifth page element.

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

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

[0159] For example, in the second mode, use "||" to pause playback of the first media file; in the second mode, respond to the fourth event on the playback page, switch to play the second media file in the second mode on the playback page, and keep in the second mode using "||" to pause playback of the second media file on the playback page.

[0160] Following the previous text, after displaying the target page element on the playback page (i.e., performing step 207) or when replaying the media file on the playback page, a second prompt box pops up on the playback page. This second prompt box is used to prompt the user to confirm whether to continue displaying the target page element on subsequent playback pages.

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

[0162] In one example, if a media file switch is triggered (e.g., from the first media file to the second media file), the target page elements will remain displayed on the playback page, specifically including:

[0163] In response to the fourth event that triggers media switching, switch to playing the second media file in the second mode on the playback page, and keep the target page elements displayed on the playback page.

[0164] In the second mode, if the user wants to switch to the next media file or the next media file in playback mode, a fourth event can be triggered on the playback page. The user's client responds to this fourth event in second mode, switching the media file being played while maintaining playback in the second mode, without needing to select the corresponding page element for the candidate function after switching to the second media file. This simplifies user operation and allows the user to continue switching media files in second mode while maintaining the display of the page element (target page element) corresponding to the user-selected candidate function on the playback page. This satisfies the user's functional needs for the playback page and improves the user's seamless viewing experience.

[0165] This application utilizes a first event on the playback page. After switching from a first mode to a second mode on the playback page, a second event triggering the addition of a page element can display the page element corresponding to the candidate function on the playback page. This page element corresponding to the candidate function is a portion of the page elements hidden in the second mode compared to the first mode. Next, a third event triggering the selection of the page element corresponding to the candidate function can display the page element corresponding to the candidate function (i.e., the target page element) personalized by the user on the playback page. Then, a fourth event can directly switch the playing media file and remain in the second mode, maintaining the display of the target page element on the playback page, without needing to select the page element corresponding to the candidate function again after switching to the second media file. This simplifies user operation and allows users to switch playing media files in the second mode while maintaining the display of the page element corresponding to the user-personally selected candidate function (target page element) on the playback page, thus meeting users' functional needs for the playback page and improving the user's seamless viewing experience.

[0166] Additionally, it should be noted that during subsequent media file playback, users can further personalize the page elements corresponding to the candidate functions to meet their functional needs for the playback page at different times.

[0167] The aforementioned fourth event can be triggered by a single-finger swipe gesture in a preset direction, such as an upward swipe, a downward swipe, a leftward swipe, or a rightward swipe. Using swipe gestures as the fourth event is simple and quick to operate, and also conforms to user habits.

[0168] The aforementioned fourth event can also be an event triggered by a fourth voice command (such as "play next") or the end of playback of the currently playing media file (for example, the user's client is set to automatic continuous playback, so that the next media file will automatically play after the current media file finishes playing), etc. These will not be listed one by one here.

[0169] In one example, the media file can be switched when the swipe distance of a single-finger swipe gesture in a preset direction exceeds a preset distance threshold.

[0170] Here, the swipe distance can be the distance between the starting position of the swipe gesture in a preset direction (single finger up or single finger down) and the ending position of the swipe gesture in the playback 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] Furthermore, the above example using "zoom in clear screen mode" as the second mode will continue to play the new media file when switching between modes, provided the second mode is "zoom in mode". Similarly, if the second mode is "clear screen mode", it will continue to play the new media file when switching between modes.

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

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

[0175] In one example, the fourth event triggering the playback of the previous media file could be triggered by swiping down on the playback page or by a voice command. The fourth event triggering the playback of the next media file could also be triggered by swiping up on the playback page, by a voice command, or by automatically playing the next media file after the currently playing media file has finished playing.

[0176] exist Figure 7 In (a), in the second mode, the first media file is played by swiping down on the playback page, and the first media file is the first media file; then you can enter... Figure 7 In (b), Figure 7 The playback page shown in (b) uses the first mode to play the first media file.

[0177] Among them, Figure 7 The “Return to Player Stream” displayed above (b) usually refers to the process of transferring the first media file to the player as a stream for playback.

[0178] In this embodiment, when there is no media file to be played, the system switches to the first mode to play the first media file. On the one hand, this provides a gentler indication that there is no media file to be played; on the other hand, by seamlessly playing the media file, it reduces the inconvenience for the user during the waiting or switching process, allowing the user to continuously enjoy the content of the media file and improving the user's viewing experience.

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

[0180] In one example, after switching to the first mode to play the first media file on the playback page, a sixth page element is displayed on the playback page to indicate that there are no media files to play.

[0181] exist Figure 7 In (a), in the second mode, the first media file is played by swiping down on the playback page, and the first media file is the first media file; then you can enter... Figure 7 In (b), Figure 7 The playback page shown in (b) plays the first media file in the first mode, and... Figure 7 The sixth page element pops up on the playback page shown in (b), indicating that the player has entered the playback page. Figure 7 In the middle (c), the sixth page element is used to indicate that there are no media files to play.

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

[0183] Furthermore, if a user wants to exit the second mode and return to the first mode, it can be triggered by the seventh event. The user's client responds to the seventh event in the second mode and switches back to playing the second media file in the first mode on the playback page.

[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 that is the opposite of 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 can be used.

[0187] The second method: triggering a gesture on the fifth page element of the playback page (e.g., "×" to exit the second mode).

[0188] The third type: gestures that trigger page navigation.

[0189] Page navigation can redirect to other pages on the user's device, such as non-playing pages. It can also return to the home screen, exit the user's device, or switch to displaying other applications, etc.

[0190] For example, if a user clicks the component on the playback page that returns to the homepage, they exit the second mode. When the user re-enters the playback page, the first media file is played in the first mode.

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

[0192] According to another embodiment, a playback processing apparatus is provided. Figure 8 A schematic block diagram of a playback processing apparatus according to one embodiment is shown, the apparatus being disposed in Figure 1 The user end in the illustrated architecture. For example... Figure 8 As shown, the device 800 includes a page display unit 801 and an event listening unit 802. The main functions of each component are as follows:

[0193] Page display unit 801 is configured to play the first media file in the first mode on the playback page;

[0194] Event listener unit 802 is configured to listen for events on the playback page;

[0195] Page display unit 801 is further configured to respond to a first event that triggers mode switching, and switch to playing the first media file in a second mode on the playback page, where the second mode hides some page elements compared to the first mode;

[0196] In response to the second event that triggers the addition of page elements, the page elements corresponding to the candidate functions are displayed on the playback page. The page elements corresponding to the candidate functions belong to the part of the page elements hidden in the second mode compared to the first mode.

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

[0198] As one possible implementation, the page display unit 801 can also be further configured to: in response to a fourth event that triggers media switching, switch to playing a second media file in a second mode on the playback page, and maintain the display of the target page elements on the playback page.

[0199] As one possible implementation, the page display unit 801 plays the first media file in a second mode on the playback page, and is further configured as follows:

[0200] While playing the first media file 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;

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

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

[0203] As one possible approach, the second mode further alters the content size of the first media file compared to the first mode:

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

[0205] Switch to the second mode on the playback page to play the second media file, while keeping the content size unchanged in the second mode.

[0206] As one possible implementation method, the first event triggering the mode switch 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 the addition of a 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 that triggers media switching includes: an event triggered by a single-finger swipe gesture in a preset direction, an event triggered by the end of playback of the first media file, or an event triggered by a fourth voice command.

[0209] As one possible implementation, the page display unit 801 can also be further configured to hide the fifth page element displayed in the second mode on the playback page in response to a fifth event that triggers the hiding of page elements in the second mode. The fifth page element includes page elements in the top area and / or page elements in the bottom area.

[0210] Page display unit 801 maintains the display of target page elements on the playback page and is further configured as follows:

[0211] While keeping the target page elements displayed on the playback page, keep the fifth page elements hidden.

[0212] One possible way to trigger a fifth event for hiding page elements includes: a click gesture or a third voice command.

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

[0214] Page elements used to exit the second mode;

[0215] Page elements used to play or pause the first media file;

[0216] A page element used to adjust the playback speed of the first media file.

[0217] As one possible implementation, some page elements include at least one of the following: a first page element, a second page element, a third page element, and a fourth page element;

[0218] The first page element describes 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 entry point for the function menu.

[0219] As one possible implementation, before switching to playing the second media file in the second mode on the playback page, the page display unit 801 is further configured as follows:

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

[0221] As one possible approach, if the page display unit 801 switches to playing the first media file in the first mode on the playback page, the page display unit 801 displays a sixth page element on the playback page. The sixth page element is used to indicate that there is no media file to be played.

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

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

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

[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 that, when read and executed by the one or more processors, perform the steps of the method described in any of the foregoing method embodiments.

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

[0229] in, Figure 9An exemplary architecture of an electronic device is shown, 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, video display adapter 911, disk drive 912, input / output interface 913, network interface 914, and memory 920 can communicate with each other via a communication bus 930.

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

[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 the operating system 921 for controlling the operation of the electronic device 900, and the basic input / output system (BIOS) 922 for controlling the low-level operations of the electronic device 900. Additionally, it can store a web browser 923, a data storage management system 924, and a playback processing device 925, etc. The aforementioned playback processing device 925 can be the application program that specifically implements the aforementioned steps in this embodiment. In summary, when the technical solution provided in this application is implemented through software or firmware, the relevant program code is stored in the memory 920 and is called and executed by the processor 910.

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

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

[0234] Bus 930 includes a pathway for transmitting information between various components of the device, such as processor 910, video display adapter 911, disk drive 912, input / output interface 913, network interface 914, and memory 920.

[0235] It should be noted that although the above-described device only shows the processor 910, video display adapter 911, disk drive 912, input / output interface 913, network interface 914, memory 920, bus 930, etc., in specific implementations, the device may also include other components necessary for normal operation. Furthermore, those skilled in the art will understand that the above-described device may only include the components necessary for implementing the solution of this application, and does not necessarily include all the components shown in the figures.

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

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

Claims

1. A play processing method characterized by comprising: The method comprises: playing a first media file in a first mode on a playing page; in response to a first event triggering mode switching, switching to playing the first media file in a second mode on the playing page, the second mode hiding part of page elements compared with the first mode; in response to a second event triggering adding page elements, displaying a page element corresponding to a candidate function on the playing page, the page element corresponding to the candidate function belonging to the part of page elements hidden in the second mode compared with the first mode; in response to a third event that the page element corresponding to the candidate function is selected, displaying a target page element on the playing page, the target page element being the page element corresponding to the selected candidate function; wherein the second event is triggered in different areas of the playing page for different page elements corresponding to candidate functions, so as to display corresponding page elements in corresponding areas of the playing page.

2. The method of claim 1, wherein, The method further comprises: in response to a fourth event triggering media switching, switching to playing a second media file in a second mode on the playing page, and keeping displaying the target page element on the playing page.

3. The method of claim 2, wherein, The playing of the first media file in the second mode on the playing page comprises: displaying subtitles corresponding to an audio file in the first media file on the playing page while playing the first media file in the second mode on the playing page; The switching to playing the second media file in the second mode on the playing page comprises: keeping displaying subtitles corresponding to an audio file in the second media file on the playing page while switching to playing the second media file in the second mode on the playing page.

4. The method of claim 2 or 3, wherein, The second mode further changes the content size of the first media file compared with the first mode: The switching to playing the second media file in the second mode on the playing page comprises: switching to playing the second media file in the second mode on the playing page, and keeping the content size unchanged in the second mode.

5. The method of claim 2, wherein, The first event triggering mode switching comprises: an event triggered by a double-finger zoom gesture or an event triggered by a first voice instruction; and / or, The second event triggering adding page elements comprises: an event triggered by a long-press gesture or an event triggered by a second voice instruction; and / or, The fourth event triggering media switching comprises: an event triggered by a single-finger sliding gesture in a preset direction, an event triggered by the first media file playing ending, or an event triggered by a fourth voice instruction.

6. The method of claim 2, wherein, The method further comprises: in response to a fifth event triggering hiding page elements in the second mode, hiding a fifth page element displayed in the second mode on the playing page, the fifth page element including a page element in a top area and / or a page element in a bottom area; The keeping of displaying the target page element on the playing page comprises: keeping the fifth page element hidden while keeping displaying the target page element on the playing page.

7. The method of claim 6, wherein, The fifth event triggering the hidden page element includes an event triggered by a single-click gesture or a third voice instruction.

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

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

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

11. The method of claim 10, wherein, If switching to playing the first media file in the first mode on the playing page, the method further includes: displaying a sixth page element on the playing page, the sixth page element being used for prompting that there is no media file to be played.

12. A play processing apparatus characterized by comprising: The apparatus includes: a page display unit configured to play a first media file in a first mode on a playing page; an event listening unit configured to listen to events on the playing page; the page display unit is further configured to, in response to a first event triggering mode switching, switch to playing the first media file in a second mode on the playing page, the second mode hiding partial page elements compared with the first mode; in response to a second event triggering adding a page element, display a page element corresponding to a candidate function on the playing page, the page element corresponding to the candidate function belonging to the partial page elements hidden in the second mode compared with the first mode; in response to a third event that the page element corresponding to the candidate function is selected, display a target page element on the playing page, the target page element being the selected page element corresponding to the candidate function; wherein the second event is used for displaying the corresponding page element in the corresponding area of the playing page for different page elements corresponding to different candidate functions.

13. A computer readable storage medium having stored thereon a computer program, characterized in that The program, when executed by a processor, implements the steps of the method of any one of claims 1-11.

14. An electronic device, comprising: comprise: one or more processors; and a memory associated with the one or more processors, the memory being used to store program instructions, the program instructions, when read and executed by the one or more processors, performing the steps of the method of any one of claims 1-11.

15. A computer program product comprising a computer program, characterized in that, The computer program, which is executed by a processor, implements the steps of the method according to any one of claims 1 to 11.

Images