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 first media file of a horizontal screen on a playing page of a vertical screen in a first mode; displaying a component for selecting a watching mode while playing the first media file, wherein the watching mode comprises at least one of a second mode, a third mode and a fourth mode; wherein in the second mode, compared with the first mode, part of page elements are hidden, and the background of the playing page is selected or adjusted according to the content of the first media file, and in the third mode, the background of the playing page is gradually changed from the edge of the first media file to the main background color in a gradual change mode. The fourth mode adopts a higher screen-to-body ratio for the first media file compared with the first mode. According to the invention, the watching experience of the user can be enriched, and the user can select the watching mode conveniently.

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 have gradually evolved from mobile terminals with mainly horizontal screens, such as TVs and PCs, to mobile terminals with mainly vertical screens, such as mobile phones. For example, some media playback services that mainly play vertical screen videos (such as short videos) have appeared for mobile phones, but in many scenarios, horizontal screen videos are also played on vertical screen devices. However, currently, for scenarios where vertical screen mobile terminals play horizontal screen videos, the playback modes usually provided are relatively simple, which results in a simple playback experience for users. Summary of the invention

[0003] In view of this, the present application provides a method and device for playing and processing media files to enrich the user's viewing experience.

[0004] This application provides the following solutions:

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

[0006] Playing a first media file in a horizontal screen in a first mode on a vertical screen playback page;

[0007] displaying a component for selecting a viewing mode while playing the first media file, the viewing mode comprising at least one of a second mode, a third mode, and a fourth mode;

[0008] Among them, compared with the first mode, the second mode hides some page elements and selects or adjusts the background of the playback page according to the content of the first media file. The third mode uses a gradient method to gradually change the background of the playback page from the edge of the first media file to the main background color. Compared with the first mode, the fourth mode uses a higher screen-to-body ratio for the first media file.

[0009] Optionally, the method further comprises:

[0010] In response to the event that the component for selecting a viewing mode is triggered, switching to one of the viewing modes on the play page to play the first media file.

[0011] Optionally, while switching to one of the viewing modes on the playback page to play the first media file, a component for triggering at least one of the other viewing modes is displayed on the playback page.

[0012] Optionally, the method further comprises:

[0013] In response to the event that the component for selecting the viewing mode is triggered, while playing the first media file in the first mode on the playback page, displaying a plurality of first selection components corresponding to the viewing modes;

[0014] In response to an event in which one of the first selection components is triggered, the first media file is played by switching on the play page to a viewing mode corresponding to the triggered first selection component.

[0015] Optionally, the method further comprises:

[0016] While switching on the play page to play the first media file using the viewing mode corresponding to the triggered first selection component, a component for triggering at least one of the other viewing modes is displayed on the play page.

[0017] Optionally, when displaying the first selection components corresponding to the plurality of viewing modes, the first selection component corresponding to the first mode is also displayed;

[0018] In response to an event in which the first selection component corresponding to the first mode is triggered, the display of each first selection component is canceled, and the component for selecting the viewing mode is displayed.

[0019] Optionally, displaying a component for selecting a viewing mode while playing the first media file includes:

[0020] When the first media file is played, in response to a long press gesture on the play page, displaying a setting panel superimposed on the play page, the setting panel including second selection components corresponding to a plurality of modes;

[0021] The multiple modes include the viewing mode, or the multiple modes include the viewing mode and the first mode.

[0022] Optionally, the method further comprises:

[0023] The second selection component corresponding to the currently adopted mode on the setting panel is in a selected state, and the second selection components corresponding to other modes are in an unselected state;

[0024] In response to an event in which one of the second selection components in an unselected state is triggered, the playing page is switched to a mode corresponding to the triggered second selection component to play the first media file.

[0025] Optionally, when the first media file is played in the fourth mode on the play page, in response to an operation event that triggers a change in screen size, the screen size of the media file being played is changed; or,

[0026] When the fourth mode and other viewing modes are used in combination on the play page at the same time, in response to an operation event that triggers a change in the screen size, the other viewing modes are maintained and the screen size of the media file being played is changed.

[0027] Optionally, the method further comprises:

[0028] While playing the first media file in the viewing mode on the playback page, displaying a component for exiting the viewing mode;

[0029] In response to the event that the component for exiting the viewing mode is triggered, switching to a first mode to play the first media file on the play page.

[0030] Optionally, the method further comprises:

[0031] When the first media file is played in the viewing mode on the play page, in response to an event triggering media switching, the play page is switched to playing the second media file in the first mode.

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

[0033] a page display unit configured to play a first media file in a horizontal screen in a first mode on a playback page in a vertical screen; and display a component for selecting a viewing mode while playing the first media file, the viewing mode including at least one of a second mode, a third mode and a fourth mode;

[0034] Among them, compared with the first mode, the second mode hides some page elements and selects or adjusts the background of the playback page according to the content of the first media file. The third mode uses a gradient method to gradually change the background of the playback page from the edge of the first media file to the main background color. Compared with the first mode, the fourth mode uses a higher screen-to-body ratio for the first media file.

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

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

[0037] one or more processors; and

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

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

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

[0041] 1) This application provides new viewing modes to enrich the user's viewing experience. Compared with the first mode, one of the new modes hides some page elements and selects or adjusts the background of the playback page according to the content of the first media file, so that the overall display is more coordinated while being more immersive and reducing the sense of separation; another new mode can use a gradient method to gradually change the background of the playback page from the edge of the first media file to the main background color. Compared with the traditional fixed black method, the visual effect is closer to the real physical world and makes people feel more immersive; another new mode can have a higher screen-to-body ratio compared to the first mode, so that users can more easily focus on the content details of the first media file. In addition, this application can provide a component for selecting a viewing mode while playing the first media file, so that users can easily select a viewing mode by triggering the component, and the operation is simpler.

[0042] 2) When the user triggers the component for selecting the viewing mode, the present application can switch to one of the viewing modes on the playback page to play the first media file, thereby realizing fast switching of the new mode. Moreover, this method of triggering the component makes it easier for the user to quickly know the switching method, which is more in line with the operating habits.

[0043] 3) When the present application switches to one viewing mode to play the first media file, a component for triggering at least one of the other viewing modes is displayed on the playback page, thereby facilitating the user to quickly switch to other viewing modes.

[0044] 4) The present application can display first selection components corresponding to multiple viewing modes when the user triggers the component for selecting a viewing mode, so that the user can quickly select the viewing mode he wants from the multiple first selection components and quickly switch. This method provides users with a variety of viewing modes to choose from, which is clear at a glance and reduces the user's operation threshold.

[0045] 5) The first selection component provided in the present application includes a first selection component corresponding to the first mode, thereby helping the user to quickly cancel the display of each first selection component when the user makes an error operation or does not want to switch the viewing mode, so as to watch the video normally in the first mode.

[0046] 6) The present application can display a setting panel superimposed on the playback page when the user applies a long press gesture, and provide a second selection component corresponding to multiple modes on the setting panel, so that the user can quickly select the viewing mode they want to switch to through the second selection component. This method reduces the components displayed in the first mode, and provides the user with a variety of mode choices at a glance through the setting panel, thereby lowering the user's operation threshold.

[0047] 7) The present application can display the second selection component corresponding to the currently used mode as selected on the above-mentioned setting panel, and display the second selection components corresponding to other modes as unselected, thereby helping users to quickly know the currently used mode and the modes that can be switched, facilitating user operation and improving user efficiency.

[0048] 8) This application provides a further mechanism that enables users to further change the screen size in high screen-to-body ratio mode, thereby meeting users' more flexible viewing needs.

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

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

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

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

[0053] Figure 3 This is an example diagram of a playback page in the first mode provided in an embodiment of the present application;

[0054] Figure 4 This is an example diagram of a playback page in the second mode provided in an embodiment of the present application;

[0055] Figure 5 This is an example diagram of a playback page in the third mode provided in an embodiment of the present application;

[0056] Figure 6 This is an example diagram of a playback page in the fourth mode provided in an embodiment of the present application;

[0057] Figure 7 This is an example diagram of a playback page for triggering the first viewing mode provided in an embodiment of the present application;

[0058] Figure 8 This is an example diagram of a playback page for triggering a second viewing mode provided in an embodiment of the present application;

[0059] Fig. 9 This is an example diagram of a playback page for triggering a third viewing mode provided in an embodiment of the present application;

[0060] Fig.10 A schematic diagram of a playback page that triggers switching back to the first mode provided in an embodiment of the present application;

[0061] Fig.11 A schematic diagram of a playback page that triggers two viewing modes simultaneously provided in an embodiment of the present application;

[0062] Fig.12 A schematic diagram of a playback page for changing the screen size in the fourth mode provided by an embodiment of the present application;

[0063] Fig.13 A schematic diagram of a playback page for changing the screen size when the second mode and the fourth mode are combined according to an embodiment of the present application;

[0064] Fig.14 A schematic diagram of a playback page for triggering exiting a viewing mode provided in an embodiment of the present application;

[0065] Fig.15 A schematic diagram of a playback page in the second mode provided in an embodiment of the present application under different media file sources;

[0066] Fig.16 A schematic block diagram of the playback processing device provided in an embodiment of the present application;

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

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

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

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

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

[0072] At present, most devices such as mobile phones use vertical screen playback pages due to user habits. Therefore, most media files pushed by most media playback services are also vertical screen media files, such as small videos. However, horizontal screen media files also account for a considerable proportion, about 20%, so the viewing experience of horizontal screen media files is also very important. However, for horizontal screen media files, in order to ensure the integrity of the picture, they usually occupy a smaller area on the vertical screen playback page. Users can only enter the clear screen mode through a two-finger zoom gesture (the display of page elements is usually reduced in the clear screen mode, such as the description information at the bottom of the page, the interactive area on the right side of the page, etc.), which results in a single playback experience for users, and it is difficult for users to be familiar with the corresponding operation gestures for switching modes.

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

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

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

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

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

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

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

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

[0081] 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:

[0082] Step 201: Play a first media file in a horizontal mode on a vertical playback page.

[0083] Step 203: while playing the first media file, display a component for selecting a viewing mode, the viewing mode comprising at least one of a second mode, a third mode and a fourth mode; wherein, compared with the first mode, the second mode hides some page elements and selects or adjusts the background of the playback page according to the content of the first media file; the third mode uses a gradient method for the background of the playback page to gradually change from the edge of the first media file to the main background color; and the fourth mode uses a higher screen-to-body ratio for the first media file compared with the first mode.

[0084] It can be seen that the present application provides new viewing modes to enrich the user's viewing experience. Compared with the first mode, one of the new viewing modes hides some page elements and selects or adjusts the background of the playback page according to the content of the first media file, so that the overall display is more coordinated while being more immersive, reducing the sense of separation; another new viewing mode can use a gradient method to gradually change the background of the playback page from the edge of the first media file to the main background color. Compared with the traditional fixed black method, the visual effect is closer to the real physical world and makes people more immersive; another new viewing mode can have a higher screen-to-body ratio compared to the first mode, so that users can more easily focus on the content details of the first media file. In addition, the present application can provide a component for selecting a viewing mode while playing the first media file, so that the user can conveniently select the viewing mode by triggering the component, and the operation is simpler.

[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 terms of name. For example, "first mode", "second mode", "third mode", etc. are used to distinguish multiple modes in terms of name. For another example, "first media file" and "second media file" are used to distinguish different media files. And so on.

[0086] First, the above step 201, namely "playing a first media file in a horizontal screen in a first mode on a vertical screen playback page" is described in detail in conjunction with an 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 the 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 media files involved in the embodiments of the present application specifically refer to media files with horizontal screens, taking videos as an example, that is, horizontal screen videos. The so-called horizontal screen video refers to a video whose width is greater than its height, which is 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). The pictures in the atlas refer to horizontal screen pictures, that is, pictures whose width is greater than their height.

[0091] by Figure 3 For example, when playing a horizontal video on a vertical playback page, because the width of the horizontal video is greater than the height, in order to ensure the integrity of the horizontal video, there will be a large amount of background space on the playback page, usually using a fixed color such as black.

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

[0093] The above step 203, namely "displaying a component for selecting a viewing mode while playing the first media file, wherein the viewing mode includes at least one of the second mode, the third mode and the fourth mode" is described in detail below in conjunction with an embodiment.

[0094] In this application, several new viewing modes are proposed. First, these new viewing modes are described:

[0095] Second mode: compared with the first mode, some page elements are hidden and the background of the playing page is selected or adjusted according to the content of the first media file.

[0096] Compared with the first mode, the second mode hides the page elements displayed on the playback page. It should be noted that in the second mode, other page elements except the screen of the media file can be hidden, and all page elements except the screen of the media file can be hidden. Hiding other page elements on the playback page except the played media content and necessary page elements helps users focus more on watching the media content and avoid being distracted by other page elements.

[0097] The hidden page elements in the second mode may include page elements for describing media files and / or page elements for inputting interactive information. The page elements for describing media files may be in the form of text, and the page elements for inputting interactive information may be in the form of components.

[0098] A fixed background is used on a conventional play page, for example, a black background is mostly used. The second mode provided in the embodiment of the present application can automatically select or adjust the background of the play page according to the content of the media file being played, that is, the first media file.

[0099] Specifically, the first media file can be subjected to color analysis to extract the main colors. The color analysis involves color quantization and color statistics, and the colors with the highest proportion are counted. When the first media file is a video, since the video is dynamically changing, it is necessary to perform color analysis on the single-frame images of the video, extract the main colors, and use the appearance time of the main colors during the video playback to further count the colors with the top one or more appearance times as key colors, and determine the corresponding background color based on the key colors. Some visual strategies can be further combined, such as the adjustment of brightness and saturation, to ensure the harmony and unity between the background of the playback page and the video content.

[0100] It can be seen that the background color is selected according to the content of the first media file, and can be fixed or dynamically changed. For example, the key colors corresponding to different playback stages of the video are different, and the background of the playback page corresponding to different playback stages can be adjusted according to the key colors of each stage.

[0101] For example, Figure 4As shown in the figure, in addition to hiding the components on the right for inputting interactive information and the text below for describing the media file, if the key color of the horizontal screen video being played is white, the background of the play page can be set to a lighter tone, such as gray, to present a more harmonious and unified visual effect. If the key color of the first half of the horizontal screen video being played is red, and the key color of the second half is blue, the background of the play page can be set to a reddish tone in the first half, and a bluish tone in the second half, to present a harmonious, unified, and changeable visual effect.

[0102] The third mode: the background of the playback page gradually changes from the edge of the first media file to the main background color.

[0103] The traditional playback page usually uses a single main background color, such as all black. The third mode provided in the embodiment of the present application can gradually transition to the main background color in a gradient manner, and this transition method is more in line with the feeling of the real physical world, like the feeling of looking at the curtain in a movie theater. Usually, although the environment in a movie theater is dark, the light from the curtain will form a transition from strong to weak to black between the edge of the curtain and the black environment. Therefore, the third mode is also a simulation of this real environment.

[0104] Take black as an example, Figure 5 As shown in , in the third mode, the video screen gradually changes from white to black starting from the edge of the video screen.

[0105] Fourth mode: In the fourth mode, a higher screen-to-body ratio is used for the first media file compared to the first mode.

[0106] For example, for Figure 3 In the first mode shown in FIG. 1 , a first media file is being played. In the fourth mode, a higher screen-to-body ratio can be used to display the screen of the first media file. The so-called screen-to-body ratio refers to the ratio of the screen area of ​​the first media file to the screen area. Figure 6 As shown, in the fourth mode, the screen area of ​​the first media file is larger. In this case, the content of the central area of ​​the first media file can be displayed in the screen area and the media content formed after being appropriately scaled can be displayed.

[0107] It should be noted that, in addition to the above three viewing modes, the above three viewing modes can also be arbitrarily combined to obtain a new viewing mode. For example, the second mode and the fourth mode are combined to use a higher screen-to-body ratio for the first media file while hiding some page elements and selecting or adjusting the background of the playback page according to the content of the first media file.

[0108] In an embodiment of the present application, when the first media content is played in the first mode, a component for selecting a viewing mode may be displayed on the playback page, such as Figure 3 As shown in , the component is shown in "view mode".

[0109] In addition, you can also display existing components of other modes on the playback page, such as Figure 3 In the "full screen viewing" mode shown in , when the user triggers the component of the "full screen viewing" mode, the screen is flipped, and the first media file in the horizontal screen is played with the horizontal screen playback page, thereby achieving full screen viewing.

[0110] In the embodiment of the present application, the user can trigger the "viewing mode" component to select a specific viewing mode, that is, select at least one of the second mode to the fourth mode mentioned above. The specific implementation methods may include but are not limited to the following:

[0111] The first method: in response to an event in which a component for selecting a viewing mode is triggered, switch to one of the viewing modes on the playback page (it should be noted that the viewing modes include the second mode, the third mode and the fourth mode mentioned above) to play the first media file.

[0112] Furthermore, while switching to one of the viewing modes on the play page to play the first media file, a component for triggering at least one of the other viewing modes is displayed on the play page.

[0113] It should be noted here that the user end 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 end automatically calls the corresponding callback function or method. For example, a callback function is pre-registered for an event in which a component for selecting a viewing mode is triggered, and the callback function triggers the user end to switch to one of the viewing modes on the playback page to play the first media file. The response to the event in the embodiments of the present application can all be implemented in this way, and will not be described in detail later.

[0114] A component is an object that is simply encapsulated with data and methods, and can also be called a control. It can include buttons, input boxes, drop-down menus, dialog boxes, navigation bars, cards, interactive icons, and so on.

[0115] For example, Figure 7 In the first mode shown in (a), the user can trigger the "view mode" component by clicking or double-clicking, etc., to switch to Figure 7 In the fourth mode shown in (b), another viewing mode component, such as the "third mode" component, is displayed at the same time. If the user triggers the "third mode" component, the switch to Figure 7In the third mode shown in (c), another viewing mode component, such as a "second mode" component, is displayed at the same time. If the user triggers the "second mode" component, the display switches to Figure 7 The second mode shown in (d).

[0116] The second method: in response to an event in which a component for selecting a viewing mode is triggered, while playing the first media file in the first mode on the playback page, display first selection components corresponding to multiple viewing modes; in response to an event in which one of the first selection components is triggered, switch on the playback page to playing the first media file in the viewing mode corresponding to the triggered first selection component.

[0117] like Figure 8 As shown in (a), when the first media file is played in the first mode, if the user triggers the "viewing mode" component by clicking or double-clicking, the Figure 8 The interface shown in (b) is that while the first media file is played in the first mode on the playback page, the first selection components corresponding to multiple viewing modes are displayed on the playback page, such as the "second mode", "third mode" and "fourth mode" in the figure, and the "first mode" can be further displayed.

[0118] If the user triggers the "Second Mode" component, the Figure 8 In the interface shown in (c), the first media file is played in the second mode. If the user triggers the "third mode" component, the Figure 8 In the interface shown in (d), the third mode is used to play the first media file. If the user triggers the "fourth mode" component, the Figure 8 In the interface shown in (e), the first media file is played in the fourth mode.

[0119] If the user triggers the "first mode" component, in response to the event that the first selection component corresponding to the first mode is triggered, the Figure 8 In the interface shown in (a), the first mode is returned to playing the first media file and the display of each selection component is canceled, and the component for selecting the viewing mode is displayed.

[0120] Furthermore, while switching to the viewing mode corresponding to the triggered selection component to play the first media file on the playback page, a component for triggering at least one of the other viewing modes is displayed on the playback page. Figure 8 As shown in (d), in the third mode, a "second mode" component may be displayed, and the user may switch to the second mode to play the first media file by triggering the component. Figure 8 As shown in (e), in the fourth mode, a "third mode" component may be displayed, and the user may switch to the third mode to play the first media file by triggering the component. Figure 8 As shown in (c), the "first mode" component can be displayed in the second mode, and the user can switch back to the first mode to play the first media file by triggering the component.

[0121] It should be noted that the components that trigger other viewing modes and are displayed on the playback page of one viewing mode are merely adaptive and can be replaced in sequence under this spirit principle.

[0122] The third method: when the first media file is played in the first mode on the play page, in response to a long press gesture on the play page, a setting panel superimposed on the play page is displayed, and the setting panel includes a second selection component corresponding to a plurality of modes; wherein the plurality of modes include a viewing mode, or the plurality of modes include the viewing mode (one or any combination of the second mode, the third mode and the fourth mode) and the first mode. The long press gesture refers to continuously pressing the screen for more than a preset time.

[0123] Furthermore, the second selection component corresponding to the currently adopted mode on the above-mentioned setting panel is in a selected state, and the second selection components corresponding to other modes are in an unselected state; in response to an event in which one of the second selection components in the unselected state is triggered, the mode corresponding to the triggered second selection component is switched on the playback page to play the first media file.

[0124] For example, on the play page of the touch screen, the first mode is used to play the first media file in landscape mode, such as Fig. 9 As shown in (a), after the user applies a long press gesture on the playback page, Fig. 9 As shown in (b), a setting panel is superimposed on the play page, and the setting panel may include second selection components corresponding to the first mode, the second mode, the third mode and the fourth mode, which are the "first mode" option, the "second mode" option, the "third mode" option and the "fourth mode" option in the figure. Since the first mode is currently in use, the "first mode" option is selected (the font is red in the figure), and the other mode options are not selected (the font is black in the figure).

[0125] If the user is Fig. 9 If the "Second Mode" option is selected on the setting panel shown in (b), the "Second Mode" option is in a selected state (not shown in the figure). Fig. 9 As shown in (c) in the figure, the first media file is played in the second mode on the playback page. Fig. 9 If the "third mode" option is selected on the setting panel shown in (b), the "third mode" option is in a selected state (not shown in the figure), as shown in FIG. Fig. 9As shown in (d) in the figure, the first media file is played in the third mode on the playback page. Fig. 9 If the "fourth mode" option is selected on the setting panel shown in (b), the "fourth mode" option is in a selected state (not shown in the figure), as shown in FIG. Fig. 9 As shown in (e), the play page is switched to the fourth mode to play the first media file.

[0126] Furthermore, when a first media file is played in one of the viewing modes on the play page, in response to an event triggering media switching, the play page switches to playing a second media file in the first mode.

[0127] For example, Fig.10 The play page shown in (a) uses the third mode to play the first media file. The user switches the played media file by swiping up, for example, and the following may be displayed: Fig.10 The play page shown in (b) uses the first mode to play the second media file switched to. Fig.10 If a gesture such as sliding down is continued on the playback page shown in (b) to switch back to playing the first media file, the following may be displayed: Fig.10 The play page shown in (c) in FIG. 1 is to play the first media file in the first mode. If the user wants to switch the viewing mode, he needs to continue to Fig.10 Apply a long press operation on the playback page shown in (c) to trigger the display of the setting panel.

[0128] In addition, it should be noted that the combination of the two viewing modes can be triggered simultaneously through the setting panel in the above embodiment, for example, Fig.11 In the first mode shown in (a), a long press gesture is applied on the play page to display Fig.11 In the setting panel shown in (b), if both the "Second Mode" option and the "Fourth Mode" option are selected on the setting panel, the following is displayed: Fig.11 The play page shown in (c) above adopts a higher screen-to-body ratio while hiding some page elements and selecting or adjusting the background of the play page according to the content of the first media file. Other combinations of viewing modes are similar and are not listed one by one.

[0129] Furthermore, in the fourth mode or in combination with other viewing modes, the user can further change the screen size of the media file being played.

[0130] As one of the achievable ways, when the fourth mode (adopting a higher screen-to-body ratio) is adopted on the playback page, in response to an operation event that triggers a change in screen size, the screen size of the media file being played is changed, wherein the change includes zooming in or out.

[0131] As another achievable manner, when the fourth mode and other viewing modes are used in combination on the play page, in response to an operation event that triggers a change in the screen size, the other viewing modes are maintained and the screen size of the media file being played is changed.

[0132] The operation event that triggers the screen size change may be, for example, a two-finger zoom gesture, a component that triggers the screen size change, and the like.

[0133] like Fig.12 As shown in (a) of FIG. 1 , in the fourth mode (using a higher screen ratio), the user applies a two-finger zoom gesture on the playback page. Fig.12 As shown in (b), a larger screen size is used to play the first media file. Fig.12 If you use a two-finger zoom-out gesture on the playback page shown in (a), you can Fig.12 As shown in (c), reducing the screen size to play the first media file is equivalent to returning to the first mode.

[0134] like Fig.13 As shown in (a), in the case where the second mode (selecting or adjusting the background of the play page according to the content of the first media file) and the fourth mode (using a higher screen ratio) are combined, the user applies a two-finger zoom gesture on the play page, as shown in FIG. Fig.13 As shown in (b), the second mode is maintained and a larger screen size is used to play the first media file. Fig.13 If you use a two-finger zoom-out gesture on the playback page shown in (a), you can Fig.13 As shown in (c), the second mode is maintained and the screen size is reduced to play the first media file.

[0135] Furthermore, in the above three methods, while playing the first media file in any of the above viewing modes on the playback page, a component for exiting the viewing mode can be displayed; in response to an event in which the component for exiting the viewing mode is triggered, the playback page switches to playing the first media file in the first mode.

[0136] For example, in Fig.14 In the second mode shown in (a), a component for exiting the viewing mode may be displayed on the playback page, such as the component shown in FIG. The user clicks on this component to exit the current mode and return to the first mode to play the first media file. Fig.14 Alternatively, the component for exiting the viewing mode may also be Fig.14 The "first mode" component shown in (a) above, the user clicks on the component to exit the current mode and return to the first mode to play the first media file.

[0137] In addition, depending on the source of the first media file currently being played, the page elements displayed when switching to the second mode may also be slightly different. For example, if the first media file currently being played comes from a secondary page, then Fig.15 As shown in (a), the bottom navigation area may not be displayed, and the playback control component and / or the component for exiting the second mode may be displayed. If the first media file currently being played is from the featured page or belongs to public domain traffic, then Fig.15 As shown in (b), the bottom navigation area and the components for exiting the second mode may be displayed.

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

[0139] According to an embodiment of another aspect, a device for playing and processing a media file is provided. Fig.16 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. Fig.16 As shown, the device 1600 includes: a page display unit 1601 and an event monitoring unit 1602. The main functions of each component unit are as follows:

[0140] The page display unit 1601 is configured to play a first media file in a horizontal screen in a first mode on a playback page in a vertical screen; while playing the first media file, a component for selecting a viewing mode is displayed, and the viewing mode includes at least one of a second mode, a third mode, and a fourth mode;

[0141] Among them, compared with the first mode, the second mode hides some page elements and selects or adjusts the background of the playback page according to the content of the first media file. The third mode uses a gradient method to gradually change the background of the playback page from the edge of the first media file to the main background color. Compared with the first mode, the fourth mode uses a higher screen-to-body ratio for the first media file.

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

[0143] As one of the achievable ways, the page display unit 1601 may be specifically configured to: in response to an event in which a component for selecting a viewing mode is triggered, switch to one of the viewing modes on the play page to play the first media file.

[0144] Furthermore, the page display unit 1601 may also be configured to: while switching to one of the viewing modes on the playback page to play the first media file, display on the playback page a component for triggering at least one of the other viewing modes.

[0145] As another achievable manner, the page display unit 1601 may be specifically configured as follows: in response to an event in which a component for selecting a viewing mode is triggered, while playing a first media file in a first mode on a playback page, display first selection components corresponding to multiple viewing modes; in response to an event in which one of the first selection components is triggered, switching on the playback page to play the first media file in a viewing mode corresponding to the triggered first selection component.

[0146] Furthermore, the page display unit 1601 can also be configured to: while switching on the playback page to play the first media file using the viewing mode corresponding to the triggered first selection component, display on the playback page a component for triggering at least one of the other viewing modes.

[0147] Furthermore, the page display unit 1601 can also be configured to: when displaying the first selection components corresponding to multiple viewing modes, also display the first selection component corresponding to the first mode; in response to the event that the first selection component corresponding to the first mode is triggered, cancel the display of each first selection component and display the component for selecting the viewing mode.

[0148] As another achievable method, the page display unit 1601 can be specifically configured as: when playing the first media file, in response to a long press gesture on the playback page, displaying a setting panel superimposed on the playback page, the setting panel including a second selection component corresponding to multiple modes; wherein the multiple modes include a viewing mode, or the multiple modes include a viewing mode and a first mode.

[0149] Furthermore, the second selection component corresponding to the currently adopted mode on the setting panel is in a selected state, and the second selection components corresponding to other modes are in an unselected state; the page display unit 1601 can also be configured to: in response to an event in which one of the second selection components in an unselected state is triggered, switch on the playback page to play the first media file in the mode corresponding to the triggered second selection component.

[0150] Furthermore, the page display unit 1601 can also be configured to: when the first media file is played in the fourth mode on the playback page, in response to an operation event that triggers a change in the screen size, change the screen size of the media file being played; or, when the fourth mode and other viewing modes are used in combination on the playback page, in response to an operation event that triggers a change in the screen size, maintain the other viewing modes and change the screen size of the media file being played.

[0151] Furthermore, the page display unit 1601 can also be configured to: while playing the first media file in the viewing mode on the playback page, display a component for exiting the viewing mode; in response to an event in which the component for exiting the viewing mode is triggered, switch to playing the first media file in the first mode on the playback page.

[0152] Furthermore, the page display unit 1601 may also be configured to: when a first media file is played in the viewing mode on the play page, in response to an event triggering media switching, switch to playing a second media file in the first mode on the play page.

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

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

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

[0156] And an electronic device, comprising:

[0157] one or more processors; and

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

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

[0160] in, Fig.17 The electronic device architecture is shown as an example, which may include a processor 1710, a video display adapter 1711, a disk drive 1712, an input / output interface 1713, a network interface 1714, and a memory 1720. The processor 1710, the video display adapter 1711, the disk drive 1712, the input / output interface 1713, the network interface 1714, and the memory 1720 may be communicatively connected via a communication bus 1730.

[0161] Among them, the processor 1710 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 solutions provided in this application.

[0162] The memory 1720 can be implemented in the form of ROM (Read Only Memory), RAM (Random Access Memory), static storage device, dynamic storage device, etc. The memory 1720 can store an operating system 1721 for controlling the operation of the electronic device 1700, and a basic input and output system (BIOS) 1722 for controlling the low-level operation of the electronic device 1700. In addition, a web browser 1723, a data storage management system 1724, and a playback processing device 1725 for media files, etc. can also be stored. The playback processing device 1725 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 1720 and is called and executed by the processor 1710.

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

[0164] The network interface 1714 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.).

[0165] The bus 1730 comprises a pathway for transmitting information between the various components of the device (eg, the processor 1710, the video display adapter 1711, the disk drive 1712, the input / output interface 1713, the network interface 1714, and the memory 1720).

[0166] It should be noted that, although the above device only shows a processor 1710, a video display adapter 1711, a disk drive 1712, an input / output interface 1713, a network interface 1714, a memory 1720, a bus 1730, 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.

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

[0168] 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: Playing a first media file in a horizontal screen in a first mode on a vertical screen playback page; displaying a component for selecting a viewing mode while playing the first media file, the viewing mode comprising at least one of a second mode, a third mode, and a fourth mode; Among them, compared with the first mode, the second mode hides some page elements and selects or adjusts the background of the playback page according to the content of the first media file. The third mode uses a gradient method to gradually change the background of the playback page from the edge of the first media file to the main background color. Compared with the first mode, the fourth mode uses a higher screen-to-body ratio for the first media file.

2. The method according to claim 1, characterized in that The method further comprises: In response to the event that the component for selecting a viewing mode is triggered, switching to one of the viewing modes on the play page to play the first media file.

3. The method according to claim 2, characterized in that While switching to one of the viewing modes on the play page to play the first media file, a component for triggering at least one of the other viewing modes is displayed on the play page.

4. The method according to claim 1, characterized in that The method further comprises: In response to the event that the component for selecting the viewing mode is triggered, while playing the first media file in the first mode on the playback page, displaying a plurality of first selection components corresponding to the viewing modes; In response to an event in which one of the first selection components is triggered, the first media file is played by switching on the play page to a viewing mode corresponding to the triggered first selection component.

5. The method according to claim 4, characterized in that The method further comprises: While switching on the play page to play the first media file using the viewing mode corresponding to the triggered first selection component, a component for triggering at least one of the other viewing modes is displayed on the play page.

6. The method according to claim 4, characterized in that When displaying the first selection components corresponding to the plurality of viewing modes, also displaying the first selection component corresponding to the first mode; In response to an event in which the first selection component corresponding to the first mode is triggered, the display of each first selection component is canceled, and the component for selecting the viewing mode is displayed.

7. The method according to claim 1, characterized in that Displaying a component for selecting a viewing mode while playing the first media file includes: When the first media file is played, in response to a long press gesture on the play page, displaying a setting panel superimposed on the play page, the setting panel including second selection components corresponding to a plurality of modes; The multiple modes include the viewing mode, or the multiple modes include the viewing mode and the first mode.

8. The method according to claim 7, characterized in that The method further comprises: The second selection component corresponding to the currently adopted mode on the setting panel is in a selected state, and the second selection components corresponding to other modes are in an unselected state; In response to an event in which one of the second selection components in an unselected state is triggered, the playing page is switched to a mode corresponding to the triggered second selection component to play the first media file.

9. The method according to claim 2, 4 or 8, characterized in that: When the first media file is played in the fourth mode on the play page, in response to an operation event that triggers a change in screen size, the screen size of the media file being played is changed; or, When the fourth mode and other viewing modes are used in combination on the play page at the same time, in response to an operation event that triggers a change in the screen size, the other viewing modes are maintained and the screen size of the media file being played is changed.

10. The method according to claim 2, 4 or 8, characterized in that The method further comprises: While playing the first media file in the viewing mode on the playback page, displaying a component for exiting the viewing mode; In response to the event that the component for exiting the viewing mode is triggered, switching to a first mode to play the first media file on the play page.

11. The method according to claim 2, 4 or 8, characterized in that: The method further comprises: When the first media file is played in the viewing mode on the play page, in response to an event triggering media switching, the play page is switched to playing the second media file in the first mode.

12. A media file playback processing device, characterized in that: The device comprises: a page display unit configured to play a first media file in a horizontal screen in a first mode on a playback page in a vertical screen; and display a component for selecting a viewing mode while playing the first media file, wherein the viewing mode includes at least one of a second mode, a third mode, and a fourth mode; Among them, compared with the first mode, the second mode hides some page elements and selects or adjusts the background of the playback page according to the content of the first media file. The third mode uses a gradient method to gradually change the background of the playback page from the edge of the first media file to the main background color. Compared with the first mode, the fourth mode uses a higher screen-to-body ratio for the first media file.

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

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

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

Images