Method and apparatus for playing media file

Abstract

The embodiment of the present application discloses a media file playing processing method and device. The main technical scheme comprises: playing a media file in a first mode on a playing page; in response to a first event on the playing page, switching to playing the media file in a second mode on the playing page, the second mode having at least one change of page element compared with the first mode; in the second mode, in response to a second event on the playing page, switching the playing media file on the playing page and keeping playing the switched media file in the second mode. The present application simplifies user operation on one hand, and enables the user to keep switching the playing media file in the second mode, thereby improving the user's continuous watching experience.

Description

Technical Field

[0001] This application relates to the field of Internet application technology, and in particular to a method and apparatus for playing media files. 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. For example, users can watch videos anytime, anywhere through long video playback applications and short video playback applications.

[0003] However, with the continuous popularization of media playback technology and the continuous improvement of user demands, how to improve the user's smooth viewing experience and simplify user operations has become an urgent problem to be solved. Summary of the Invention

[0004] In view of this, this application provides a media file playback processing method and apparatus to improve the user's smooth viewing experience and simplify user operation.

[0005] This application provides the following solution:

[0006] Firstly, a method for playing media files is provided, the method comprising:

[0007] The media file is played in the first mode on the playback page;

[0008] In response to a first event on the playback page, the system switches to a second mode on the playback page to play the media file, wherein the second mode differs from the first mode in that at least one page element is changed.

[0009] In response to a second event on the playback page in the second mode, the media file being played on the playback page is switched, and the switched media file is played while maintaining the second mode.

[0010] Optionally, the changes to the at least one page element include:

[0011] Hide the page elements displayed on the playback page; and / or,

[0012] Change the content size of the media file displayed on the playback page.

[0013] Optionally, switching to the second mode for playing the media file on the playback page includes: hiding all or part of the page elements other than the media file on the playback page, and enlarging the content size of the media file;

[0014] The phrase "maintaining playback of the switched media file in the second mode" includes: playing the switched media file using the default content size and keeping all or part of the page elements other than the media file's image hidden on the playback page.

[0015] Optionally, the hidden page elements in the second mode include a first page element and / or a second page element, wherein the first page element is used to describe the media file and the second page element is used to input interactive information.

[0016] Optionally, the first event includes: a two-finger zoom gesture, an event triggered by a fourth page element, or an event triggered by a first voice command; and / or,

[0017] The second event includes: an event triggered by a single-finger swipe gesture in a preset direction, an event triggered by the end of playback of the currently playing media file, or an event triggered by a second voice command.

[0018] Optionally, the media file is a short video, and the preset direction single-finger swipe gesture is an upward single-finger swipe gesture or a downward single-finger swipe gesture;

[0019] The media file is an image from the image collection, and the preset direction single-finger swipe gesture is either a single-finger swipe gesture to the left or a single-finger swipe gesture to the right.

[0020] Optionally, the method further includes:

[0021] In response to a third event in the second mode, switch back to the first mode on the playback page to play the media file.

[0022] Optionally, the third event includes an event triggered by at least one of the following gestures:

[0023] The two-finger zoom gesture that is opposite to the two-finger zoom gesture used in the first event, the gesture that triggers a third page element on the playback page, and the gesture that triggers page navigation.

[0024] Optionally, after switching to the second mode for playing the media file on the playback page, the method further includes:

[0025] The third page element is highlighted on the playback page;

[0026] In response to the highlighting duration reaching a first preset duration, the highlighting of the third page element is canceled.

[0027] Optionally, the method further includes:

[0028] When a media file is played in the first mode on the playback page, a guide animation is displayed on the playback page in response to the preset trigger condition being met. The guide animation is used to prompt the content and function of the first event.

[0029] Optionally, the preset triggering condition includes at least one of the following:

[0030] The currently playing media file is the first video played after the client has started cold booting;

[0031] The currently playing media file is a landscape video;

[0032] The time interval since the last playback of the guide animation meets the preset interval requirements;

[0033] The number of times the first event occurs is less than or equal to a preset threshold.

[0034] Optionally, the method further includes:

[0035] If the guided animation is displayed for a second preset duration and no first event is detected on the playback page, then the guided animation will be canceled from being displayed on the playback page.

[0036] Secondly, a media file playback processing apparatus is provided, the apparatus comprising:

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

[0038] An event listening unit is configured to listen for events on the playback page;

[0039] The page display unit is further configured to, in response to a first event on the playback page, switch to playing a media file in a second mode on the playback page, wherein the second mode has at least one change in page element compared to the first mode; and, in response to a second event on the playback page in the second mode, switch the media file being played on the playback page and continue playing the switched media file in the second mode.

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

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

[0042] One or more processors; and

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

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

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

[0046] 1) This application, through a first event on the playback page, allows users to switch media files directly and remain in the second mode after switching from the first mode to the second mode, without having to exit the second mode first. This simplifies user operation and allows users to switch media files while remaining in the second mode, thereby improving the user's smooth viewing experience.

[0047] 2) In this embodiment of the application, the second mode, compared with the first mode, may include hiding the page elements displayed on the playback page to eliminate interference with the viewing experience, or changing the size of the media file displayed on the playback page, so that users can zoom in and out of the content of the media file in the second mode to meet users' richer viewing needs.

[0048] 3) This application can switch from the first mode to a second mode that hides all or part of the page elements except the media file and enlarges the size of the media file, i.e., enters the "enlarged clear screen mode". When switching media files in the second mode, the default screen size is used and all or part of the page elements except the media file are hidden on the playback page, so as to satisfy the user's immersive viewing experience while ensuring the comfort of the media file content size as much as possible.

[0049] 4) When switching to the second mode in this application, the first page element used to describe the media file and / or the second page element used to input interactive information can be hidden, so that the user can minimize the impact of unnecessary information when watching the media file and thus obtain a better immersive viewing experience.

[0050] 5) This application can use a two-finger zoom gesture to switch to the second mode on the playback page, and use a single-finger swipe gesture in a preset direction to switch media files in the second mode. This is simple and quick, and also more in line with the user's cognition and usage habits in terms of operation gestures.

[0051] 6) In the second mode, this application uses an up or down swipe gesture to switch short videos, and a left or right swipe gesture to switch images. This is simple and quick to operate, and also conforms to user habits.

[0052] 7) In this application, if a user wants to exit the second mode, they can conveniently and quickly switch back to the first mode through a third event. The third event can be a two-finger zoom gesture that is the opposite of the first event, a gesture that triggers a third page element on the playback page, or a gesture that triggers a page jump on the playback page. The user can exit the second mode in multiple ways to continue to meet other viewing needs.

[0053] 8) In this application, after playing media files in the second mode, the third page element can be highlighted on the playback page to prompt the user to exit the second mode through the third page element. After the highlighting time reaches the first preset time, the highlighting of the third page element is canceled to avoid affecting the user's viewing experience.

[0054] 9) When playing media files in the first mode on the playback page in this application, a guide animation can be displayed on the playback page to prompt the user about the content and function of the first event, thereby helping the user to quickly understand how to switch to the second mode.

[0055] 10) This application provides multiple scenarios for triggering the guide animation, enabling the first video or the first landscape video to be played after a cold start on the user's device, or when playing a landscape video, or when the time interval between the last playback of the guide animation meets a preset interval requirement, or when the number of occurrences of the first event is less than or equal to a preset threshold, thereby prompting the user on how to switch to the second mode as early as possible before the user has a need to switch modes.

[0056] 11) In this application, if the display of the guide animation reaches the second preset duration and no first event is detected on the playback page, the display of the guide animation on the playback page will be canceled. On the one hand, the second preset duration ensures that the user has already understood the switching method of the second mode, and on the other hand, it avoids the impact of displaying the guide animation for a long time on the user's viewing experience.

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

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

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

[0060] Figure 2 A flowchart illustrating a media file playback processing method provided in this application embodiment;

[0061] Figure 3 A schematic diagram of each stage of the playback page for playing landscape videos provided in this application embodiment;

[0062] Figure 4 A schematic diagram of each stage of the playback page for playing vertical videos provided in an embodiment of this application;

[0063] Figure 5 A schematic diagram of each stage of a playback page for playing ordinary images provided in an embodiment of this application;

[0064] Figure 6 This application provides a schematic diagram of each stage of the playback page for a long image playback provided in an embodiment of the application.

[0065] Figure 7 A schematic block diagram of the playback processing device provided in the embodiments of this application;

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

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

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

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

[0070] 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)."

[0071] In existing traditional playback methods, there is usually a default playback mode. Users play media files and switch between them within this default mode. For example, a user might play a short video in the default mode and use an upward swipe gesture to switch to the next media file. However, sometimes users have specific viewing needs, such as wanting to zoom in to see details in the video. They can use a two-finger zoom-in gesture to enlarge the video content. But to play the next video, the user must first use a two-finger zoom-out gesture or click a specific button to zoom back to the original content size, return to the default playback mode, and then use an upward swipe gesture to switch to the next media file. This method is cumbersome for users and disrupts the smooth viewing experience.

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

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

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

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

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

[0077] 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 video 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.

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

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

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

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

[0082] Step 203: In response to the first event on the playback page, switch to playing the media file in the second mode on the playback page. The second mode differs from the first mode in that at least one page element is changed.

[0083] Step 205: In the second mode, respond to the second event on the playback page and continue playing the media file after switching to the second mode.

[0084] As can be seen, this application, through the first event on the playback page, allows users to switch between the first and second modes directly via the second event after switching from the first mode, and maintain the playback in the second mode without having to exit the second mode. This simplifies user operation and allows users to switch playback media files while remaining in the second mode, thereby improving the user's smooth viewing experience.

[0085] 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," "second," etc., used in this disclosure do not have limitations in terms of size, order, or quantity; they are merely used to distinguish them by name. For example, "first mode" and "second mode" are used to distinguish two modes by name. Similarly, "first event," "second event," and "third event" are used to distinguish different events by name, and so on.

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

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

[0088] The media files involved in the embodiments of this application may be videos, images in an image gallery, etc.

[0089] Videos can be either long or short. The distinction between long and short videos mainly lies in their length, content, and production method. Long videos are typically several tens of minutes or longer; the content is more complete and in-depth, with relatively high quality; they usually require a professional team of photographers, editors, and sound effects specialists to complete, resulting in a longer production cycle and greater resource investment; examples include movies, TV series, and documentaries. Short videos are typically a few minutes or less; the content is usually concise and refined, focusing on highlighting a specific point or quickly conveying information; production is relatively simple, often using mobile phones or other portable devices for shooting, and post-production editing is also relatively easy; short videos emphasize rapid production and dissemination, stressing timeliness; examples include some funny videos, lifestyle videos, advertising videos, and short dramas.

[0090] In addition, the videos mentioned above can be either landscape or portrait. A landscape video is one where the width of the video frame is greater than its height, which better matches the natural field of vision of the human eye and is more suitable for viewing on widescreen devices (such as TVs and computers). A portrait video, on the other hand, is one where the height of the video frame is greater than its width, making it more suitable for viewing on narrow-screen devices (such as smartphones and tablets) and more popular in social media and short video platforms.

[0091] The images in the collection can be regular images or long images. Regular images are usually single, static images that users can view without any additional action. Long images, on the other hand, are a special type of image composed of continuous images. Users need to scroll or swipe to view the entire content of the long image. Long images typically combine multiple image elements to form a coherent narrative.

[0092] In the first mode, users can switch media files through preset events (referred to as the fourth event in this embodiment). That is, in response to the fourth event on the playback page, the user can switch the media file being played while maintaining the second mode of media file playback. The fourth event may include events triggered by a single-finger swipe gesture in a preset direction, the end of playback of the currently playing media file (e.g., the user's device is set to automatic continuous playback, where the next media file will automatically play after the previous one finishes playing), or events triggered by a third voice command (e.g., a voice command such as "play next").

[0093] Figure 3 (a) shows a landscape video played in the first mode on the playback page. If the user swipes up, the user can switch to the next video; if the user swipes down, the user can switch to the previous video.

[0094] Figure 4 (a) shows a portrait video played in the first mode on the playback page. If the user swipes up, the user can switch to the next video; if the user swipes down, the user can switch to the previous video.

[0095] Figure 5 (a) shows the playback page playing regular images in the first mode. If the user swipes left, they can switch to the next image in the image set, and if the user swipes right, they can switch to the previous image in the image set.

[0096] Figure 6 (a) shows the playback of a long image in the first mode on the playback page. If the user swipes left, they can switch to the next image in the playback set, and if the user swipes right, they can switch to the previous image in the playback set.

[0097] It should be noted that, in the embodiments of this application, "playback" refers to converting the content of a media file into images, sounds, or a combination of both that can be directly perceived by humans.

[0098] The following describes step 203, namely "in response to a first event on the playback page, switch to playing the media file in the second mode on the playback page", in detail with reference to the embodiments.

[0099] In the first mode, if a first event is detected on the playback page, the system switches to the second mode in response to the first event, that is, the media file is played on the playback page using the second mode. The second mode involved in this application embodiment differs from the first mode in that at least one page element is changed.

[0100] It should be noted that the user 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 user 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 user client to switch to the second mode, i.e., play the media file in the second mode on the playback page. All event responses in this embodiment can be implemented in this way, and will not be detailed further below.

[0101] The page elements involved in this application embodiment generally refer to visual elements on the page, which may 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 may include buttons, input boxes, drop-down menus, dialog boxes, navigation bars, cards, interactive icons, etc. Compared to the first mode, the changes in page elements involved in the second mode of this application embodiment mainly refer to changes in the style of page elements, rather than changes in the content itself. Style changes include: color changes, layout changes, visibility changes (i.e., whether it is hidden or visible), size changes, etc. For example, the content of a video or image playing on the page may not change, but the content size may change. Another example is that the displayed text content may not change, but the text may be hidden. Yet another example is that the content of a component may not change, but the component may be hidden or its size may be changed, and so on.

[0102] As one possible implementation method, the second mode involved in this application embodiment can be a "screen clearing mode." "Screen clearing mode" refers to hiding as many page elements as possible on the playback page, except for the media content being played and necessary page elements, thereby helping users focus more on watching the media content and avoid being distracted by other page elements. In other words, the second mode hides the page elements displayed on the playback page compared to the first mode. It should be noted that in the second mode, some page elements other than the media file's visuals can be hidden, or all page elements other than the media file's visuals can be hidden.

[0103] In the second mode, the hidden page elements may include a first page element and / or a second page element, where the first page element describes the media file and the second page element is used to input interactive information. The first page element may take the form of text, and the second page element may take the form of a component.

[0104] As another possible implementation, the second mode involved in this application embodiment can be a "zoom mode." A "zoom mode" refers to changing the content size of the media file displayed on the playback page. This can include enlarging the content size of the media file displayed on the playback page ("zoom-in mode") or shrinking the content size of the media file displayed on the playback page ("zoom-out mode"). Taking "zoom-in mode" as an example, it refers to enlarging the size of the video or image content, presenting a magnified local area so that the user can view the details of a certain part of the video or image more carefully and clearly. Taking "zoom-out mode" as an example, it refers to shrinking the content size of the video or image. Therefore, the video or image displayed in the display area is a shrunk global content, so that the user can view the details of a certain part of the video or image more comprehensively.

[0105] In addition, the second mode mentioned above can also be a combination of "zoom mode" and "clear screen mode", such as "zoom-up clear screen mode", which hides the page elements displayed on the playback page while enlarging the display size of the media file.

[0106] In this embodiment, the first event can be an event triggered by a two-finger zoom gesture, triggering a fourth page element, or a first voice command (such as a "mode switch" command). The two-finger zoom gesture is a high-level interactive gesture, also known as a two-finger pinch gesture, and can include two-finger zoom-in and two-finger zoom-out gestures. Besides the two-finger zoom gesture, other gestures can also be used, such as a two-finger click gesture.

[0107] Taking the two-finger zoom gesture as an example, if a user wants to enter the "zoom in and clear screen mode" while playing a media file in the first mode on the playback page, they can switch to the second mode by using the two-finger zoom gesture. In this way, the media file will be played in the "zoom in and clear screen mode" on the playback page. That is, in response to the user's two-finger zoom gesture on the playback page, all or part of the page elements other than the media file will be hidden on the playback page, and the content size of the media file will be enlarged.

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

[0109] Figure 3 (a) shows the playback page playing a landscape video in the first mode. If the user uses a two-finger zoom gesture, they can enter... Figure 3 The playback page shown in (b) uses the "Magnify Clear Screen Mode," also known as the second mode, to play media files. In "Magnify Clear Screen Mode," the content size of the landscape video is magnified to display more details, while the first page element describing the video (i.e., the description information at the bottom of the page) and the second page element for inputting interactive information (i.e., the interactive area on the right side of the page) are hidden. Meanwhile, the bottom navigation components (such as "Home," "Featured," "Messages," and "Me") are retained. Figure 3 (b) The display area for landscape videos on the playback page is also increased to the set size.

[0110] Figure 4 (a) shows the playback page playing a portrait video in the first mode. If the user uses a two-finger zoom gesture, they can enter... Figure 4 The playback page shown in (b) uses the "Magnify Clear Screen Mode," also known as the second mode, to play media files. In "Magnify Clear Screen Mode," the content size of the portrait video is magnified to display more details, while the first page element describing the video (i.e., the description information at the bottom of the page) and the second page element for inputting interactive information (i.e., the interactive area on the right side of the page) are hidden, while the bottom navigation component is retained.

[0111] Figure 5 Image (a) shows the playback page playing a regular image in the first mode. If the user uses a two-finger zoom gesture, they can enter... Figure 5The playback page shown in (b) uses the "Magnify Clear Screen Mode," also known as the second mode, to play media files. In "Magnify Clear Screen Mode," the content size of ordinary images is magnified to display more details, while the first page element used to describe the image (i.e., the description information at the bottom of the page) and the second page element used to input interactive information (i.e., the interactive area on the right side of the page) are hidden, while the bottom navigation component is retained.

[0112] Figure 6 (a) shows the playback of a long image in the first mode on the playback page. If the user uses a two-finger zoom gesture, they can enter... Figure 6 The playback page shown in (b) uses the "Magnify Clear Screen Mode," also known as the second mode, to play media files. In "Magnify Clear Screen Mode," the content of the long image is enlarged to display more details, while the first page element describing the long image (i.e., the description information at the bottom of the page) and the second page element for inputting interactive information (i.e., the interactive area on the right side of the page) are hidden, while the bottom navigation component remains. Furthermore, after the content of the long image is enlarged, it can be automatically scrolled, stopping when it reaches the bottom. For example, after the content of the long image is enlarged, the enlarged content automatically slides upwards, thus automatically displaying the content of other areas of the long image sequentially downwards.

[0113] Figures 3-6 The description uses "zoom in and clear screen mode" as an example. This also applies to entering "zoom in mode" or "clear screen mode" by zooming in with two fingers, and will not be explained with illustrations here.

[0114] Furthermore, in some cases, when playing media files in the first mode on the playback page, some users may not know how to switch to the second mode. Therefore, in this embodiment, when playing media files in the first mode on the playback page, a guide animation can be displayed on the playback page in response to the fulfillment of a preset trigger condition. The guide animation is used to indicate the content and function of the first event. This application does not limit the specific form of the guide animation, as long as it can indicate the content of the first event (i.e., what the first event is) and its function (i.e., what function or effect can be achieved through the first event).

[0115] The aforementioned preset triggering conditions may include, but are not limited to, the following:

[0116] The first trigger condition is that the currently playing media file is the first video played after the user's client has started cold.

[0117] The term "client cold start" refers to the process that is triggered when a client is completely closed or the corresponding process for the client does not exist on the terminal device. When the user opens the client again, the cold start process is triggered, which involves recreating the client process, loading necessary resources, rendering pages, initializing other functional modules, and reading configuration files.

[0118] If the user's device has just started playing a video after a cold start, a tutorial animation can be played on the playback page to promptly inform the user of the content and function of the first event.

[0119] The second trigger condition is: the currently playing media file is a landscape video.

[0120] For terminal devices such as mobile phones, where users typically use portrait mode for video playback, playing landscape videos can result in a smaller video screen, often creating a need to enlarge the video content. In such cases, a guiding animation can be played on the playback page to promptly inform the user of the content and function of the first event.

[0121] The third trigger condition: the time interval since the last playback of the guide animation meets the preset interval requirement.

[0122] If a tutorial animation has been played before, but the user may forget to trigger the first event after a long period of time, the tutorial animation can be played to the user again if the time interval between the last playback of the tutorial animation meets a preset interval requirement, such as more than 7 days.

[0123] The fourth trigger condition: the number of times the first event occurs is less than or equal to a preset threshold.

[0124] If the user rarely triggers the first event, for example, if the first event occurs less than twice, it means that the user may not know how to use the first event or what its function is. In this case, a guide animation can be played on the playback page to promptly inform the user of the content and function of the first event.

[0125] It should be noted that the above-mentioned triggering conditions can be combined in any way to form new triggering conditions. For example, the following triggering conditions can also be used: the currently playing media file is the first landscape video played on the playback page after the user's client has started cold, or the number of occurrences of the first event is less than or equal to a preset threshold and the time interval between the last playback of the guide animation meets the preset interval requirement, and so on.

[0126] Furthermore, restrictions can be placed on the total number of plays, playback duration, cancellation conditions, and prohibition conditions for the onboarding animation, to prevent frequent or prolonged playback from negatively impacting the user's viewing experience. For example, the total number of plays could be limited to four, meaning the onboarding animation will stop playing after four displays. Another example is canceling the onboarding animation display if it reaches a second preset duration (e.g., a 7-second limit) and no first event is detected on the playback page. Yet another example is prohibiting subsequent playback of the onboarding animation if the user triggers the first event more than three times, assuming the user is aware of its content and function.

[0127] In Figure 3 Taking the playback page shown in (a) as an example, when playing a landscape video in the first mode on the playback page, a guide animation can be displayed, such as... Figure 3 As shown in (e). The guiding animation displays a two-handed zoom-in gesture (i.e., prompting the content of the first event) and uses text such as "Zoom in to see details" and "Zoom in to clear screen" to prompt the user to enter the second mode (i.e., prompting the effect of the first event). If the user... Figure 3 On the page shown in (e), following the guided animation, a two-finger zoom gesture is used on the playback page, triggering the first event. This switches to the second mode on the playback page to play the media file, displaying the following... Figure 3 The playback page shown in (b) is shown in the middle.

[0128] The following describes in detail step 205, namely, "in response to a second event on the playback page in the second mode, switching the media file to be played on the playback page and continuing to play the switched media file in the second mode," with reference to the embodiments.

[0129] If a user wants to switch to the next media file in the second mode, a second event can be triggered on the playback page. The user's client responds to the second event on the playback page in the second mode, switching the media file to be played and continuing to play the media file in the second mode, without having to return to the first mode first and then switch the media file.

[0130] The second event mentioned above 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 second event is simple and quick to operate, and also conforms to user habits.

[0131] The second event mentioned above can also be an event triggered by a second 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.

[0132] Additionally, different gestures can be used to trigger the second event based on the different formats of the media file. For example, if the media file is a short video, the single-finger swipe gesture could be an upward swipe or a downward swipe. Figure 3 (b) and Figure 4 As shown in (b), using an upward single-finger swipe gesture on the playback page will maintain the "zoom-in clear screen mode" and switch to the next video. Figure 3 (c) and Figure 4 As shown in (c). However, it should be noted that while playing the next video in "zoom-in clear screen mode," the description information at the bottom of the page and the interactive area on the right side of the page can remain hidden. However, since it is difficult to determine the appropriate zoom ratio for the video content when playing the next video, a default screen size can be used in this embodiment to better suit the user's viewing experience. Alternatively, the zoom ratio of the previous video can be maintained when playing the next video.

[0133] If the media file is an image from the gallery, then a single-finger swipe gesture will either swipe left or right. For example, in Figure 5 As shown in (b), using a single-finger swipe to the left on the playback page will maintain the "zoom-in clear screen mode" and switch to the next image, thus displaying... Figure 5 The playback page is shown in (c). Similarly, while maintaining the "zoom-in clear screen mode" to play the next image, the description information at the bottom of the page and the interactive area on the right side of the page can remain hidden. However, since it is difficult to determine the appropriate zoom ratio for the image content when playing the next image, a default screen size can be used to play the next image in this embodiment to better suit the user's viewing experience. Of course, the zoom ratio of the previous image can also be maintained when playing the next image.

[0134] exist Figure 6 As shown in (b), using a single-finger swipe to the left on the playback page will maintain the "zoom in and clear screen mode" to switch to the next long image, which will then be displayed. Figure 6The playback page is shown in (c). Similarly, when playing the next long image in "zoom-in clear screen mode," the description information at the bottom of the page and the interactive area on the right side of the page can remain hidden. However, since it is difficult to determine the appropriate zoom ratio for the long image content when playing the next long image, a default screen size can be used in this embodiment to better suit user viewing. Alternatively, the zoom ratio of the previous long image can be maintained when playing the next long image.

[0135] It should be noted that the default screen size mentioned above can be the same as or different from the screen size in the first mode.

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

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

[0138] The aforementioned third event may include, but is not limited to, events triggered by the following gestures:

[0139] The first type: a two-finger zoom gesture that is the opposite of the two-finger zoom gesture used in the first event.

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

[0141] The second method: triggering a gesture on a third-page element on the playback page.

[0142] When playing media files in the second mode, a third page element can be displayed on the playback page. This third page element can be a component on the page. For example... Figure 4 On the pages shown in (b) and (c), there is a third page element. If the user triggers this third page element by clicking or other means, they can exit the second mode. Assume the user is... Figure 4If the third page element is triggered on the page shown in (c), the second mode will be exited and the playback page will play the video in the first mode. It can be seen that in the first mode, the video returns to the original screen size, and the first page element used to describe the video (i.e., the description information at the bottom of the page) and the second page element used to input interactive information (i.e., the interactive area on the right side of the page) are displayed on the playback page.

[0143] Additionally, to make it easier for users to notice elements on the third page, these elements can be highlighted on the playback page. Highlighting can be done in ways such as displaying the corresponding text, enlarging the display, or using a specific color. For example... Figure 4 As shown in (b), the text "Exit Zoom" can be displayed next to the third page element to prompt the user to use the third page element.

[0144] Furthermore, to minimize the impact on the user's viewing experience, the highlighting of the third-page element can be canceled when the aforementioned highlighting duration reaches a first preset duration, i.e., when the user's terminal responds to the highlighting duration reaching the first preset duration. Still using... Figure 4 As shown in (b) for example, the text "Exit Zoom" next to the element on the third page is displayed for 5 seconds and then disappears.

[0145] In addition, restrictions can be placed on the number of times a highlight can be made and the conditions for disabling highlighting. For example, highlighting can be disabled after three times. Another example is that if a user triggers a third-page element more than three times, highlighting that third-page element should be disabled thereafter.

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

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

[0148] 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 media file is played in the first mode.

[0149] Furthermore, in the above embodiments, if in the second mode, such as "zoom-in mode" or "zoom-in clear screen mode," since the playback page may display magnified details, the user may need to move the media file's content on the playback page. For example, when zooming in on image content, if the user wants to move the displayed image content slightly to the left, the fourth event can be used to trigger this action. It should be noted that the gesture triggering this fourth event needs to be distinct from the gestures triggering other events, at least distinct from the gestures triggering the second event. In this embodiment, in the second mode, the user can use a two-finger movement gesture, such as using two fingers to move to the right to move the image content displayed on the playback page to the left, or using two fingers to swipe left to move the image content displayed on the playback page to the right, and so on.

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

[0151] According to another embodiment, a media file playback processing apparatus is provided. Figure 7 A schematic block diagram of the 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 7 As shown, the device 700 includes a page display unit 701 and an event listening unit 702. The main functions of each component are as follows:

[0152] Page display unit 701 is configured to play media files in the first mode on the playback page.

[0153] Event listener unit 702 is configured to listen for events on the playback page.

[0154] The page display unit 701 is further configured to respond to a first event on the playback page, switch to playing the media file in a second mode on the playback page, wherein the second mode has at least one change in page element compared to the first mode; and in the second mode, respond to a second event on the playback page, switch the media file to be played on the playback page, and continue to play the switched media file in the second mode.

[0155] As one possible approach, the change to at least one of the aforementioned page elements includes: hiding the page elements displayed on the playback page; and / or changing the content size of the media file displayed on the playback page.

[0156] In one preferred embodiment, when the page display unit 701 switches to the second mode, it hides all or part of the page elements other than the image of the media file on the playback page and enlarges the content size of the media file; when playing the switched media file in the second mode, it can play the switched media file with the default content size and keep all or part of the page elements other than the image of the media file hidden on the playback page.

[0157] The hidden page elements in the second mode may include a first page element and / or a second page element, where the first page element is used to describe the media file and the second page element is used to input interactive information.

[0158] As one possible implementation method, the first event mentioned above may include: a two-finger zoom gesture, an event triggered by a fourth page element, or an event triggered by a first voice command. The second event may include: an event triggered by a single-finger swipe gesture in a preset direction, an event triggered by the end of playback of the currently playing media file, or an event triggered by a second voice command.

[0159] For example, if the media file is a short video, the preset direction for a single-finger swipe gesture can be an upward swipe or a downward swipe. If the media file is an image in a gallery, the preset direction for a single-finger swipe gesture can be a leftward swipe or a rightward swipe.

[0160] Furthermore, the page display unit 701 can be further configured to: in response to a third event in the second mode, switch back to playing the media file in the first mode on the playback page.

[0161] The third event mentioned above may include an event triggered by at least one of the following gestures: a two-finger zoom gesture that is opposite to the two-finger zoom gesture used in the first event, a gesture that triggers a third page element on the playback page, and a gesture that triggers page navigation.

[0162] Furthermore, after the page display unit 701 switches to playing media files in the second mode on the playback page, it can also highlight the third page element on the playback page; in response to the highlighting duration reaching the first preset duration, the highlighting of the third page element is canceled.

[0163] As one possible implementation method, when the page display unit 701 plays a media file in the first mode on the playback page, it can be further configured to: in response to the preset triggering condition being met, display a guide animation on the playback page, the guide animation being used to prompt the content and function of the first event.

[0164] The aforementioned preset triggering conditions may include at least one of the following:

[0165] The currently playing media file is the first video played after the client has started cold booting;

[0166] The currently playing media file is a landscape video;

[0167] The time interval since the last playback of the guide animation meets the preset interval requirements;

[0168] The first event occurs less than or equal to a preset threshold number of occurrences.

[0169] Furthermore, the page display unit 701 can be configured to: if the display of the guide animation reaches the second preset duration and no first event is detected on the playback page, then cancel the display of the guide animation on the playback page.

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

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

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

[0173] And an electronic device, comprising:

[0174] One or more processors; and

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

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

[0177] in, Figure 8 An exemplary architecture of an electronic device is shown, which may include a processor 810, a video display adapter 811, a disk drive 812, an input / output interface 813, a network interface 814, and a memory 820. The processor 810, video display adapter 811, disk drive 812, input / output interface 813, network interface 814, and memory 820 can communicate with each other via a communication bus 830.

[0178] The processor 810 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.

[0179] The memory 820 can be implemented in the form of ROM (Read Only Memory), RAM (Random Access Memory), static storage device, dynamic storage device, etc. The memory 820 can store the operating system 821 for controlling the operation of the electronic device 800, and the basic input / output system (BIOS) 822 for controlling the low-level operations of the electronic device 800. Additionally, it can store a web browser 823, a data storage management system 824, and a media file playback processing device 825, etc. The aforementioned media file playback processing device 825 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 820 and is called and executed by the processor 810.

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

[0181] Network interface 814 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.).

[0182] Bus 830 includes a pathway for transmitting information between various components of the device, such as processor 810, video display adapter 811, disk drive 812, input / output interface 813, network interface 814, and memory 820.

[0183] It should be noted that although the above-described device only shows the processor 810, video display adapter 811, disk drive 812, input / output interface 813, network interface 814, memory 820, bus 830, 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.

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

[0185] 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 method for playing media files, characterized in that, The method includes: The media file is played in the first mode on the playback page; In response to a first event on the playback page, the system switches to a second mode on the playback page to play the media file. In the second mode, all or part of the page elements on the playback page, except for the image of the media file, are hidden, and the content size of the media file is enlarged. In the second mode, in response to a fourth event on the playback page, the screen content displayed on the playback page is moved; In response to a second event on the playback page in the second mode, the media file to be played on the playback page is switched while maintaining the second mode, the switched media file is played with the default content size, and all or part of the page elements other than the media file are hidden on the playback page.

2. The method according to claim 1, characterized in that, The hidden page elements in the second mode include a first page element and / or a second page element, wherein the first page element is used to describe the media file and the second page element is used to input interactive information.

3. The method according to claim 1, characterized in that, The first event includes: a two-finger zoom gesture, an event triggered by a fourth page element, or an event triggered by a first voice command; and / or, The second event includes: an event triggered by a single-finger swipe gesture in a preset direction, an event triggered by the end of playback of the currently playing media file, or an event triggered by a second voice command.

4. The method according to claim 3, characterized in that, The media file is a short video, and the preset direction single-finger swipe gesture is either an upward single-finger swipe gesture or a downward single-finger swipe gesture. The media file is an image from the image collection, and the preset direction single-finger swipe gesture is either a left single-finger swipe gesture or a right single-finger swipe gesture.

5. The method according to claim 1, characterized in that, The method further includes: In response to a third event in the second mode, switch back to the first mode on the playback page to play the media file.

6. The method according to claim 5, characterized in that, The third event includes events triggered by at least one of the following gestures: The two-finger zoom gesture that is opposite to the two-finger zoom gesture used in the first event, the gesture that triggers a third page element on the playback page, and the gesture that triggers page navigation.

7. The method according to claim 6, characterized in that, After switching to the second mode for playing media files on the playback page, the method further includes: The third page element is highlighted on the playback page; In response to the highlighting duration reaching a first preset duration, the highlighting of the third page element is canceled.

8. The method according to any one of claims 1 to 7, characterized in that, The method further includes: When a media file is played in the first mode on the playback page, a guide animation is displayed on the playback page in response to the preset trigger condition being met. The guide animation is used to prompt the content and function of the first event.

9. The method according to claim 8, characterized in that, The preset triggering conditions include at least one of the following: The currently playing media file is the first video played after the client has started cold booting; The currently playing media file is a landscape video; The time interval since the last playback of the guide animation meets the preset interval requirements; The number of times the first event occurs is less than or equal to a preset threshold.

10. The method according to claim 9, characterized in that, The method further includes: If the guided animation is displayed for a second preset duration and no first event is detected on the playback page, then the guided animation will be canceled from being displayed on the playback page.

11. A media file playback processing device, characterized in that, The device includes: The page display unit is configured to play media files in the first mode on the playback page; An event listening unit is configured to listen for events on the playback page; The page display unit is further configured to, in response to a first event on the playback page, switch to playing the media file in a second mode on the playback page, wherein the second mode hides all or part of the page elements except the image of the media file on the playback page and enlarges the content size of the media file; in response to a fourth event on the playback page in the second mode, move the image content displayed on the playback page; and in response to a second event on the playback page in the second mode, switch the media file to be played on the playback page while maintaining the second mode, play the switched media file with the default content size, and keep all or part of the page elements except the image of the media file hidden on the playback page.

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

13. 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 that, when read and executed by the one or more processors, perform the steps of the method according to any one of claims 1 to 10.

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

Images