Media file playing processing method and device

Abstract

The embodiment of the invention discloses a media file playing processing method and device. According to the main technical scheme, the method comprises the steps of playing a media file on a playing page in a first mode; in response to a first event on the playing page, a second mode is adopted to play the media file on the playing page, and compared with the first mode, the second mode has the change of at least one page element; and in response to a second event on the playing page in the second mode, switching the played media file on the playing page and keeping playing the switched media file in the second mode. On one hand, the user operation is simplified, and on the other hand, the user can keep switching the played media file in the second mode, so that the coherent watching experience of the user is improved.

Description

Technical Field

[0001] The present application relates to the field of Internet application technology, and in particular to a method and device for playing and processing media files. Background Art

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

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

[0004] In view of this, the present application provides a method and device for playing and processing media files, so as to improve the user's coherent viewing experience and simplify user operations.

[0005] This application provides the following solutions:

[0006] In a first aspect, a method for playing a media file is provided, the method comprising:

[0007] Play the media file in a first mode on the play page;

[0008] In response to a first event on the play page, switching to a second mode for playing the media file on the play page, wherein the second mode has at least one page element changed compared to the first mode;

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

[0010] Optionally, the change of the at least one page element includes:

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

[0012] The content size of the media file displayed on the play page is changed.

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

[0014] The maintaining of using the second mode to play the switched media file includes: using a default content size to play the switched media file and maintaining hiding of some or all page elements except the picture of the media file on the play page.

[0015] Optionally, the page elements hidden in the second mode include a first page element and / or a second page element, 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, triggering 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 sliding gesture in a preset direction, an event triggered by the end of playing of a currently playing media file, or a second voice command.

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

[0019] The media file is a picture in an atlas, and the single-finger sliding gesture in the preset direction is a left single-finger sliding gesture or a right single-finger sliding gesture.

[0020] Optionally, the method further comprises:

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

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

[0023] A two-finger zoom gesture opposite to the two-finger zoom gesture used in the first event, a gesture for triggering a third page element on the play page, and a gesture for triggering a page jump.

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

[0025] Highlighting the third page element on the play page;

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

[0027] Optionally, the method further comprises:

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

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

[0030] The media file currently being played is the first video played after the user end is cold started;

[0031] The media file currently being played is a horizontal screen video;

[0032] The time interval from the last time the boot animation was played meets the preset interval requirement;

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

[0034] Optionally, the method further comprises:

[0035] If the display of the boot animation reaches a second preset time length and the first event on the play page is not detected, the display of the boot animation on the play page is canceled.

[0036] In a second aspect, a media file playback processing device is provided, the device comprising:

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

[0038] An event monitoring unit, configured to monitor 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 a second mode for playing a media file on the playback page, wherein the second mode has at least one change in a page element compared to the first mode; 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 keep playing the switched media file in the second mode.

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

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

[0042] one or more processors; and

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

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

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

[0046] 1) This application uses the first event on the playback page. After switching from the first mode to the second mode on the playback page, the second event can be used to directly switch the played media file and keep it in the second mode, without having to exit the second mode and then switch. On the one hand, it simplifies user operations, and on the other hand, it allows users to switch the played media files while staying in the second mode, thereby improving the user's coherent viewing experience.

[0047] 2) In the embodiment of the present application, the second mode may include hiding the page elements displayed on the playback page compared to the first mode, thereby eliminating interference with the viewing experience, and may also change the size of the media file displayed on the playback page, so that the user can zoom in and out on the screen content of the media file in the second mode to meet the user's richer viewing needs.

[0048] 3) The present application can switch from the first mode to the second mode in which some or all page elements other than the screen of the media file are hidden and the size of the media file is enlarged, that is, enter the "enlarged clear screen mode", and when switching the media file in the second mode, the default screen size is adopted and the other part or all page elements other than the screen of the media file are hidden on the playback page, so as to ensure the comfort of the content size of the media file as much as possible while satisfying the user's immersive viewing experience.

[0049] 4) When switching to the second mode in the present 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 non-essential information when watching the media file, thereby obtaining a better immersive viewing experience.

[0050] 5) The present application can use a two-finger zoom gesture to switch to the second mode on the playback page, and use a single-finger sliding gesture in a preset direction to switch media files in the second mode. On the one hand, it is simple and fast, and on the other hand, it is more in line with the user's cognition and usage habits of operation gestures.

[0051] 6) In the second mode, this application uses an upward or downward swipe gesture to switch short videos, and a left or right swipe gesture to switch pictures. On the one hand, the operation is simple and fast, and on the other hand, it also conforms to the user's usage habits.

[0052] 7) In this application, if the user wants to exit the second mode in the second mode, the user can switch back to the first mode conveniently and quickly through the third event. The third event can be a two-finger zoom gesture opposite to 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 second mode can be exited in a variety of ways to continue to meet other viewing needs of the user.

[0053] 8) In the present application, after playing the media file in the second mode, the third page element can be highlighted on the playback page to prompt the user that the second mode can be exited through the third page element, and after the highlighting duration reaches a first preset duration, the highlighting of the third page element is canceled to avoid affecting the user's viewing experience.

[0054] 9) In the present application, when the first mode is used to play the media file on the playback page, a guide animation may be displayed on the playback page to prompt the user with the content and function of the first event, thereby helping the user to quickly understand how to switch to the second mode.

[0055] 10) The present application provides a variety of scenarios for the triggering conditions of the boot animation, so that the first video or the first horizontal screen video can be played after the user terminal is cold started, or the boot animation can be displayed when the horizontal screen video is played, or when the time interval from the last time the boot animation was played meets the preset interval requirement, or when the number of occurrences of the first event is less than or equal to the preset number threshold, thereby prompting the user how to switch to the second mode as far as possible before the user generates the need to switch modes.

[0056] 11) In the present application, if the display of the guide animation reaches the second preset duration and the first event on the playback page is not detected, the display of the guide animation on the playback page is canceled. On the one hand, the second preset duration ensures that the user has understood the switching method of the second mode. On the other hand, it also avoids the impact of long-term display of the guide animation on the user's viewing experience.

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

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

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

[0060] Figure 2 A flowchart of a method for playing a media file provided in an embodiment of the present application;

[0061] Figure 3 A schematic diagram of various stages of a playback page for playing a horizontal screen video provided in an embodiment of the present application;

[0062] Figure 4 A schematic diagram of various stages of a playback page for playing a vertical screen video provided in an embodiment of the present application;

[0063] Figure 5 A schematic diagram of various stages of a playback page for playing ordinary pictures provided in an embodiment of the present application;

[0064] Figure 6 A schematic diagram of various stages of a playback page for playing a long image provided in an embodiment of the present application;

[0065] Figure 7 A schematic block diagram of the playback processing device provided in an embodiment of the present application;

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

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

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

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

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

[0071] In the existing traditional playback methods, there is usually a default playback mode, in which users play media files and switch the played media files. For example, users play short videos in the default mode and use an upward swipe gesture to switch to the next media file. But sometimes users have some special viewing needs. For example, if they want to zoom in to see the details in the video screen, they can use a two-finger zoom-in gesture to enlarge the size of the played video content. But if the user wants to play the next video, he needs to first use a two-finger zoom-out gesture or click a specific button to shrink it 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 to operate on the one hand, and disrupts the user's coherent viewing experience on the other.

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

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

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

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

[0076] The server side can be a platform that provides video playback services, a single server, a server group consisting of multiple servers, or a cloud server. A cloud server, also known as a cloud computing server or cloud host, is a host product in the cloud computing service system to solve the defects of difficult management and weak service scalability in traditional physical hosts and virtual private servers (VPS) services.

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

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

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

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

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

[0082] Step 203: In response to the first event on the play page, switch to playing the media file in a second mode on the play page, where at least one page element is changed compared to the first mode.

[0083] Step 205: In response to a second event on the play page in the second mode, keep using the second mode to play the switched media file.

[0084] It can be seen that, through the first event on the play page, after switching from the first mode to the second mode on the play page, the application can directly switch the played media file through the second event and keep it in the second mode, without having to exit the second mode and then switch. On the one hand, it simplifies the user operation, and on the other hand, it allows the user to switch the played media file while keeping it in the second mode, thereby improving the user's coherent viewing experience.

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

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

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

[0088] The media files involved in the embodiments of the present application may be videos, pictures in an album, etc.

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

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

[0091] The pictures in the collection can be ordinary pictures or long pictures. Ordinary pictures are usually single, static images, and users can see the complete content of ordinary pictures without additional operations. Long pictures are usually a special form of pictures, consisting of continuous images. Users need to scroll or slide to view the content of the entire long picture. Long pictures usually need to combine multiple image elements together to form a coherent content.

[0092] In the first mode, the user can switch the media files through a preset event (referred to as the fourth event in the embodiment of the present application), that is, in response to the fourth event on the play page, switch the media files to be played on the play page and keep playing the media files in the second mode. The fourth event may include an event triggered by a single-finger sliding gesture in a preset direction, the end of the currently played media file (for example, the user terminal is set to an automatic continuous playback state, and the next media file is automatically played after the playback of one media file is completed), or an event triggered by a third voice command (for example, a voice command such as "play next"), etc.

[0093] Figure 3 (a) shows that a horizontal screen video is played in the first mode on the playback page. If the user swipes up, the next video can be switched to play. If the user swipes down, the previous video can be switched to play.

[0094] Figure 4 (a) shows that a vertical screen video is played in the first mode on the playback page. If the user swipes up, the next video can be switched to play. If the user swipes down, the previous video can be switched to play.

[0095] Figure 5 (a) shows that a normal picture is played in the first mode on the playback page. If the user slides to the left, the next picture in the album can be switched to play. If the user slides to the right, the previous picture in the album can be switched to play.

[0096] Figure 6 (a) shows that the long picture is played in the first mode on the playback page. If the user slides to the left, the next picture in the album can be switched to play. If the user slides to the right, the previous picture in the album can be switched to play.

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

[0098] The above step 203, ie, "in response to the first event on the play page, switching to playing the media file in the second mode on the play page" is described in detail below in conjunction with an embodiment.

[0099] If a first event on the play page is monitored in the first mode, the second mode is switched to in response to the first event, that is, the media file is played in the second mode on the play page. The second mode involved in the embodiment of the present application has at least one change in page element compared to the first mode.

[0100] It should be noted that the user terminal can pre-register a callback function or method for the event to be monitored, and the function or method contains the logic code that needs to be executed in response to the event. Once the event is triggered, the user terminal automatically calls the corresponding callback function or method. For example, a callback function is pre-registered for the first event, and the callback function triggers the user terminal to switch to the second mode, that is, to play the media file in the second mode on the playback page. The response to the event in the embodiments of the present application can be implemented in this way, and will not be described in detail later.

[0101] The page elements involved in the embodiments of the present application generally refer to visual elements on the page, which may include text, icons, images, videos, components, etc. The so-called component refers to an object obtained by simply encapsulating data and methods, which may also be referred to as a control. It may include buttons, input boxes, drop-down menus, dialog boxes, navigation bars, cards, icons that can generate interactions, etc. Compared with the first mode, the changes in the page elements involved in the second mode in the embodiments of the present application mainly refer to changes in the style of the page elements, rather than changes in the content itself. The changes in style include: color changes, layout changes, visibility changes (i.e., hidden or visible), size changes, etc. For example, the content of the video or image played on the playback page does not change, but the content size may change. For another example, the display content of the text does not change, but the text can be hidden. For another example, the content of the component does not change, but the component can be hidden or resized, and so on.

[0102] As one of the achievable ways, the second mode involved in the embodiment of the present application may be a "clear screen mode", which means hiding as much as possible the page elements on the playback page except for the media content being played and necessary page elements, thereby helping the user to 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, part of the page elements except for the screen of the media file can be hidden, and all other page elements except the screen of the media file can also be hidden.

[0103] The hidden page elements in the second mode may 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. The first page element may be in the form of text and the second page element may be in the form of a component.

[0104] As another achievable method, the second mode involved in the embodiment of the present application may be a "zoom mode", and the so-called "zoom mode" refers to changing the content size of the media file displayed on the play page, which may include enlarging the content size of the media file displayed on the play page, i.e., "zoom mode", or reducing the content size of the media file displayed on the play page, i.e., "reduction mode". Taking the "zoom mode" as an example, the zoom mode refers to enlarging the size of the video content or the picture content, and presenting the enlarged local area, so that the user can view the details of a certain part of the video or picture more carefully and clearly. Taking the "reduction mode" as an example, the reduction mode refers to reducing the content size of the video screen or the picture, so that the video screen or the picture displayed in the display area is the reduced global content, so that the user can view the details of a certain part of the video or the picture more globally.

[0105] In addition, the second mode may also be a combination of the "zoom mode" and the "clear screen mode", such as the "zoom clear screen mode", which is to enlarge the display size of the media file while hiding the page elements displayed on the play page.

[0106] In an embodiment of the present application, the first event used may be an event triggered by, for example, a two-finger zoom gesture, triggering a fourth page element, or a first voice command (e.g., a "mode switch" command). The two-finger zoom gesture is a high-level gesture in the interactive gestures, also known as a two-finger pinch gesture, which may include a two-finger zoom-in gesture and a two-finger zoom-out gesture. In addition to the two-finger zoom gesture, other gestures may also be used, such as a two-finger single-click gesture.

[0107] Taking the two-finger zoom gesture as an example, if the user wants to enter the "zoom in and clear screen mode" while the playback page is playing a media file using the first mode, the user can switch to the second mode through the two-finger zoom gesture to play the media file in the "zoom in and clear screen mode" on the playback page, that is, the user end responds to the two-finger zoom gesture on the playback page to hide some or all page elements except the screen of the media file on the playback page, and enlarge the content size of the media file.

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

[0109] Figure 3 (a) shows that the horizontal screen video is played in the first mode on the play page. If the user uses the two-finger zoom gesture, the horizontal screen video can be played. Figure 3 The playback page shown in (b) in the figure uses the "enlarged clear screen mode", i.e. the second mode, to play media files. In the "enlarged clear screen mode", the content size of the horizontal video is enlarged to show more details, while hiding 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 enter interactive information (i.e. the interactive area on the right side of the page). At the same time, the bottom navigation components (such as "Home", "Featured", "Message", "Me" and other navigation components) are retained. Figure 3 In (b), the display area showing the horizontal screen video on the playback page also increases to the set size.

[0110] Figure 4 (a) shows that the vertical screen video is played in the first mode on the play page. If the user uses the two-finger zoom gesture, the vertical screen video can be played in the first mode. Figure 4 The playback page shown in (b) in the figure adopts the "enlarged clear screen mode", i.e., the second mode, to play the media file. In the "enlarged clear screen mode", the content size of the vertical video is enlarged to show more details, while the first page element for 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 at the right side of the page) are hidden, and the bottom navigation component is retained.

[0111] Figure 5 (a) shows that the first mode is used to play a normal picture on the play page. If the user uses a two-finger zoom gesture, the user can enter Figure 5The play page shown in (b) above adopts the "enlarged clear screen mode" or the second mode to play the media file. In the "enlarged clear screen mode", the content size of the ordinary picture is enlarged to show more details, while the first page element for describing the picture (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 at the right side of the page) are hidden, and the bottom navigation component is retained.

[0112] Figure 6 (a) shows that the first mode is used to play a long picture on the play page. If the user uses a two-finger zoom gesture, the Figure 6 The playback page shown in (b) adopts the "enlarged clear screen mode", i.e., the second mode, to play media files. In the "enlarged clear screen mode", the content size of the long image is enlarged to show more details, while hiding the first page element used to describe the long image (i.e., the description information located at the bottom of the page) and the second page element used to enter interactive information (i.e., the interactive area located on the right side of the page), and the bottom navigation component is retained. In addition, after the content size of the long image is enlarged, the long image can be played by automatically scrolling, and the scrolling stops after reaching the bottom of the long image. For example, after the content size of the long image is enlarged, the enlarged long image content is automatically slid upwards, thereby automatically displaying the contents of other areas of the long image downwards in sequence.

[0113] Figure 3 to Figure 6 The description is made using the “zoom in and clear screen mode” as an example. The same is true for entering the “zoom in mode” or entering the “clear screen mode” by pinching in with two fingers, and will not be described here with reference to the illustrations.

[0114] In addition, in some cases, when the first mode is used to play the media file on the play page, some users may not know how to enter the second mode. In view of this, in an embodiment of the present application, when the first mode is used to play the media file on the play page, in response to the preset trigger condition being met, a guide animation is displayed on the play page, and the guide animation is used to prompt the content and function of the first event. The present application does not limit the specific form of the guide animation, as long as it can prompt the content of the first event, that is, what the first event is like, and the function of the first event, that is, what function or effect can be achieved through the first event.

[0115] The above-mentioned preset trigger conditions may include but are not limited to the following:

[0116] The first trigger condition: the media file currently being played is the first video played after the user end is cold started.

[0117] The so-called user-side cold start refers to when the user side is completely shut down or the corresponding process of the user side does not exist on the terminal device, when the user opens the user side again, the cold start process needs to be triggered, that is, the user side process is recreated, necessary resources are loaded, page rendering is performed, other functional modules are initialized, and configuration files are read.

[0118] If the user terminal starts playing the video after a cold start, a guide animation can be played on the playback page to promptly remind the user of the content and function of the first event.

[0119] The second trigger condition: the media file currently being played is a horizontal screen video.

[0120] For terminal devices such as mobile phones where users usually view videos in portrait mode, playing horizontal videos will result in a smaller video screen, and there is usually a need to enlarge the video content. In this case, a guide animation can be played on the playback page to promptly remind the user of the content and function of the first event.

[0121] The third trigger condition: the time interval from the last time the boot animation was played meets the preset interval requirement.

[0122] If the boot animation has been played before, the user may forget to trigger the first event after a long time. Therefore, in an embodiment of the present application, the boot animation can be played to the user again if the time interval from the last time the boot animation was played meets the preset interval requirement, for example, more than 7 days.

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

[0124] If the user hardly triggers the first event, for example, the first event occurs less than 2 times, it means that the user probably does not know how to use the first event or does not know the function of the first event. In this case, a guide animation may be played on the playback page to promptly remind the user of the content and function of the first event.

[0125] It should be noted here that the above-mentioned trigger conditions can be combined in any form to form new trigger conditions. For example, the following trigger conditions can also be used: the media file currently being played is the first horizontal screen video played on the playback page after the user end is cold started, or the number of occurrences of the first event is less than or equal to the preset number threshold and the time interval from the last time the guide animation was played meets the preset interval requirement, and so on.

[0126] Furthermore, the total number of playbacks, playback duration, conditions for canceling playback, conditions for prohibiting playback, etc. of the guide animation can also be restricted for the user, so as to avoid the frequent playback or long playback of the guide animation from adversely affecting the user's normal viewing experience. For example, the total number of playbacks of the guide animation is limited to 4 times, that is, the guide animation will no longer be played after being displayed 4 times. For another example, if the display of the guide animation on the playback page reaches a second preset duration (for example, the playback duration is limited to 7 seconds) and the first event on the playback page is not detected, the display of the guide animation on the playback page is canceled. For another example, if the user triggers the first event more than 3 times, it can be considered that the user has known the content and function of the first event, and the subsequent playback of the guide animation is prohibited.

[0127] In Figure 3 Taking the play page shown in (a) as an example, when the horizontal screen video is played in the first mode on the play page, a guide animation can be displayed, such as Figure 3 As shown in (e) of the figure. The guidance animation shows a two-hand zoom gesture (i.e., prompting the content of the first event), and uses the text "Zoom in to view details" and "Zoom in to clear the 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), a two-finger zoom gesture is used on the play page according to the guide animation, triggering the first event, and then switching to the second mode to play the media file on the play page, that is, displaying the following Figure 3 The playback page shown in (b) in the figure.

[0128] The above step 205, namely "in response to a second event on the play page in the second mode, switching the media file to be played on the play page and maintaining the second mode to play the switched media file" is described in detail below in conjunction with an embodiment.

[0129] If in the second mode, the user wants to switch to playing the next media file or the next media file, a second event can be triggered on the playback page. In the second mode, the user terminal responds to the second event on the playback page, switches the media file to be played on the playback page and continues to use the second mode to play the media file, without having to return to the first mode and then switch the media file.

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

[0131] The above-mentioned second event can also be an event triggered by a second voice command (such as "play next" command) or other events such as the end of the currently playing media file (for example, the user terminal is set to automatic continuous playback, and the next media file is automatically played when one media file is finished playing), which are not listed here one by one.

[0132] In addition, different gestures can be used as the single-finger sliding gesture to trigger the second event according to different forms of the media file. For example, if the media file is a short video, the single-finger sliding gesture can be an upward single-finger sliding gesture or a downward single-finger sliding gesture. Figure 3 (b) and Figure 4 In the playback page shown in (b), if you use a single-finger upward swipe gesture, you can switch to the next video while maintaining the "zoom in and clear screen mode". Figure 3 (c) and Figure 4 As shown in (c) in the figure. However, it should be noted that when the "enlargement and clearing screen mode" is maintained to play the next video, the description information at the bottom of the page and the interactive area on the right side of the page can continue to be hidden. However, since it is difficult to know what ratio is appropriate to enlarge the video content when playing the next video, in order to make it more suitable for users to watch, in the embodiment of the present application, a default screen size can be used to play the next video. Of course, the enlargement ratio of the video before switching can also be maintained to play the next video.

[0133] If the media file is a picture in an album, the single-finger sliding gesture is a left sliding gesture or a right sliding gesture. Figure 5 In the playback page shown in (b), a single-finger swipe gesture is used to the left, and the "enlargement and clearing screen mode" is maintained to switch to the next picture, that is, Figure 5 Similarly, when the "enlarged clear screen mode" is maintained to play the next picture, the description information at the bottom of the page and the interactive area on the right side of the page can be kept hidden. However, since it is difficult to know what ratio is appropriate to enlarge the picture content when playing the next picture, in order to make it more suitable for users to watch, a default screen size can be used to play the next picture in the embodiment of the present application. Of course, the enlargement ratio of the picture before switching can also be maintained to play the next picture.

[0134] exist Figure 6 In the playback page shown in (b), a single-finger swipe gesture is used to the left, and the "enlargement and clearing screen mode" is maintained to switch to the next long picture, that is, Figure 6The play page shown in (c) in the figure. Similarly, when the "enlarged clear screen mode" is maintained to play the next long image, the description information at the bottom of the page and the interactive area on the right side of the page can continue to be hidden. However, since it is difficult to know what ratio is appropriate to enlarge the content of the long image when playing the next long image, in order to make it more suitable for users to watch, in the embodiment of the present application, a default screen size can be used to play the next long image. Of course, the enlargement ratio of the long image before switching can also be maintained to play the next long image.

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

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

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

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

[0139] First: a two-finger zoom gesture opposite to the one 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 may be used.

[0141] The second type: a gesture that triggers a third page element on the playback page.

[0142] When the playback page plays a media file in the second mode, a third page element may be displayed on the playback page, and the third page element may be a component on the page. Figure 4 In the pages shown in (b) and (c), there is a third page element. If the user triggers the third page element by clicking, the second mode can be exited. Figure 4When the third page element is triggered on the page shown in (c), the second mode is exited, and the playback page uses the first mode to play the video. 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 located at the bottom of the page) and the second page element used to enter interactive information (i.e., the interactive area located on the right side of the page) are displayed on the playback page.

[0143] In addition, in order to facilitate the user to notice the third page element, the third page element can be highlighted on the playback page, and the highlighting method can be such as displaying corresponding text, enlarging the display, using a specific color, etc. Figure 4 As shown in (b), the text "Exit Zoom-in" may be displayed next to the third page element to prompt the user to use the third page element.

[0144] Furthermore, in order to minimize the impact on the user's viewing experience, when the duration of the highlighting reaches the first preset duration, that is, the user terminal cancels the highlighting of the third page element in response to the duration of the highlighting reaching the first preset duration. Figure 4 Taking (b) as an example, the text "Exit Zoom" next to the third page element is displayed for 5 seconds and then no longer displayed.

[0145] In addition, the number of times of highlighting, the conditions for prohibiting highlighting, etc. can also be limited, for example, after highlighting 3 times, it will not be displayed again. For another example, if the number of times the user triggers the third page element exceeds 3 times, then the third page element will be prohibited from being highlighted subsequently.

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

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

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

[0149] In addition, in the above embodiment, if in the second mode, such as in the "zoom in mode" or "zoom in clear screen mode", since the playback page may display the enlarged details, the user will have the need to move the screen content of the media file on the playback page. For example, when the image content is enlarged, the user wants to move the displayed image content a little to the left, then the fourth event can be used to trigger the execution. It should be noted that the gesture that triggers the fourth event needs to be distinguished from the gestures that trigger other events, at least from the gesture that triggers the second event mentioned above. In the embodiment of the present application, in the second mode, the user can use a two-finger movement gesture, for example, two-finger movement to the right can be used to move the image content displayed on the playback page to the left, two-finger swipe to the left can be used to move the image content displayed on the playback page to the right, and so on.

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

[0151] According to an embodiment of another aspect, a device for playing and processing a media file is provided. Figure 7 A schematic block diagram of a playback processing device according to an embodiment is shown, wherein the device is arranged at Figure 1 The user side of the architecture shown. Figure 7 As shown, the device 700 includes: a page display unit 701 and an event monitoring unit 702. The main functions of each component unit are as follows:

[0152] The page display unit 701 is configured to play the media file in a first mode on the play page.

[0153] The event monitoring unit 702 is configured to monitor events on the playback page.

[0154] The page display unit 701 is further configured to, in response to a first event on the playback page, switch to a second mode for playing a media file on the playback page, where the second mode has at least one change in a page element compared to the first mode; 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 keep playing the switched media file in the second mode.

[0155] As one achievable manner, the change of the at least one page element includes: hiding the page element displayed on the play page; and / or changing the content size of the media file displayed on the play page.

[0156] As one of the preferred implementations, when the page display unit 701 switches to the second mode, it hides some or all of the page elements on the playback page except the picture of the media file, and enlarges the content size of the media file; when the second mode is maintained to play the switched media file, the switched media file can be played with a default content size and the other some or all of the page elements on the playback page except the picture of the media file can be hidden.

[0157] The page elements hidden in the second mode may include a first page element and / or a second page element, 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 of the possible implementations, the first event may include: a two-finger zoom gesture, triggering 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 slide gesture in a preset direction, the end 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 single-finger sliding gesture may be an upward single-finger sliding gesture or a downward single-finger sliding gesture. If the media file is a picture in an album, the preset direction single-finger sliding gesture may be a left single-finger sliding gesture or a right single-finger sliding gesture.

[0160] Furthermore, the page display unit 701 may 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 play page.

[0161] The third event may include an event triggered by at least one of the following gestures: a two-finger zoom gesture opposite to the two-finger zoom gesture used in the first event, a gesture for triggering a third page element on the play page, and a gesture for triggering a page jump.

[0162] Furthermore, after switching to the second mode for playing the media file on the playback page, the page display unit 701 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 cancelled.

[0163] As one of the achievable methods, 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 a preset trigger condition being met, display a guide animation on the playback page, wherein the guide animation is used to prompt the content and function of the first event.

[0164] The above-mentioned preset triggering condition may include at least one of the following:

[0165] The media file currently being played is the first video played after the user end is cold started;

[0166] The media file currently being played is a horizontal screen video;

[0167] The time interval from the last time the boot animation was played meets the preset interval requirement;

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

[0169] Furthermore, the page display unit 701 may be configured to cancel displaying the guide animation on the playing page if the displaying guide animation reaches a second preset duration and the first event on the playing page is not detected.

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

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

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

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

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

[0177] in, Figure 8 The architecture of the electronic device is shown exemplarily, and may specifically 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, the video display adapter 811, the disk drive 812, the input / output interface 813, the network interface 814, and the memory 820 may be communicatively connected via a communication bus 830.

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

[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 an operating system 821 for controlling the operation of the electronic device 800, and a basic input and output system (BIOS) 822 for controlling the low-level operation of the electronic device 800. In addition, a web browser 823, a data storage management system 824, and a playback processing device 825 for media files, etc. can also be stored. The playback processing device 825 for the above-mentioned media files can be an application program that specifically implements the operations of the aforementioned steps in the embodiment of the present application. In short, when the technical solution provided by the present application is implemented by software or firmware, the relevant program code is stored in the memory 820 and is called and executed by the processor 810.

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

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

[0182] The bus 830 comprises a pathway for transmitting information between the various components of the device (eg, the processor 810, the video display adapter 811, the disk drive 812, the input / output interface 813, the network interface 814, and the memory 820).

[0183] It should be noted that, although the above device only shows a processor 810, a video display adapter 811, a disk drive 812, an input / output interface 813, a network interface 814, a memory 820, a bus 830, etc., in the specific implementation process, the device may also include other components necessary for normal operation. In addition, it can be understood by those skilled in the art that the above device may also only include components necessary for implementing the solution of the present application, and does not necessarily include all the components shown in the figure.

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

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

Claims

1. A method for playing a media file, characterized in that: The method comprises: Play the media file in the first mode on the play page; In response to a first event on the play page, switching to a second mode for playing the media file on the play page, wherein the second mode has at least one page element changed compared to the first mode; In response to a second event on the play page in the second mode, the media file being played is switched on the play page, and the switched media file is played in the second mode.

2. The method according to claim 1, characterized in that The change of at least one page element includes: hiding page elements displayed on the playback page; and / or, The content size of the media file displayed on the play page is changed.

3. The method according to claim 2, characterized in that The switching to playing the media file in the second mode on the play page includes: hiding part or all of the page elements except the picture of the media file on the play page, and enlarging the content size of the media file; The maintaining of using the second mode to play the switched media file includes: using a default content size to play the switched media file and maintaining hiding of some or all page elements except the picture of the media file on the play page.

4. The method according to any one of claims 1 to 3, characterized in that The page elements hidden in the second mode include a first page element and / or a second page element, the first page element is used to describe the media file, and the second page element is used to input interactive information.

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

6. The method according to claim 5, characterized in that The media file is a short video, and the single-finger sliding gesture in the preset direction is an upward single-finger sliding gesture or a downward single-finger sliding gesture; The media file is a picture in an atlas, and the single-finger sliding gesture in the preset direction is a left single-finger sliding gesture or a right single-finger sliding gesture.

7. The method according to claim 1, characterized in that The method further comprises: In response to a third event in the second mode, the media file is played back in the first mode on the play page.

8. The method according to claim 7, characterized in that The third event includes an event triggered by at least one of the following gestures: A two-finger zoom gesture opposite to the two-finger zoom gesture used in the first event, a gesture for triggering a third page element on the play page, and a gesture for triggering a page jump.

9. The method according to claim 8, characterized in that After switching to playing the media file in the second mode on the play page, the method further includes: Highlighting the third page element on the play page; In response to the duration of the highlighting reaching a first preset duration, the highlighting of the third page element is canceled.

10. The method according to any one of claims 1 to 3 and 5 to 9, characterized in that The method further comprises: When a media file is played in the first mode on the play page, in response to a preset trigger condition being met, a guide animation is displayed on the play page, where the guide animation is used to prompt the content and function of the first event.

11. The method according to claim 10, characterized in that The preset trigger condition includes at least one of the following: The media file currently being played is the first video played after the user end is cold started; The media file currently being played is a horizontal screen video; The time interval from the last time the boot animation was played meets the preset interval requirement; The number of occurrences of the first event is less than or equal to a preset number threshold.

12. The method according to claim 10, characterized in that The method further comprises: If the display of the boot animation reaches a second preset time length and the first event on the play page is not detected, the display of the boot animation on the play page is canceled.

13. A media file playback processing device, characterized in that: The device comprises: A page display unit, configured to play a media file in a first mode on a play page; An event monitoring unit, configured to monitor events on the playback page; The page display unit is further configured to, in response to a first event on the playback page, switch to a second mode for playing a media file on the playback page, wherein the second mode has at least one change in a page element compared to the first mode; 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 keep playing the switched media file in the second mode.

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

15. An electronic device, characterized in that: include: one or more processors; as well as A memory associated with the one or more processors, the memory being used to store program instructions, wherein the program instructions, when read and executed by the one or more processors, execute the steps of the method described in any one of claims 1 to 12.

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

Images