Interface operation method and device, electronic equipment and computer readable medium

Abstract

The invention discloses an interface operation method and device, electronic equipment and a computer readable medium, and relates to the technical field of mobile terminals.The method comprises the steps that a media playing interface is displayed on a screen of the electronic equipment; detecting a sliding operation input for the media playing interface; based on the sliding direction of the sliding operation, an object selection interface corresponding to the sliding direction is displayed, and the object selection interface serves as an interface for a user to select playable media content. Therefore, the electronic equipment can be controlled to display the object selection interfaces corresponding to the different sliding directions through the sliding operations in the different sliding directions, that is to say, when a certain object selection interface needs to be displayed, the sliding operation in the sliding direction corresponding to the object selection interface is input; the situation that a corresponding key is set for each object selection interface on the media playing interface is avoided, and the density degree of the keys is reduced.

Description

Technical Field

[0001] The present application relates to the field of mobile terminal technology, and more specifically, to an interface operation method, device, electronic device and computer-readable medium. Background Art

[0002] With the development of science and technology, electronic devices are used more and more widely and have more and more functions. They have become one of the necessities in people's daily life. For example, users can play media objects such as videos and audios through electronic devices. Usually, electronic devices will provide a playback interface so that electronic devices can provide basic control functions such as play, pause, switch to the previous object, switch to the next object, etc. through the playback interface. However, this interface often has the disadvantages of too many click operations and dense hot spots, and users have a poor experience in using the operation of this interface. Summary of the invention

[0003] The present application proposes an interface operation method, device, electronic device and computer-readable medium to improve the above-mentioned defects.

[0004] In a first aspect, the present application provides an interface operation method, which is applied to an electronic device, and the method comprises: displaying a media playback interface on a screen of the electronic device; detecting a sliding operation input to the media playback interface; and based on the sliding direction of the sliding operation, displaying an object selection interface corresponding to the sliding direction, wherein the object selection interface serves as an interface for a user to select playable media content.

[0005] In a second aspect, the present application also provides an interface operation device, which is applied to an electronic device, and the device includes: a playback unit, a detection unit, and a display unit. The playback unit is used to display a media playback interface on the screen of the electronic device; the detection unit is used to detect a sliding operation input to the media playback interface; the display unit is used to display an object selection interface corresponding to the sliding direction based on the sliding direction of the sliding operation, wherein the object selection interface serves as an interface for a user to select playable media content.

[0006] In a third aspect, the present application also provides an electronic device comprising: one or more processors; a swap area; and one or more applications, wherein the one or more applications are stored in the swap area and configured to be executed by the one or more processors, and the one or more applications are configured to execute the above method.

[0007] In a fourth aspect, the present application further provides a computer-readable storage medium, wherein the computer-readable storage medium stores a program code executable by a processor, and when the program code is executed by the processor, the processor executes the above method.

[0008] The interface operation method, device, electronic device and computer-readable medium provided by the present application display a media playback interface on the screen of the electronic device; detect a sliding operation input for the media playback interface; and based on the sliding direction of the sliding operation, display an object selection interface corresponding to the sliding direction, wherein the object selection interface serves as an interface for a user to select playable media content. Therefore, the present application can control the electronic device to display object selection interfaces corresponding to different sliding directions through sliding operations in different sliding directions, that is, when a certain object selection interface needs to be displayed, it is sufficient to input a sliding operation in the sliding direction corresponding to the object selection interface, thereby avoiding setting corresponding buttons for each object selection interface in the media playback interface and reducing the density of buttons.

[0009] Other features and advantages of the embodiments of the present application will be described in the subsequent description, and partly become apparent from the description, or can be understood by practicing the embodiments of the present application. The purposes and other advantages of the embodiments of the present application can be realized and obtained by the structures specifically pointed out in the written description, claims, and drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0010] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For those skilled in the art, other drawings can be obtained based on these drawings without creative work.

[0011] Figure 1 A schematic diagram of the structure of a straight-bar mobile phone provided in an embodiment of the present application is shown;

[0012] Figure 2 A schematic diagram of the structure of a foldable screen mobile phone provided in an embodiment of the present application is shown;

[0013] Figure 3 A schematic diagram of the structure of a foldable screen mobile phone provided in another embodiment of the present application is shown;

[0014] Figure 4 A method flow chart of an interface operation method provided by an embodiment of the present application is shown;

[0015] Figure 5 A schematic diagram of a song list selection interface provided by an embodiment of the present application is shown;

[0016] Figure 6 A schematic diagram of an album selection interface provided by an embodiment of the present application is shown;

[0017] Figure 7A schematic diagram of a song selection interface provided by an embodiment of the present application is shown;

[0018] Figure 8 A schematic diagram of a song selection interface provided by another embodiment of the present application is shown;

[0019] Fig. 9 A schematic diagram showing a playback control area provided in an embodiment of the present application is shown;

[0020] Fig.10 A schematic diagram showing an effective area of ​​a sliding operation provided by an embodiment of the present application;

[0021] Fig.11 A method flow chart of an interface operation method provided by another embodiment of the present application is shown;

[0022] Fig.12 A schematic diagram of a media playback interface provided by an embodiment of the present application is shown;

[0023] Fig.13 A schematic diagram showing a switching operation of a first interface provided by an embodiment of the present application is shown;

[0024] Fig.14 A schematic diagram of a first interface provided by an embodiment of the present application is shown;

[0025] Fig.15 A method flow chart of an interface operation method provided by another embodiment of the present application is shown;

[0026] Fig.16 A schematic diagram showing a switching operation of a second interface provided by an embodiment of the present application is shown;

[0027] Fig.17 A schematic diagram of a second interface provided by an embodiment of the present application is shown;

[0028] Fig.18 A schematic diagram of a third interface provided by an embodiment of the present application is shown;

[0029] Fig.19 An operation schematic diagram of the third interface provided by an embodiment of the present application is shown;

[0030] Fig. 20 A schematic diagram of a transition animation provided by an embodiment of the present application is shown;

[0031] Fig.21 A method flow chart of an interface operation method provided by yet another embodiment of the present application is shown;

[0032] Fig. 22 A schematic diagram showing a switching operation of a third interface provided in an embodiment of the present application is shown;

[0033] Fig.23 A schematic diagram of loading an image provided by an embodiment of the present application is shown;

[0034] Fig.24 A schematic diagram of a transition animation provided by another embodiment of the present application is shown;

[0035] Fig.25 A schematic diagram of a transition animation provided by another embodiment of the present application is shown;

[0036] Fig.26 A schematic diagram showing the lyrics content provided by an embodiment of the present application is shown;

[0037] Fig. 27 A schematic diagram of a target control provided by an embodiment of the present application is shown;

[0038] Fig.28 A schematic diagram of an immersive playback interface provided by an embodiment of the present application is shown;

[0039] Fig.29 A module block diagram of an interface operation device provided by an embodiment of the present application is shown;

[0040] Fig.30 A structural block diagram of an electronic device provided in an embodiment of the present application is shown;

[0041] Fig.31 A storage unit for storing or carrying program codes for implementing the interface operation method according to an embodiment of the present application is shown. DETAILED DESCRIPTION

[0042] In order to make those skilled in the art better understand the present application scheme, the technical scheme in the present application embodiment will be clearly and completely described below in conjunction with the drawings in the present application embodiment. Obviously, the described embodiment is only a part of the present application embodiment, rather than all the embodiments. The components of the present application embodiment usually described and shown in the drawings here can be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of the present application provided in the drawings is not intended to limit the scope of the present application for protection, but merely represents the selected embodiment of the present application. Based on the embodiments of the present application, all other embodiments obtained by those skilled in the art without making creative work belong to the scope of protection of the present application.

[0043] It should be noted that similar reference numerals and letters represent similar items in the following drawings, so once an item is defined in one drawing, it does not need to be further defined and explained in subsequent drawings. At the same time, in the description of this application, the terms "first", "second", etc. are only used to distinguish the description and cannot be understood as indicating or implying relative importance.

[0044] With the development of science and technology, electronic devices are used more and more widely and have more and more functions, and have become one of the necessities in people's daily life. For example, users can play media objects such as videos and audios through electronic devices. Usually, electronic devices provide a playback interface so that electronic devices can provide basic control functions such as play, pause, switch to the previous object, switch to the next object, etc. through the playback interface.

[0045] It is understandable that the electronic device can be a device capable of running media applications, such as a smart phone, a tablet computer, an e-book, etc. For example, the electronic device can be a smart phone, which can be a candy bar phone, or an inward folding screen device.

[0046] For example, the smart phone may be a straight-screen phone 10, such as Figure 1 As shown, the smart phone may include a front camera 102, a rear camera 103 and a display screen 101, wherein the front camera 102 and the display screen 101 are arranged on the same side of the smart phone, and the rear camera 103 is arranged on the back cover of the smart phone.

[0047] For example, Figure 2 and 3 As shown, the smartphone may be an inner folding screen device 20, which may include a foldable housing assembly 210, an inner screen 220, and an electronic component (not shown in the figure), wherein the electronic component is disposed in the foldable housing assembly 210, and the inner screen 220 is laid on the foldable housing assembly 210. The foldable housing assembly 210 is used to carry the inner screen 220 and protect the electronic components. The electronic components may include, but are not limited to, a central processing unit, a memory, a camera, a receiver, a fingerprint module, etc., and the specific electronic components may not be limited in the embodiments of the present application.

[0048] The foldable housing assembly 210 includes a first housing 211, a second housing 212 and a hinge mechanism 213, and the first housing 211 and the second housing 212 are respectively connected to the two sides of the hinge mechanism 213. The second housing 212 can be folded or unfolded relative to the first housing 211 through the hinge mechanism 213, so that the foldable housing assembly 210 drives the inner screen 220 to fold or unfold. When the foldable housing assembly 210 and the inner screen 220 are in a folded state, the volume of the inner folding screen device 20 is relatively small, which is convenient for storage and carrying. When the foldable housing assembly 210 and the inner screen 220 are in an unfolded state, the volume of the inner folding screen device 20 is relatively large, which is convenient for displaying information.

[0049] For example, Figure 3The inner folding screen device shown is an inner folding screen, that is, assuming that the foldable shell assembly 210 includes a front surface and a rear surface, that is, the first shell 211 and the second shell 212 both include a front surface and a rear surface, the inner screen 220 is arranged on the front surface of the foldable shell assembly 210, that is, the first display portion of the inner screen 220 is arranged on the front surface of the first shell 211, and the second display portion of the inner screen 220 is arranged on the front surface of the second shell 212. For details, please refer to Figure 3 In this embodiment, the inner screen 220 includes a first display portion 221 connected to the first shell 211 and a second display portion 222 connected to the second shell 212. The first display portion 221 and the second display portion 222 are folded or unfolded relative to the first shell 211 and the second shell 212 respectively. In some embodiments, the first display portion 221 and the second display portion 222 can be an integral structure, so that the inner screen 220 is a whole-piece inner screen; or, in some other embodiments, the first display portion 221 and the second display portion 222 can be non-flexible parts, and the first display portion 221 and the second display portion 222 are folded or unfolded relative to each other through the hinge mechanism 213. In this embodiment, when the first shell 211 and the second shell 212 are in a superimposed state, the first display portion 221 and the second display portion 222 are close to or even partially attached, so that the inner folding screen device 20 presents a structure of an inner folding screen, that is, the inner screen 220 at this time serves as the internal display of the inner folding screen device 20, and the user does not need to use the inner screen 220 at this time.

[0050] It should be noted that if Figure 2 As shown, the inner folding screen device 20 further includes an outer screen 230, which is disposed on at least one of the rear surface of the first housing 211 or the rear surface of the second housing 212, and the rear surface can be regarded as the back cover of the first housing 211 or the second housing 212. Exemplarily, the outer screen 230 is disposed on the rear surface of the first housing 211. In addition, the first volume key 241 and the second volume key 242 of the electronic device are disposed on the side of the first housing 211. The first housing 211 includes a first side edge 214, and the second housing 212 includes a second side edge 215. The first side edge 214 and the second side edge 215 are separated on both sides of the hinge mechanism 213. When the electronic device is converted from the unfolded state to the folded state, the first side edge 214 and the second side edge 215 gradually approach each other. When the electronic device is fully folded, the first side edge 214 and the second side edge 215 can fit together.

[0051] Exemplarily, the rear surface of the first shell is provided with an image acquisition component of the inner folding screen device 20, which may include components such as a front camera, a rear camera, and a flash. The outer screen 230 and the rear camera are both provided on the rear surface of the first shell 211, so that when the electronic device is in a folded state, the user can use the outer screen 230 and the rear camera.

[0052] It is understandable that the aforementioned playback interface can be applied to the display screen 101 of the straight phone 10, and can also be applied to the inner screen 220 and the outer screen 230 of the inner folding screen device. However, the inventors found in their research that the current playback interface often has shortcomings such as too many click operations and dense hot spots, especially for small screen areas such as the outer screen of the inner folding screen device. When there are too many buttons in the playback area, the user's operations are too dense and other buttons are easily triggered. For the playback interface on a larger screen, due to the unreasonable distribution of the buttons of the playback interface, for example, they are distributed in the upper left corner of the interface, there are many click operations, and some operations are inconvenient to operate with one hand.

[0053] Therefore, in order to overcome the above-mentioned defects, an embodiment of the present application provides an interface operation method, which is applied to the above-mentioned electronic device, which may be a straight-screen mobile phone or an inward-folding screen device. In the embodiment of the present application, the inward-folding screen device is taken as an example to illustrate the embodiment of the present application, but the application scenario of the embodiment of the present application is not limited.

[0054] like Figure 4 As shown, the method includes: S401 to S403.

[0055] S401: Displaying a media playback interface on the screen of the electronic device.

[0056] The media mentioned in this application can be a video or audio file, and the media playback interface can be a video playback interface or an audio playback interface. For example, in the embodiments of this application, the media is an audio file and the media playback interface is an audio playback interface as an example to illustrate the various embodiments of this application, but no limitation is made to this.

[0057] As an implementation method, the media playback interface may be an interface corresponding to the target application, that is, the media object played by the media playback interface is provided by the target application, that is, when the user clicks the play operation of the target media object in the target application, the media playback interface corresponding to the target application may be displayed on the screen, and the content played in the media playback interface is the target media object. The target application is a media application, for example, an audio application.

[0058] It should be noted that the target application may correspond to a variety of different interfaces, and the user may select a playback object by operating the various different interfaces. For example, the various different interfaces may include a playlist selection interface, an album selection interface, and a song selection interface.

[0059] See also Figure 5 , Figure 5The song list selection interface is shown, and the song list selection interface displays multiple song list 501 logos. The song list logo may include a thumbnail corresponding to the song list, a description of the song list, etc. The description of the song list may include the name of the song list and an introduction to the content of the song list. The user can click a play button corresponding to a song list in the song list selection interface, and automatically play all the songs in the song list. The user can also click a song list to enter the song selection interface corresponding to the song list, and select at least some songs to play or all songs to play in the song selection interface.

[0060] See also Figure 6 , Figure 6 An album selection interface is shown, in which multiple album 601 logos are displayed. The album logo may include an album cover image, an album name, and album description information corresponding to the album. The album description information may include the name of the singer of the songs in the album. The user can click a play button corresponding to an album in the album selection interface to automatically play all the songs in the album, or click an album to enter the song selection interface corresponding to the album, and select at least some songs to play or all songs to play in the song selection interface.

[0061] It should be noted that both the album and the song list contain at least one song. Usually, an album is a collection of one or more musical works, usually released by an artist or band. It can contain original songs, cover songs or other types of musical works. A song list is a list consisting of a group of songs, which can be created by anyone according to their own preferences or themes. Albums are usually released in physical form (such as CDs) or digital form (such as digital downloads, streaming services), and users can buy, collect or play them as a whole. The song list is created by users themselves or shared by others on the digital music service platform, mainly for online playback. In the embodiment of the present application, since both the album and the song list contain at least one song, the album and the song list can be uniformly regarded as a collection of media files, that is, the embodiment of the present application does not specifically distinguish between albums and song lists, and they are uniformly referred to as a collection of media files. The album selection interface and the song list selection interface are collectively referred to as a media file selection interface, and the media file selection interface can include at least one of multiple song lists and albums.

[0062] See also Figure 7 , Figure 7 The song selection interface is shown. Figure 7 The name 1, name 2, name 3, etc. shown in the figure are the names of the songs. The user can select at least one song to play in this interface. It can be seen that the top of the interface displays the song collection corresponding to the song selection interface, such as Figure 7The "XXXXXXX" in the _ represents the name of the song collection, which can be the aforementioned playlist or album. Figure 7 Each song in the song selection interface shown belongs to the song collection, that is, the song collection is taken as a collection, and each song in the song selection interface is taken as an element in the collection.

[0063] See also Figure 8 , Figure 8 A song playback interface is shown, and the song playback interface includes the song content corresponding to the song currently being played in the song playback interface, and the song content may include information such as the album cover corresponding to the song, the name of the song, and the name of the artist playing the song. As an implementation method, in the case where the media object is an audio file of the song type, the media playback interface mentioned in the embodiment of the present application is a song playback interface. Exemplarily, the media playback interface includes a playback control area and a media content display area, and the playback control area includes a plurality of key operation areas, each key operation area corresponds to an operation button, and the operation button is used to control the playback platform (i.e., application) corresponding to the media playback interface to perform a corresponding playback operation, and the playback operation may include switching to the next object for playback, switching to the previous object for playback, pausing playback, or continuing to play the current object. It should be noted that the media playback interface corresponds to a playback sequence, and the playback sequence is the playback order determined by each object in the playlist based on the current playback mode, wherein the playlist refers to the playlist corresponding to the media file set to which the object currently corresponding to the media playback interface belongs, and the playlist includes each media object in the media file set, and the playback mode may include random playback, sequential playback, single song loop playback, etc. For example, the media file collection to which the object currently corresponding to the media playback interface belongs is a playlist, and the playlist corresponding to the playlist is [Song 1, Song 2, Song 3, Song 4]. If the current playback mode is random playback, the playback sequence corresponding to the playlist is [Song 1, Song 3, Song 4, Song 2]. If the current playback mode is sequential playback, the playback sequence corresponding to the playlist is [Song 1, Song 2, Song 3, Song 4]. If the current playback mode is single loop, the playback sequence corresponding to the playlist is [Song 1, Song 1, Song 1, Song 1, ...]. It can be seen that the order of the songs in the playlist is fixed, but the playback order of the songs in the playback sequence may be the same as or different from the arrangement order of the songs in the playlist, which depends on the playback mode.

[0064] like Figure 8 As shown, the song playing interface includes a play control area 820 and a media content display area 810, and the play control area 820 includes a plurality of key operation areas, such as Figure 8 As shown, the multiple key operation areas include a first area corresponding to the pause / play button, a second area corresponding to the first switch button for playing the previous song, and a third area corresponding to the second switch button for playing the next song. The media content display area 810 includes the description content corresponding to the current corresponding song AAAAAA.

[0065] As an implementation method, when taking into account that the media playback interface is displayed on a small screen (for example, the outer screen of an internal folding screen device), the buttons on the interface should be convenient for user operation, and factors such as the size of each button and the spacing between each button should be considered. Therefore, the area of ​​each button operation area is larger than the specified area, and the distance between two adjacent button operation areas is greater than the distance threshold. For example, the specified area can be 44*44dp, where dp refers to density-independent pixels. In an embodiment of the present application, the area of ​​each button operation area can be 54*54dp. In addition, in an embodiment of the present application, the distance threshold can be 14dp.

[0066] like Fig. 9 As shown, the playback control area 820 includes a first area 821, a second area 822, and a third area 823. It can be seen that although the outline sizes of the pause / play button, the first switch button, and the second switch button are different, the area of ​​the first area 821, the second area 822, and the third area 823 can be the same, that is, the first area 821, the second area 822, and the third area 823 are all larger than the designated button area, and the designated button refers to the area with the largest outline among the pause / play button, the first switch button, and the second switch button. Then, the designated button area refers to the area corresponding to the designated button. It can be understood that the key operation area corresponding to the key refers to the response area of ​​the key, that is, the effective touch input by the user in the key operation area can be used as a trigger condition for triggering the electronic device to perform the preset operation corresponding to the key. Fig. 9 In the figure, the area of ​​the first region 821, the second region 822 and the third region 823 is 54*54dp, and the interval between any two adjacent regions of the first region 821, the second region 822 and the third region 823 is greater than 14dp.

[0067] It should be noted that, assuming that the above-mentioned electronic device is an inner folding screen device, the screen displayed by the media playback interface, that is, the screen is the outer screen of the inner folding screen device, then the implementation method of displaying the media playback interface may be that the electronic device displays the media playback interface on the screen when it detects that the electronic device meets the specified conditions. The specified conditions may include: the electronic device detects that the target application corresponding to the media playback interface is started, for example, the user starts the target application on the inner screen, and then folds the mobile phone inward, then the media playback interface will be displayed on the outer screen of the mobile phone. Alternatively, the specified condition may also be that the electronic device detects that the wireless headset is connected to the electronic device and the wireless headset is in a wearing state, and the electronic device is in a folded state, then the media playback interface will be automatically displayed on the outer screen of the electronic device. In addition, the target media object displayed on the media playback interface may be based on the user's triggering operation, that is, the user-triggered playback exclusive, or it may be based on the default to-be-played object of the target application, for example, the default to-be-played object may be the media object being played when the target application is closed, or it may be the media object pushed by the target application to the user, which is not limited here.

[0068] After determining that the electronic device displays the media playback interface on the screen, the electronic device can detect in real time whether there is a sliding operation input to the media playback interface.

[0069] S402: Detecting a sliding operation input to the media playback interface.

[0070] As an implementation method, the sliding operation on the media playback interface can be a sliding touch operation directly acting on the interface, or a sliding touch operation acting on other areas outside the screen of the electronic device, or a sliding air gesture for air input.

[0071] Exemplarily, the sliding operation may be a sliding touch operation performed by a user on a media playback interface, that is, when the media playback interface is displayed on a designated screen of the electronic device, the user touches the media playback interface and inputs a sliding operation.

[0072] It should be noted that the effective area of ​​the sliding operation can be any area of ​​the media playback interface. As mentioned above, the media playback interface includes a playback control area and a media content display area. That is to say, although buttons are provided on the media playback interface, as long as the touch mode of the buttons is reasonably set to be distinguished from the sliding operation, the false triggering of the buttons by the sliding operation can be avoided. For example, the touch mode of the button is set to a long press operation, and the user can avoid false triggering of the button by quickly inputting the sliding operation. It can be understood that in order to further avoid the false triggering of the button by the sliding operation, the effective area of ​​the sliding operation can be set to the media content display area, that is, Fig.10 As shown, each button in the play control area can be operated by clicking, and the two operation areas are separated from each other to avoid mutual interference.

[0073] As another example, the sliding operation may be a sliding touch operation performed by the user on other areas outside the screen of the electronic device, and the other areas outside the screen may refer to the housing, side frames, top frames, bottom frames and rotation axis area of ​​the electronic device. For example, the other area may be the rotation axis area, that is, by inputting a sliding operation in the rotation axis area, the user may trigger the electronic device to perform a subsequent operation of determining the object selection interface based on the sliding direction of the sliding operation. Since the area for inputting the sliding operation is located at the upper part of the external screen when the media playback interface is displayed on the external screen of the electronic device, it is convenient for the user to input the sliding operation in the rotation axis area with the index finger when holding the electronic device with one hand, thereby providing the convenience of one-handed operation.

[0074] As another example, the sliding operation can be an air gesture input by the user. As an implementation, in the case where the electronic device is an inner folding screen, a camera is provided on the same side as the outer screen of the electronic device. Therefore, when the outer screen of the electronic device displays the media playback interface, the camera on the same side as the outer screen can capture images within the field of view of the camera. If the movement of the designated part is detected, it is determined whether the movement of the designated part is a sliding operation, and then the sliding direction of the sliding operation is determined. In addition, in order to prevent the operation of the camera from causing the electronic device to be too large, when the outer screen of the electronic device displays the media playback interface, it is possible to detect whether the designated button is pressed. If it is pressed, the camera on the same side as the outer screen can capture images within the field of view of the camera, and detect the movement of the designated part of the user, and then determine whether there is a sliding operation. Among them, the designated part can be the user's hand or head, and the movement of the designated part can be the swing of the hand or the swing of the head. The designated button can be a physical button such as a volume button or a power button of an electronic device. Exemplarily, the designated button can be a first volume button and a second volume button. That is to say, pressing the first volume button and the second volume button at the same time can start the camera to trigger the acquisition of images within the field of view of the camera, and detect the movement of the user's designated part to determine whether there is a sliding operation.

[0075] S403: Based on the sliding direction of the sliding operation, display an object selection interface corresponding to the sliding direction.

[0076] The object selection interface is used as an interface for users to select playable media content. It is understandable that different sliding directions may correspond to different object selection interfaces, that is, each sliding direction corresponds to an object selection interface, and each object selection interface displays different content, for example, it may be the aforementioned playlist selection interface, album selection interface, song selection interface, or platform selection interface, so that users can quickly start the object selection interface corresponding to the sliding direction by inputting different sliding directions.

[0077] In addition, the media content may be video or audio, and the user may select the playable media content through the object selection interface directly or indirectly, that is, there may be multiple existing media objects in the object selection interface for the user to select, for example, the object selection interface is the aforementioned song selection interface, that is, the playable media content is directly selected. Alternatively, the object selection interface does not display multiple media objects, but an identifier of a media file collection containing multiple media objects. The user selects one of the media file collections and opens the song selection interface corresponding to the media file collection, that is, indirectly selecting the playable media content. Specifically, the operations of different interfaces will be described later.

[0078] Therefore, the present application can control the electronic device to display object selection interfaces corresponding to different sliding directions through sliding operations in different sliding directions. That is to say, when a certain object selection interface needs to be displayed, it is sufficient to input a sliding operation in the sliding direction corresponding to the object selection interface, thereby avoiding setting corresponding buttons for each object selection interface in the media playback interface and reducing the density of buttons.

[0079] See also Fig.11 , Fig.11 An interface operation method provided by an embodiment of the present application is shown, and the method is applied to the aforementioned electronic device, which may be a straight-screen mobile phone or an inward folding screen device. In the embodiment of the present application, the inward folding screen device is used as an example to illustrate the embodiment of the present application, but the application scenario of the embodiment of the present application is not limited. The method includes: S1101 to S1103.

[0080] S1101: Displaying a media playback interface on the screen of the electronic device.

[0081] S1102: Detecting a sliding operation input to the media playback interface.

[0082] Among them, the parts of S1101 and S1102 that are not described in detail can be referred to the aforementioned embodiments and will not be repeated here.

[0083] S1103: If the sliding direction of the sliding operation is the first direction, display the first interface.

[0084] In an embodiment of the present application, the object selection interface includes a first interface, wherein a media file list is displayed in the first interface, the media file list includes a first identifier of at least one media object in a first media file set, and the target media object currently corresponding to the media playback interface belongs to the first audio file set. In other words, the media file list includes the first identifiers of multiple media objects, and the media object currently corresponding to the media playback interface is recorded as the target media object. The media file list includes the target media object and other media objects in the same media file set (i.e., the first media file set) as the target media object. It should be noted that the multiple media objects can be displayed or hidden by scrolling the page. Among them, the target media object currently corresponding to the media playback interface refers to the media object that is currently playing or paused in the playback interface.

[0085] As an implementation method, the first interface may be the aforementioned song selection interface, and the media file list in the first interface may be a list of multiple songs in the song selection interface. For example, the media playback interface is a song playback interface, and the target media object currently corresponding to the media playback interface is song 1. The description content corresponding to song 1 can be displayed in the media playback interface, and the playback of song 1 can be controlled through the buttons of the media playback interface, or the previous or next song of song 1 can be switched to. If song 1 is a song in playlist 1, then the first interface mentioned above may be the song selection interface corresponding to playlist 1, and each song in playlist 1 can be displayed in the song selection interface corresponding to playlist 1.

[0086] As an implementation manner, the sliding operation in the first direction may be sliding toward the left side of the media playback interface, that is, the first direction refers to the direction toward the left side of the media playback interface. Fig.12 As shown, the media playback interface includes a top side 1201, a bottom side 1202, a left side 1203, and a right side 1204. The content display direction of the media playback interface is a row display from the top side 1201 to the bottom side 1202 and a column display from the left side 1203 to the right side 1204. Therefore, based on the distribution of the displayed content of the media playback interface, the user can clearly know the top side 1201, the bottom side 1202, the left side 1203, and the right side 1204 of the media playback page. Then the sliding operation in the first direction can be sliding toward the left side 1203. Fig.13As shown, taking the media playback interface as a song playback interface as an example, the target media object currently corresponding to the song playback interface is an audio file with a song name of "AAAAAA". The user inputs a left sliding gesture on the song playback interface 1301 through his hand, and the song playback interface 1301 switches to the first interface, that is, Fig.13 (b) shows a song selection interface 1302, such as Fig.13 As shown in (a), the target media object currently corresponding to the song playing interface 1301 is the song "AAAAAA", and the first media file set corresponding to the song selection interface 1302 is the song list 1. The song selection interface 1302 not only displays the song "AAAAAA", but also displays other songs in the song list 1. Other songs in the song list 1 can be browsed by scrolling or other page turning operations.

[0087] As an implementation mode, the first interface displays the first identification of each media object in the first media file set. The first identification of each media object is used for the identity of the media object. Exemplarily, the first identification may include the name and thumbnail of the media object, and the thumbnail is used to represent the identity and content of the media object in the form of an image. Assuming that the media object is a video file, the thumbnail corresponding to the media object may be a specified image in the video file, an album image of the video file, a character image of a participant in the video file, etc. The specified image may be a frame of image in the video file, for example, it may be a frame of image selected by a user in the video file, or it may be an image extracted from the video file by the playback platform corresponding to the video file. Exemplarily, an image corresponding to a specified time after the end time of the title content in the playback progress bar of the video file may be used as the designated image, and the duration between the specified time and the end time is greater than the specified duration. The specified duration may be determined in advance by the playback duration of content unrelated to the video content that is played after the end time of the title content of the video file. For example, the content unrelated to the video content may be advertising content, and the specified duration is the advertising content. Therefore, the next frame of the image corresponding to the end time of the advertising content after the end time of the title content of the video file may be used as the designated image. The first image is used as the first identifier corresponding to the video file, so that users can recall the content correlation between the video file and other video files through the image.

[0088] In addition, the album image of the video file can be the cover image of the video collection corresponding to the video file. For example, after the video file is created by the author, the author may create other videos related to the video file, for example, they may be content-related or type-related, and the multiple related video files are classified into a certain video collection. For example, if the video file is an episode of a TV series, the video collection corresponding to the video file is the episode. Furthermore, the participants of the video file can be the producer, producer, actor, director, etc. of the video.

[0089] As an implementation method, if the media object is an audio file of the song type, the album image corresponding to the audio file of the song type is the album image of the song. The album image refers to the cover image of the album. The meaning of the album can be referred to in the introduction of the above embodiment, and will not be repeated here. Fig.14 As shown, the first page is a song selection interface. The first identifier corresponding to each song in the song selection interface includes a song name 1403 and an album image 1402 corresponding to the song. Through the album image 1402 corresponding to the song name 1403, the user can know the source of the song and it is more recognizable.

[0090] Referring to the description of the play mode in the aforementioned embodiment, when playing songs, the user may change the play order of each media object in the playlist. Then, if the play mode is changed each time in the media play interface corresponding to a certain media object, the operation may be too cumbersome. Therefore, in the embodiment of the present application, a play mode control is also displayed in the first interface, and the play mode control is used to control the play order of the media objects in the media file list. The play mode control allows the user to switch between different play modes. For example, each time the play mode control is clicked, it changes to a play mode. It is also possible that a play mode selection menu is displayed after clicking the play mode control, and the desired play mode is selected from the menu. Fig.14 As shown, the song selection interface includes a play mode control 1401, so that the user can set the play mode in the song selection interface, which is convenient for user operation.

[0091] Therefore, in the embodiment of the present application, by inputting a sliding operation in the first direction in the media playback interface, the media playback interface can be directly switched to the first interface, and the user can click on other media objects in the first interface to play. This sliding operation method can avoid setting a control for the user to switch out of the first interface in the media playback interface, reduce the button density of the media playback interface, especially for the outer screen of the internal folding screen device, not only reducing the complexity of operation, but also improving the convenience of one-handed operation.

[0092] See also Fig.15 , Fig.15 An interface operation method provided by an embodiment of the present application is shown, and the method is applied to the aforementioned electronic device, which may be a straight-screen mobile phone or an inward folding screen device. In the embodiment of the present application, the inward folding screen device is used as an example to illustrate the embodiment of the present application, but the application scenario of the embodiment of the present application is not limited. The method includes: S1501 to S1503.

[0093] S1501: Displaying a media playback interface on the screen of the electronic device.

[0094] S1502: Detecting a sliding operation input to the media playback interface.

[0095] Among them, the parts of S1501 and S1502 that are not described in detail can be referred to the aforementioned embodiments and will not be repeated here.

[0096] S1503: If the sliding direction of the sliding operation is the second direction, displaying a second interface corresponding to the playback platform to which the media playback interface belongs.

[0097] It should be noted that the second direction may be a direction different from the aforementioned first direction. For example, the second direction may be opposite to the first direction. As an implementation, the sliding operation in the second direction is sliding toward the right side of the media playback interface, wherein the right side of the media playback interface may refer to the description of the aforementioned embodiment and will not be repeated here.

[0098] It should be noted that a media collection list is displayed in the second interface, and the media collection list includes second identifiers corresponding to multiple media file collections provided by the playback platform corresponding to the media playback interface. Among them, the playback platform corresponding to the media playback interface may be the playback platform corresponding to the target media object currently corresponding to the media playback interface, and the playback platform that performs the playback operation of the target media object, so the media playback interface can be understood as the interface of the playback platform. For example, when the user clicks on song 1 in the APP1 to play it, the implementation method of displaying the playback interface on the screen of the electronic device is: the playback interface of song 1 provided by the APP1 is displayed on the screen of the electronic device, and the APP1 serves as the playback platform corresponding to the playback interface. The multiple media file collections displayed in the media collection list in the second interface may be multiple media file collections provided by the APP1. It can be understood that the media file collection may be the aforementioned album or playlist, and the second interface may refer to a playlist selection interface or an album selection interface. Fig.16 As shown, the user inputs a sliding operation to the right side of the media playback interface 1301, so that the media playback interface 1301 switches to the second interface 1601, as shown in FIG. Fig.16The second interface 1601 shown in (b) may be a playlist selection interface or an album selection interface.

[0099] As an implementation method, the second interface includes second identifiers corresponding to multiple media file collections. The second identifier may be the name, creator or cover image of the media file collection. The cover image may be an album cover or a playlist cover. It should be noted that some playlist covers are the same as the album cover corresponding to a song in the playlist. The specific form of the cover image of the media file collection is not limited here.

[0100] In order to make the user's sense of the multiple media file collections displayed on the second interface more intuitive, as an implementation, the second identifier corresponding to each media file collection includes a folder pattern corresponding to the media file collection, and in the media collection list, the folder patterns of multiple media file collections are displayed in a stacked manner. Fig.17 As shown, the folder patterns corresponding to the various media file collections are displayed in layers. The folder pattern corresponding to the media file collection at the front can be fully displayed, and the folder patterns corresponding to the subsequent media file collections can be partially displayed. By sliding the multiple folders, the folder pattern of the media file collection displayed at the front can be changed. The user can select a folder pattern in the interface, and then the second interface switches to the first interface corresponding to the selected folder image. Taking the media file collection as a playlist as an example, after selecting the folder pattern corresponding to playlist 2, the song selection interface corresponding to playlist 2 is displayed. Exemplarily, the folder pattern includes at least one of a cover image of the media file collection and a description of the media file collection. The description includes at least one of a name and an introduction of the media file collection.

[0101] It should be noted that the media file set displayed on the second interface corresponds to the playback platform of the media playback interface, that is, the media file set selected by the user in the second interface is a selection of the playlist provided by the playback platform. In order to enable the user to select other playback platforms, as an implementation method, after displaying the second interface corresponding to the playback platform to which the media playback interface belongs, a platform switching control can also be displayed on the second interface, and a touch operation on the platform switching control is detected, and a third interface is displayed. A platform list is displayed in the third interface, and the platform list includes a third identifier corresponding to a plurality of preset platforms with media playback functions. The platform can refer to an application with a media playback function. For example, the platform in the platform list can be an application with a media playback function installed in an electronic device, or an application that supports playing media objects through a media playback interface. Specifically, since the media playback interface needs to be displayed on the screen, the platform in the platform list has the ability to display the media playback interface on the screen and play media objects through the media playback interface.

[0102] For example, Fig.17 As shown, the second interface includes a platform switching control 1702. When the user clicks the platform switching control 1702, the electronic device switches the second interface to the third interface. Fig.18 As shown, the third interface 1810 includes a platform list, and the platform list includes a third identifier 1811 corresponding to each platform. The third identifier 1811 may include an icon and a name of the platform.

[0103] It should be noted that the multiple platforms in the platform list may include different types, and the platform types may include music and podcasts. The media objects played by the podcast platform are audio books such as audio novels. Each type of platform corresponds to a first interface, and the first interfaces of different types of platforms display different contents. Exemplarily, as mentioned above, a play mode control is displayed in the first interface. The play mode control in the first interface for the music platform is used to control the play order of the media objects in the media file list, and the play mode control in the first interface for the podcast platform is used to control the play speed of the media objects in the media file list.

[0104] like Fig.19As shown, if the user selects a music platform in the third interface 1810, for example, "AA Music", the first interface corresponding to the music platform is displayed, that is, the song selection interface corresponding to the music platform. It should be noted that the song selection interface corresponds to a specified media file set, which can be a song list or album that is played by default when the music platform is opened. For example, it can be the song list or album that was played when the platform was last exited, or it can be the default song list set by the user. As an implementation method, the interface 1901 and the interface 1902 both belong to the first interface. In order to distinguish the two, the interface 1901 can be named the first specified interface 1901, and the interface 1902 can be named the second specified interface 1902. Exemplarily, after the user selects a music platform in the third interface, the first designated interface 1901 is displayed first. The first designated interface 1901 displays a play control. When the user clicks the play control, the songs in the first designated interface 1901 will be played and the song will be switched to the second designated interface 1902. The second designated interface 1902 displays the first identifier of each song and a play mode control, which can be used to switch the play mode.

[0105] In addition, it should be noted that the first designated interface 1901 may also belong to the second interface, and the second designated interface 1902 belongs to the first interface. That is to say, after the platform "AA Music" is selected, the second interface of the platform is displayed first, and multiple albums or playlists corresponding to the platform "AA Music" are displayed in the second interface, that is, the first designated interface 1901. When the user selects a playlist or album in the first designated interface 1901, the song selection interface corresponding to the selected playlist or album is displayed, that is, the second designated interface 1902.

[0106] like Fig.19As shown, if the user selects a podcast platform in the third interface 1810, for example, "audio novels", the first interface corresponding to the podcast platform is displayed, that is, the audio selection interface corresponding to the podcast platform. It should be noted that the audio selection interface corresponds to a specified media file set, which can be a song list or album that is played by default when the podcast platform is opened. For example, it can be the song list or album that was played when the platform was last exited, or it can be the default song list set by the user. As an implementation method, the interface 1903 and the interface 1904 both belong to the first interface. In order to distinguish the two, the interface 1903 can be named the third specified interface 1903, and the interface 1904 can be named the fourth specified interface 1904. Exemplarily, after the user selects a podcast platform in the third interface, the third designated interface 1903 is first displayed. A play control is displayed in the third designated interface 1903. When the user clicks the play control, the audio file in the third designated interface 1903 is played or the last play progress is continued, and the fourth designated interface 1904 is switched to. The first identifier of each audio file and a play mode control are displayed in the fourth designated interface 1904. The play mode control can be used to switch the play speed. As an embodiment, for the first interface of the podcast platform, the first identifier of the audio file in the interface includes cover information, which can be the title or content label corresponding to the audio file, and the content label can be the type of the audio file or the main content summary. Then, the first identifier of the audio file may include or may not include the album cover, and there is no limitation on this.

[0107] Similarly, the third designated interface 1903 may belong to the second interface, and the fourth designated interface 1904 belongs to the first interface. That is to say, after selecting the platform "Audio Novels", the second interface of the platform, i.e., the third designated interface 1903, is displayed first, and multiple albums or playlists corresponding to the platform "Audio Novels" are displayed in the second interface. When the user selects a playlist or album in the third designated interface 1903, the song selection interface corresponding to the selected playlist or album, i.e., the fourth designated interface 1904, is displayed.

[0108] As an implementation method, before displaying the media playback interface on the screen of the electronic device, a transition animation may be displayed first, in which the sliding directions corresponding to each object selection interface are shown. After the transition animation is finished, the media playback interface is displayed on the screen of the electronic device.

[0109] It should be noted that the cutscene displays an indicator image of each object selection interface and a thumbnail of the media playback interface. In the cutscene, the positional relationship between the indicator image of each object selection interface relative to the thumbnail of the media playback interface matches the sliding direction corresponding to the object selection interface. Exemplarily, the matching of the positional relationship and the sliding direction can be understood as the sliding direction corresponding to the object selection interface is opposite to the direction from the thumbnail of the media playback interface to the indicator image of the object selection interface. For example, an object selection interface is located on the right side of the media playback interface, and the sliding direction corresponding to the object selection interface is toward the left side of the media playback interface, so that the user has a visual experience of swiping the object selection interface into the screen when operating the sliding gesture.

[0110] It can be understood that through the above embodiments, it can be learned that the first interface and the second interface can be displayed correspondingly for different sliding directions, that is, the object selection interface can include the first interface and the second interface, and the sliding direction corresponding to the first interface is the first direction, and the sliding direction corresponding to the second interface is the second direction. The meanings of the first interface, the second interface, the first direction and the second direction can be referred to the aforementioned content and will not be repeated here.

[0111] In the transition animation, the first indication image of the first interface is located on the right side of the thumbnail of the media playback interface, and the second indication image of the second interface is located on the left side of the thumbnail of the media playback interface.

[0112] It should be noted that the indication diagram of the aforementioned object selection interface may be an image that includes at least a partial area of ​​the object selection interface, and the thumbnail of the media playback interface may refer to an interface that is proportionally scaled from a preset image corresponding to a normal-sized media playback interface, wherein the preset image corresponding to the media playback interface may be the homepage or the first image to be displayed of the media playback interface, and of course it may also be an image in the historical images of the media playback interface, which is not limited here. The preset image corresponding to the media playback interface is used to characterize that the interface corresponding to the preset image is the media playback interface. Similarly, the indication diagram of the object selection interface is used to characterize that the interface corresponding to the indication diagram is the object selection interface. In the embodiments of the present application, there is no specific limitation on the preset image and the indication image, as long as the image can characterize the interface corresponding to the image.

[0113] like Fig. 20 As shown, in the transition animation, a first indication diagram 2001 of the first interface, a second indication diagram 2002 of the second interface, and a thumbnail 2003 of the media playback interface are displayed. Fig.14It can be seen that the first indicator image 2001 can be the left partial area of ​​the first interface. Through the left partial area, the user can know that the interface corresponding to the first indicator image 2001 is the first interface, and the first interface is located on the right side of the media playback interface. In this way, the image of the left partial area of ​​the first interface is displayed on the right side of the thumbnail of the media playback interface, so that the user can more intuitively feel the positional relationship between the first interface and the media playback interface and the sliding direction of the first interface. It can be understood that the area size of the left partial area can be set arbitrarily. By setting the size of the first indicator image and the size of the thumbnail of the media playback interface, the first indicator image and the thumbnail can be displayed in the transition animation. Similarly, for comparison Fig.17 It can be seen that the second indication diagram 2002 may be a right part of the second interface.

[0114] Therefore, the electronic device displays the transition animation before displaying the media playback interface, and the user Fig. 20 The transition animation shown clearly shows that the first interface is located to the right of the media playback interface. Therefore, by inputting a left swipe gesture on the media playback interface, the first interface can be "slid in" and replace the media playback interface. Fig. 20 The transition animation shown clearly shows that the second interface is located on the left side of the media playback interface. Therefore, by inputting a right swipe gesture on the media playback interface, the second interface can be "slid in" and replace the media playback interface.

[0115] Therefore, in the embodiment of the present application, by inputting a sliding operation in the second direction in the media playback interface, the media playback interface can be directly switched to the second interface, and the user can click on each media file collection in the second interface to play the media objects in the media file collection, and can also call up the third interface in the second interface and select a new playback platform in the third interface. This sliding operation method can avoid setting controls for users to switch out interfaces in the media playback interface, reduce the button density of the media playback interface, especially for the external screen of the internal folding screen device, not only reduce the complexity of operation, but also improve the convenience of one-handed operation.

[0116] See also Fig.21 , Fig.21 An interface operation method provided by an embodiment of the present application is shown, and the method is applied to the aforementioned electronic device, which may be a straight-screen mobile phone or an inward folding screen device. In the embodiment of the present application, the inward folding screen device is used as an example to illustrate the embodiment of the present application, but the application scenario of the embodiment of the present application is not limited. The method includes: S2101 to S2103.

[0117] S2101: Displaying a media playback interface on the screen of the electronic device.

[0118] S2102: Detecting a sliding operation input to the media playback interface.

[0119] Among them, the parts of S2101 and S2102 that are not described in detail can be referred to the aforementioned embodiments and will not be repeated here.

[0120] S2103: If the sliding direction of the sliding operation is a third direction, display the third interface.

[0121] It should be noted that the third direction may be a direction different from the first direction and the second direction. For example, the third direction may be perpendicular to the first direction and the second direction. As an implementation, the sliding operation in the third direction is sliding toward the bottom side of the media playback interface, wherein the bottom side of the media playback interface can refer to the description of the above embodiment and will not be repeated here.

[0122] It is understood that the implementation of the third interface can refer to the description of the aforementioned embodiment, which will not be repeated here. Fig.18 In addition to the method shown, it can also be Fig. 22 (b) is as shown in the method, specifically, Fig. 22 As shown, after a sliding gesture in a third direction is input in the media playback interface, the media playback interface is switched to a third interface 2110. It can be seen that a third identifier 2111 corresponding to multiple platforms is displayed in the third interface 2110. The third identifier is an icon of the platform, that is, an application icon. In addition, in the third interface 2110, the media playback interface is scaled and displayed below the third identifiers of the multiple platforms, so that the user has a visual experience of pulling down the third identifier of the platform from the top by pulling down.

[0123] As an implementation method, after the user selects the third identifier of a platform, the electronic device will display the designated interface corresponding to the third platform, and the designated interface may be the first interface or the second interface corresponding to the platform. However, regardless of switching to the first interface or the second interface corresponding to the platform, the loading progress of the interface will be displayed in the third interface. Specifically, since when switching platforms, the display of the first interface and the second interface of the new platform involves the startup of the new platform, the content to be displayed corresponding to the platform, and the rendering of the designated interface of the platform, all of which require a certain amount of time. In order to allow the user to intuitively perceive the loading process of the new interface, loading information may be displayed in the third interface. The loading information may be text content, for example, 20% completed, 40% completed, etc., or it may be a loading animation, such as Fig.23As shown, a loading image 2112 is displayed on the third interface 2110, and the loading image 2112 is updated in real time based on the preparation progress of the designated interface, such as Fig.23 As shown, the area filled with color in the loading image 2112 indicates the preparation progress.

[0124] It should be noted that, through the above embodiments, it can be understood that the first interface, the second interface and the third interface can be displayed correspondingly for different sliding directions, and the screen can also display the sliding direction corresponding to each interface through transition animation for the embodiments of the first interface, the second interface and the third interface. Fig.24 As shown, compared Fig. 20 It can be seen that in Fig. 20 On the basis of the above, a third logo of the platform in the third interface is added, and the third logo is located above the thumbnail of the media playback interface in the transition animation. Through the transition animation, the user can understand the position relationship between each object selection interface and the media playback interface, and then determine the object selection interface corresponding to different sliding directions.

[0125] It should be noted that in the process of switching between different interfaces, corresponding cutscenes can also be displayed, such as Fig.25 As shown, Fig.25 (c) is the second interface, Fig.25 (b) is a transition animation displayed during the process of switching from the media playback interface to the second interface, in which the positional relationship between the second interface and the media playback interface and at least part of the content of the second interface and the media playback interface are displayed, and in the transition animation, the content displayed on the second interface gradually becomes complete, and the content of the media playback interface gradually decreases until it changes to Fig.25 (c) The second interface.

[0126] It is understandable that the switching between other interfaces can also display corresponding cutscenes. The function of the cutscene is to display the position relationship and change process between the interface to be switched and the current interface. Fig.24 , I will not go into details.

[0127] As an implementation method, a click operation input to the media content display area is detected, and the lyrics content corresponding to the target media object is displayed. Specifically, the implementation method of displaying the lyrics content corresponding to the target media object may be to obtain the target playback progress of the target media object; in the lyrics content, the first content corresponding to the target playback progress is displayed in a first text size; and the second content other than the first content in the lyrics content is displayed in a second text size, and the first text size is larger than the second text size. That is, in the lyrics content corresponding to the target media object, the first content corresponding to the current playback progress is enlarged and displayed, so that the content currently being played can be highlighted. Fig.26 As shown, the user clicks on the media playback interface, and the lyrics are displayed on the media playback interface, such as Fig.26 As shown in (b), the size of the first content 2501 is larger than other content (ie, the second content).

[0128] As an implementation method, the media playback interface also includes a target control, through which the media playback interface can be switched to an immersive playback interface. The immersive playback interface displays the media content corresponding to the target media object currently corresponding to the media playback interface and does not include playback controls for controlling media playback operations. In other words, the playback controls may not be displayed in the immersive playback interface. The playback controls include buttons that can control playback operations such as switching playback content, playback speed, pausing and continuing playback. The media content may include the name, album cover, lyrics, and other content of the target media object corresponding to the media playback interface. In other words, users can enjoy the media object in the immersive playback interface, but cannot operate the playback of the media object. Fig. 27 As shown, the media playback interface is playing song 1, and the media playback interface includes a target control 2601. When the user clicks the target control 2601, the media playback interface switches to Fig.28 The immersive play interface 2701 shown in the figure displays the lyrics content corresponding to song 1, and the display method of the lyrics content can refer to the above content, that is, the size of the first content corresponding to the current play progress of song 1 is larger than the size of the other content, that is, the second content. In addition, the immersive play interface 2701 is also provided with a first control 2702, and the user clicks the first control 2702 to switch the immersive play interface 2701 back to the media play interface.

[0129] Although the immersive playback interface does not include playback controls for controlling media playback operations after the media playback interface is switched to the immersive playback interface, playback-related operations can be implemented through some operation gestures acting on the immersive playback interface.

[0130] For example, after the media playback interface is switched to the immersive playback interface, a click operation on the media playback interface is detected; based on the click operation, the media object currently corresponding to the media playback interface is controlled to pause or continue to play. That is, when the immersive playback interface is playing song 1, clicking on the immersive playback interface can pause the playback of song 1, and clicking on the immersive playback interface again can control the playback of song 1.

[0131] Exemplarily, after the media playback interface is switched to the immersive playback interface, a second sliding operation on the media playback interface is detected; based on the sliding direction of the second sliding operation and the playback order of the media objects currently corresponding to the media playback interface, the media object to be played is determined; the media content corresponding to the media object to be played is displayed in the immersive playback interface and the media object to be played is played. Among them, the implementation method of the playback order of media objects can refer to the playback order corresponding to the aforementioned playlist. As an implementation method, if the sliding direction is the first direction, the previous media object of the target media object currently being played in the playback order of the media objects is used as the media object to be played, and then the media content of the previous media object is displayed in the immersive playback interface and the media object is played. If the sliding direction is the second direction, the next media object of the target media object currently being played in the playback order of the media objects is used as the media object to be played, and then the media content of the next media object is displayed in the immersive playback interface and the media object is played.

[0132] Exemplarily, after the media playback interface is switched to the immersive playback interface, a double-click operation on the media playback interface is detected; the media object currently corresponding to the media playback interface is added to the designated media collection. The designated media collection may be a collection with a high degree of preference for the user, that is, the media in the designated media collection is the user's favorite media.

[0133] See also Fig.29 , which shows a structural block diagram of an interface operation device 2800 provided in an embodiment of the present application. The device may include: a playback unit 2801, a detection unit 2802 and a display unit 2803.

[0134] The playing unit 2801 is used to display a media playing interface on the screen of the electronic device.

[0135] Furthermore, the playback unit 2801 is also used to display a transition animation on the screen of the electronic device, wherein the transition animation is used to indicate the sliding direction corresponding to each object selection interface; after the transition animation is finished, a media playback interface is displayed on the screen of the electronic device.

[0136] Furthermore, the object selection interface includes a first interface and a second interface, the sliding direction corresponding to the first interface is a first direction toward the left side of the media playback interface, and the sliding direction corresponding to the second interface is a second direction toward the right side of the media playback interface; in the transition animation, the first indicator image of the first interface is located on the right side of the thumbnail of the media playback interface, and the second indicator image of the second interface is located on the left side of the thumbnail of the media playback interface.

[0137] Furthermore, the media playback interface includes a playback control area and a media content display area corresponding to the currently corresponding target media object, and the sliding operation acts on the media content display area.

[0138] Furthermore, the playback control area includes a plurality of key operation areas, and the area of ​​each key operation area is larger than the specified area.

[0139] Furthermore, the playback control area includes a plurality of key operation areas, and a distance between two adjacent key operation areas is greater than a distance threshold.

[0140] The detection unit 2802 is configured to detect a sliding operation input to the media playback interface.

[0141] Furthermore, the detection unit 2802 is further configured to detect a click operation input to the media content display area after the media playback interface is displayed on the screen of the electronic device, and display lyrics content corresponding to the target media object.

[0142] Furthermore, the target playback progress of the target media object is obtained; in the lyrics content, the first content corresponding to the target playback progress is displayed in a first text size; the second content other than the first content in the lyrics content is displayed in a second text size, and the first text size is larger than the second text size.

[0143] Furthermore, the media playback interface also includes a target control, and the detection unit 2802 is also used to switch the media playback interface to an immersive playback interface after the media playback interface is displayed on the screen of the electronic device if a touch operation directed to the target control is detected. The immersive playback interface displays media content corresponding to the target media object currently corresponding to the media playback interface and does not include playback controls for controlling media playback operations.

[0144] Furthermore, the detection unit 2802 is further configured to detect a click operation on the media playback interface; and control the media object currently corresponding to the media playback interface to pause or continue playing based on the click operation.

[0145] Furthermore, the detection unit 2802 is also used to detect a second sliding operation on the media playback interface after switching the media playback interface to the immersive playback interface; determine the media object to be played based on the sliding direction of the second sliding operation and the play list currently corresponding to the media playback interface; display the media content corresponding to the media object to be played in the immersive playback interface and play the media object to be played.

[0146] Furthermore, the detection unit 2802 is further configured to detect a double-click operation on the media playback interface after the media playback interface is switched to the immersive playback interface; and add the media object currently corresponding to the media playback interface to the designated media collection.

[0147] The display unit 2803 is used to display an object selection interface corresponding to the sliding direction of the sliding operation, wherein the object selection interface is used as an interface for the user to select playable media content.

[0148] Furthermore, the object selection interface includes a first interface, and the display unit 2803 is also used to display the first interface if the sliding direction of the sliding operation is the first direction, and a media file list is displayed in the first interface, wherein the media file list includes a first identifier of at least one media object in a first media file set, and the target media object currently corresponding to the media playback interface belongs to the first audio file set.

[0149] Furthermore, the sliding operation in the first direction is sliding toward the left side of the media playback interface.

[0150] Furthermore, a play mode control is also displayed in the first interface, and the play mode control is used to control the play order of the media objects in the media file list.

[0151] Furthermore, the first identifier of the media object includes an album image corresponding to the media object.

[0152] Furthermore, the object selection interface includes a second interface, and the display unit 2803 is also used to display a second interface corresponding to the playback platform to which the media playback interface belongs if the sliding direction of the sliding operation is the second direction, and a media collection list is displayed in the second interface, and the media collection list includes second identifiers corresponding to multiple media file collections provided by the playback platform corresponding to the media playback interface.

[0153] Furthermore, the sliding operation in the second direction is sliding toward the right side of the media playback interface.

[0154] Furthermore, the display unit 2803 is also used to display a second interface corresponding to the playback platform to which the media playback interface belongs, and then display a platform switching control on the second interface; upon detecting a touch operation on the platform switching control, a third interface is displayed, in which a platform list is displayed, and the platform list includes third identifiers corresponding to multiple preset platforms with media playback functions.

[0155] Furthermore, the second identifier includes a folder pattern corresponding to the media file set, and in the media set list, folder patterns of multiple media file sets are displayed in a stacked manner.

[0156] Furthermore, the object selection interface includes a third interface, and the display unit 2803 is also used to display the third interface if the sliding direction of the sliding operation is a third direction, and a platform list is displayed in the third interface, and the platform list includes third identifiers corresponding to multiple preset platforms with media playback functions.

[0157] Furthermore, the sliding operation in the third direction is sliding toward the bottom side of the media playback interface.

[0158] Furthermore, the electronic device is an internal folding screen device, and the screen is an external screen of the electronic device.

[0159] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working processes of the above-described devices and modules can refer to the corresponding processes in the aforementioned method embodiments, and will not be repeated here.

[0160] In several embodiments provided in the present application, the coupling between modules may be electrical, mechanical or other forms of coupling.

[0161] In addition, each functional module in each embodiment of the present application can be integrated into a processing module, or each module can exist physically separately, or two or more modules can be integrated into one module. The above integrated modules can be implemented in the form of hardware or software functional modules.

[0162] Please refer to Fig.30, which shows a structural block diagram of an electronic device provided in an embodiment of the present application. The electronic device 2900 can be an electronic device capable of running applications, such as a smart phone, a tablet computer, an e-book, etc. The electronic device 2900 in the present application may include one or more of the following components: a processor 2901, a memory 2902, and one or more applications, wherein the one or more applications may be stored in the memory 2902 and configured to be executed by one or more processors 2901, and one or more programs are configured to execute the method described in the aforementioned method embodiment.

[0163] The processor 2901 may include one or more processing cores. The processor 2901 uses various interfaces and lines to connect various parts of the entire electronic device 2900, and executes various functions and processes data of the electronic device 2900 by running or executing instructions, programs, code sets or instruction sets stored in the memory 2902, and calling data stored in the memory 2902. Optionally, the processor 2901 can be implemented in at least one hardware form of digital signal processing (DSP), field programmable gate array (FPGA), and programmable logic array (PLA). The processor 2901 can integrate one or a combination of a central processing unit (CPU), a graphics processing unit (GPU), and a modem. Among them, the CPU mainly processes the operating system, user interface, and application programs; the GPU is responsible for rendering and drawing display content; and the modem is used to process wireless communications. It is understandable that the above-mentioned modem may not be integrated into the processor 2901, but may be implemented separately through a communication chip.

[0164] The memory 2902 may include a random access memory (RAM) or a read-only memory (ROM). The memory 2902 may be used to store instructions, programs, codes, code sets or instruction sets. The memory 2902 may include a program storage area and a data storage area, wherein the program storage area may store instructions for implementing an operating system, instructions for implementing at least one function (such as a touch function, a sound playback function, an image playback function, etc.), instructions for implementing the following various method embodiments, etc. The data storage area may also store data (such as a phone book, audio and video data, chat record data) created by the electronic device 2900 during use.

[0165] Please refer to Fig.31 , which shows a structural block diagram of a computer-readable medium provided in an embodiment of the present application. The computer-readable medium 3000 stores program codes, which can be called by a processor to execute the method described in the above method embodiment.

[0166] The computer readable medium 3000 can be an electronic memory such as a flash memory, an EEPROM (electrically erasable programmable read-only memory), an EPROM, a hard disk, or a ROM. Optionally, the computer readable medium 3000 includes a non-transitory computer-readable storage medium. The computer readable medium 3000 has a storage space for program code 3010 that performs any method step in the above method. These program codes can be read from or written to one or more computer program products. The program code 3010 can be compressed, for example, in an appropriate form.

[0167] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit it. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present application.

Claims

1. An interface operation method, characterized in that: Applied to electronic equipment, the method comprises: Displaying a media playback interface on a screen of the electronic device; Detecting a sliding operation input to the media playback interface; Based on the sliding direction of the sliding operation, an object selection interface corresponding to the sliding direction is displayed, wherein the object selection interface serves as an interface for a user to select playable media content.

2. The method according to claim 1, characterized in that The object selection interface includes a first interface, and the object selection interface corresponding to the sliding direction based on the sliding operation is displayed, including: If the sliding direction of the sliding operation is the first direction, the first interface is displayed, wherein a media file list is displayed in the first interface, the media file list includes a first identifier of at least one media object in a first media file set, and the target media object currently corresponding to the media playback interface belongs to the first media file set.

3. The method according to claim 2, characterized in that The sliding operation in the first direction is sliding toward the left side of the media playback interface.

4. The method according to claim 2, characterized in that: A play mode control is also displayed in the first interface, and the play mode control is used to control the play order or speed of the media objects in the media file list.

5. The method according to claim 2, characterized in that: The first identifier of the media object includes an album image corresponding to the media object.

6. The method according to claim 1, characterized in that The object selection interface includes a second interface, and the object selection interface corresponding to the sliding direction based on the sliding operation is displayed, including: If the sliding direction of the sliding operation is the second direction, a second interface corresponding to the playback platform to which the media playback interface belongs is displayed, and a media collection list is displayed in the second interface. The media collection list includes second identifiers corresponding to multiple media file collections provided by the playback platform corresponding to the media playback interface.

7. The method according to claim 6, characterized in that The sliding operation in the second direction is sliding toward the right side of the media playback interface.

8. The method according to claim 6, characterized in that If the sliding direction of the sliding operation is the second direction, after displaying the second interface corresponding to the playback platform to which the media playback interface belongs, the method further includes: Displaying a platform switching control on the second interface; A touch operation on the platform switching control is detected, and a third interface is displayed. The third interface displays a platform list, and the platform list includes third identifiers corresponding to a plurality of preset platforms with a media playback function.

9. The method according to claim 6, characterized in that The second identifier includes a folder pattern corresponding to the media file set, and in the media set list, folder patterns of multiple media file sets are displayed in a stacked manner.

10. The method according to claim 1, characterized in that The object selection interface includes a third interface, and the object selection interface corresponding to the sliding direction based on the sliding direction of the sliding operation is displayed, including: If the sliding direction of the sliding operation is the third direction, the third interface is displayed, and a platform list is displayed in the third interface. The platform list includes third identifiers corresponding to a plurality of preset platforms with a media playback function.

11. The method according to claim 10, characterized in that The sliding operation in the third direction is sliding toward the bottom side of the media playback interface.

12. The method according to any one of claims 1 to 11, characterized in that: Displaying a media playback interface on a screen of an electronic device includes: Displaying a transition animation on the screen of the electronic device, wherein the transition animation is used to indicate a sliding direction corresponding to each object selection interface; After the transition animation is finished being displayed, a media playback interface is displayed on the screen of the electronic device.

13. The method according to claim 12, characterized in that The object selection interface includes a first interface and a second interface, the sliding direction corresponding to the first interface is a first direction toward the left side of the media playback interface, and the sliding direction corresponding to the second interface is a second direction toward the right side of the media playback interface; In the transition animation, the first indication image of the first interface is located on the right side of the thumbnail of the media playback interface, and the second indication image of the second interface is located on the left side of the thumbnail of the media playback interface.

14. The method according to any one of claims 1 to 11, characterized in that: The media playback interface includes a playback control area and a media content display area corresponding to a currently corresponding target media object, and the sliding operation acts on the media content display area.

15. The method according to claim 14, characterized in that The target media object belongs to the song type. After the media playing interface is displayed on the screen of the electronic device, the method further includes: A click operation input to the media content display area is detected, and lyrics content corresponding to the target media object is displayed.

16. The method according to claim 15, characterized in that Displaying lyrics content corresponding to the target media object includes: Obtaining the target playback progress of the target media object; In the lyrics content, displaying the first content corresponding to the target playback progress in a first text size; Second content other than the first content in the lyrics content is displayed in a second text size, and the first text size is larger than the second text size.

17. The method according to claim 14, characterized in that The media playback interface further includes a target control, and after the media playback interface is displayed on the screen of the electronic device, the method further includes: If a touch operation on the target control is detected, the media playback interface is switched to an immersive playback interface, in which the media content corresponding to the target media object currently corresponding to the media playback interface is displayed and the playback control for controlling the media playback operation is not included.

18. The method according to claim 17, characterized in that After the media playback interface is switched to the immersive playback interface, the method further includes: A click operation on the media playback interface is detected; Based on the click operation, the media object currently corresponding to the media playback interface is controlled to pause or continue playing.

19. The method according to claim 17, characterized in that After the media playback interface is switched to the immersive playback interface, the method further includes: A second sliding operation on the media playback interface is detected; Determining a media object to be played based on a sliding direction of the second sliding operation and a playback order of media objects currently corresponding to the media playback interface; The media content corresponding to the to-be-played media object is displayed in the immersive playback interface, and the to-be-played media object is played.

20. The method according to claim 17, characterized in that After the media playback interface is switched to the immersive playback interface, the method further includes: A double-click operation on the media playback interface is detected; Add the media object currently corresponding to the media playback interface to the specified media collection.

21. The method according to any one of claims 1 to 11, characterized in that: The electronic device is an internal folding screen device, and the screen is an external screen of the electronic device.

22. An interface operation device, characterized in that: Applied to electronic equipment, the device comprises: A playback unit, configured to display a media playback interface on a screen of the electronic device; A detection unit, configured to detect a sliding operation input to the media playback interface; The display unit is configured to display an object selection interface corresponding to the sliding direction based on the sliding direction of the sliding operation, wherein the object selection interface serves as an interface for a user to select playable media content.

23. An electronic device, characterized in that: include: one or more processors; Exchange area; One or more applications, wherein the one or more applications are stored in the swap area and are configured to be executed by the one or more processors, the one or more applications being configured to execute the method according to any one of claims 1-21.

24. A computer readable medium, characterized in that The computer-readable medium stores a program code executable by a processor, and when the program code is executed by the processor, the processor executes the method according to any one of claims 1 to 21.

Images