Media data playback control method, device, electronic device and storage medium

Abstract

The present application provides a method, device, electronic device and storage medium for controlling playback of media data, which are used in a media player. The media player includes a playback layer and at least one control layer, and the control layer is used to control the playback layer to play media data; wherein the control layer includes a first container configured with a first control and a second container configured with a second control; the method includes: in response to detecting a first state instruction for the first container, controlling the first container and the first control to be displayed independently in a first area of ​​a display interface; controlling a first playback parameter of the media data based on the displayed first control; and, in response to detecting a second state instruction for the second container, controlling the second container and the second control to be displayed independently in a second area of ​​the display interface; and controlling a second playback parameter of the media data based on the displayed second control.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a method, device, electronic device and storage medium for controlling playback of media data. Background Art

[0002] A graphical user interface (GUI) usually includes many controls to achieve human-computer interaction. When using a media player, users can control the playback of media data by clicking or touching the controls in the graphical user interface provided by the media player. These controls are hideable, and the display or hiding of the controls in the transparent container can be controlled by controlling the display or hiding of the transparent container. However, since all hideable controls are contained in a transparent container, when the transparent container is displayed, all hideable controls will be displayed; when the transparent container is hidden, all hideable controls will be hidden. This allows developers to expose instances of these hideable controls as long as they add new controls during the development process so that new controls can be added. As the functions of the player increase, the number of controls will increase. This situation of exposing all controls in the container will undoubtedly increase the complexity of control configuration, thereby causing trouble for the development of the graphical user interface and reducing development efficiency. Summary of the invention

[0003] In view of this, the purpose of the present disclosure is to provide a method, device, electronic device and storage medium for controlling playback of media data, so as to solve or partially solve the above technical problems.

[0004] In a first aspect, the present application provides a method for controlling playback of media data, which is applied to a media player, wherein the media player includes a playback layer and at least one control layer, and the control layer is used to control the playback layer to play the media data; wherein the control layer includes a first container configured with a first control and a second container configured with a second control;

[0005] The method comprises:

[0006] In response to detecting a first state instruction for the first container, controlling the first container and the first control to be independently displayed in a first area of ​​a display interface;

[0007] controlling a first playback parameter of the media data based on the displayed first control;

[0008] and, in response to detecting a second state instruction for the second container, controlling the second container and the second control to be independently displayed in a second area of ​​the display interface;

[0009] A second playback parameter of the media data is controlled based on the displayed second control.

[0010] In a second aspect, the present application further provides a device for controlling playback of media data, including:

[0011] A playback layer and at least one control layer, wherein the control layer is used to control the playback layer to play the media data; wherein the control layer includes a first container configured with a first control and a second container configured with a second control;

[0012] The control layer is configured as:

[0013] In response to detecting a first state instruction for the first container, controlling the first container and the first control to be independently displayed in a first area of ​​a display interface;

[0014] controlling a first playback parameter of the media data based on the displayed first control;

[0015] and, in response to detecting a second state instruction for the second container, controlling the second container and the second control to be independently displayed in a second area of ​​the display interface;

[0016] A second playback parameter of the media data is controlled based on the displayed second control.

[0017] In a third aspect, the present application further provides an electronic device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the method described in the first aspect when executing the program.

[0018] In a fourth aspect, the present application further provides a non-transitory computer-readable storage medium, wherein the non-transitory computer-readable storage medium stores computer instructions, wherein the computer instructions are used to enable a computer to execute the method described in the first aspect.

[0019] From the above, it can be seen that the media data playback control method, device, electronic device and storage medium provided by the present application, by placing multiple controls of the media player in multiple containers matching each control, respectively, so that the controls in the present application can be independently controlled through their respective containers, effectively solving the problem that all controls existing in the above-mentioned related technologies can only be displayed or hidden at the same time, reducing the complexity of control development and improving development efficiency. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0021] Figure 1A A schematic diagram showing a control;

[0022] Figure 1B A schematic diagram for hiding a control;

[0023] Figure 2 A schematic diagram of an application scenario of the media data playback control method provided in an embodiment of the present application;

[0024] Figure 3A-3E A schematic diagram of different display states of controls in the display interface of this application. ;

[0025] Figure 4 A flowchart of a method for controlling playback of media data according to an embodiment of the present application;

[0026] Figure 5 A schematic diagram showing a container according to an embodiment of the present application;

[0027] Figure 6 A schematic diagram showing a container according to an embodiment of the present application;

[0028] Figure 7 A schematic diagram of a container and a control according to an embodiment of the present application;

[0029] Figure 8 A schematic diagram of a container and a control according to an embodiment of the present application;

[0030] Figure 9A-9B A schematic diagram of a setting interface of an embodiment of the present application;

[0031] Fig.10 A schematic diagram of the structure of an exemplary device according to an embodiment of the present application;

[0032] Fig.11 A schematic diagram of the hardware structure of an exemplary electronic device according to an embodiment of the present application. DETAILED DESCRIPTION

[0033] The principles and spirit of the present application will be described below with reference to several exemplary embodiments. It should be understood that these embodiments are provided only to enable those skilled in the art to better understand and implement the present application, and are not intended to limit the scope of the present application in any way. On the contrary, these embodiments are provided to make the present application more thorough and complete, and to fully convey the scope of the present application to those skilled in the art.

[0034] According to the implementation manner of the present application, a method, device, electronic device and storage medium for controlling playback of media data are proposed.

[0035] It should be understood herein that any number of elements in the drawings is for illustration rather than limitation, and any naming is only for distinction rather than having any limiting meaning.

[0036] The principles and spirit of the present application are explained in detail below with reference to several representative implementations of the present application.

[0037] In the related art of graphical user interface, the graphical user interface system usually includes multiple UI (User Interface) controls, and each UI control is generally presented as a visible rectangular area in the display interface. Figure 1A As shown, Figure 1A A schematic diagram of a control display is shown. Figure 1A In the example, the screen 101 displays a graphical user interface of a video player, and a transparent container 102 is located in the area of ​​the display interface 101. The transparent container 102 includes a return control 103, a control 104 for controlling play or pause, and a progress bar control 105. At this time, the transparent container 102 is in a visible state, and the controls 103, 104, and 105 in the transparent container 102 are also in a visible state, and the user can view the controls 103, 104, and 105.

[0038] When these controls 103, 104, 105 are hidden, for example, the video player is set to automatically hide the controls 103, 104, 105 after a certain time (for example, a few seconds) after the video starts playing, so as to avoid the display of the controls affecting the video viewing experience. Figure 1B As shown, Figure 1B A schematic diagram of hiding a control is shown. At this time, the transparent container 102 is in a hidden state, and correspondingly, the controls 103, 104, and 105 are also in a hidden state.

[0039] It can be seen that the controls 103, 104, and 105 in the same transparent container 102 in FIG. 1 must be displayed or hidden at the same time. This means that when the developer adjusts one of the controls, such as modifying the control 103, or adding another control, the other controls 104 and 105 must be exposed. With the sharp increase in the number of controls, this will have an adverse impact on the development work, increase the complexity of control development, and reduce development efficiency. In addition, the position of the control can only be set in the transparent container. If the size of the transparent container is not appropriate, the configuration of the control will be restricted, such as the distance between the controls is too close, which makes the use of the control inconvenient and reduces the user experience.

[0040] In order to solve the above problems, the present application provides a media data playback control solution, which places multiple controls of the media player in multiple containers that match each control, so that the controls in the present application can be independently controlled through their respective containers, effectively solving the problem that all controls existing in the above-mentioned related technologies can only be displayed or hidden at the same time, reducing the complexity of control development and improving development efficiency. In addition, placing each control in a container of matching size, compared to placing all controls in one container where the position of each control is restricted, enables each control and container in the present application to be placed at any position, which can also further improve the flexibility of graphical user interface development.

[0041] refer to Figure 2 , which is a schematic diagram of an application scenario of the media data playback control method provided in an embodiment of the present application. The application scenario includes a terminal device 201, a server 202, and a data storage system 203. Among them, the terminal device 201, the server 202 and the data storage system 203 can be connected through a wired or wireless communication network. The terminal device 201 includes but is not limited to a desktop computer, a mobile phone, a mobile computer, a tablet computer, a media player, a smart wearable device, a personal digital assistant (PDA) or other electronic devices capable of realizing the above functions. The server 202 and the data storage system 203 can both be independent physical servers, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN, and big data and artificial intelligence platforms.

[0042] The server 202 is used to provide media data, such as image data, audio data, text data, and any combination thereof, to the user of the terminal device 201. The terminal device 201 is installed with a client that communicates with the server 202. The client can be a media player or an application that includes a media player. The user can play or display media data through the client; the client can obtain media data from the server or locally by calling the input component (such as a keyboard, microphone, etc.) of the terminal device 201. The data storage system 203 provides data storage support for the operation of the server 202, such as storing media data.

[0043] Combine the following Figure 2 The application scenario is used to describe the playback control method of media data according to the exemplary embodiment of the present application. It should be noted that the above application scenario is only shown to facilitate understanding of the spirit and principle of the present application, and the implementation of the present application is not limited in this respect. On the contrary, the implementation of the present application can be applied to any applicable scenario.

[0044] An embodiment of the present application provides a method for controlling the playback of media data, which is applied to a client. The client includes a media player, which includes a playback layer and at least one control layer. The playback layer can load, parse and play the media data, and the control layer is located on the upper layer of the playback layer and can be used to control the playback layer to play the media data. The number of control layers can be one or more, and controls can be set on the control layer to achieve specific control of the playback layer through the controls. It should be understood that when there are multiple control layers, some control layers may not have controls or components, while some control layers may be set with any number of controls and / or components.

[0045] According to an embodiment of the present disclosure, the control layer may include a first container configured with a first control and a second container configured with a second control. In some embodiments, the first container and / or the second container may be a transparent container.

[0046] In this way, by setting multiple containers to independently control multiple controls, the problem that all controls can only be displayed or hidden at the same time is avoided, the complexity of control development is reduced, and the development efficiency is improved. Among them, the first container can be located in the first area of ​​the display interface, and the second container is located in the second area of ​​the display interface. The first area and the second area can be the same or different, and the display of the first container in the first area does not depend on the display of the second container. When the display or hide state of the first control is controlled by the first container, the second container and the second control are not involved; and when the display or hide state of the second control is controlled by the second container, the first container and the first control are not involved.

[0047] like Figure 3A-3EAs shown, Figure 3A-3E A schematic diagram showing different display states of controls in a display interface according to an embodiment of the present disclosure is shown. Figure 3A-3E In the display interface 301 , the container 302 is configured with a control 303 , the container 304 is configured with a control 305 , and the container 306 is configured with a control 307 . Figure 3A By controlling the containers 302, 304 and 306 to be in the hidden state, the controls 303, 305 and 307 can be controlled to be in the hidden state respectively. Figure 3B Container 302 is in display state, containers 304 and 306 are in hidden state, while control 303 is in display state, and controls 305 and 307 are in hidden state. It can be seen that by controlling container 302 to be in display state, control 303 can be independently controlled to be in display state without affecting the state of controls 305 and 307 or being affected by the state of controls 305 and 307. Figure 3C In the example, container 304 is in the display state, container 302 and container 306 are in the hidden state, control 305 is in the display state, control 303 and control 307 are in the hidden state, and Figure 3B Similarly, you can control Figure 3C Container 304 and control 305 are in display state, while other containers 302, container 306 and control 303, control 307 are in hidden state. Figure 3D In the example, by controlling the container 302 to be in the display state, the corresponding control 303 is in the display state; by controlling the container 304 to be in the display state, the corresponding control 305 is in the display state; by controlling the container 306 to be in the hidden state, the corresponding control 307 is in the hidden state. Figure 3E In the example, by controlling containers 302, 304 and 306 to be in display state, corresponding controls 303, 305 and 306 are in display state.

[0048] It should be noted that the above embodiments are only examples and are not intended to limit the various containers and controls. According to this embodiment, each container can independently control the controls configured in the container itself without relying on other containers, thereby achieving independent control of the container and the controls.

[0049] refer to Figure 4 , Figure 4 A schematic flow chart of a method for controlling playback of media data according to this embodiment is shown. Figure 4 In the method 400 for controlling the playback of media data, the method may include the following steps:

[0050] Step S410: In response to detecting a first status instruction for the first container, controlling the first container (eg Figure 3B Container 302 or Figure 3CThe container 304 in the embodiment and the first control such as Figure 3B Control 303 or Figure 3C The control 305 in the display interface (eg Figure 3A-3E The first area of ​​the interface 301) is displayed independently.

[0051] In some embodiments, method 400 may further include:

[0052] In response to detecting a first trigger event, the first state instruction is generated; wherein the first trigger event includes a first preset operation on the user interface or the current playback state of the media data meets a first preset condition.

[0053] The first trigger event is used to generate a first state instruction, and the first state instruction is used to control the first container to display.

[0054] The first trigger event may be a first preset operation on the user interface, such as single-clicking or double-clicking the display interface or a preset area of ​​the display interface. Figure 5 As shown, Figure 5 A schematic diagram of a container display according to an embodiment of the present disclosure is shown. Figure 5 In the example, when a user clicks a preset area 502 at the upper left corner of the display interface using a touch device or a finger 501, a first state instruction may be generated; in response to the first state instruction, the first container 503 and the first control 504 are controlled to be displayed independently in the first area. Figure 5 Another container 505 and the control 506 in the image are still in a hidden state. Further, the preset area 502 may be the same as the first area where the first container 503 is located.

[0055] The first trigger event may also be that the playback state of the media data meets the first preset condition, and the first preset condition may be that playback parameters such as playback progress, playback speed, and playback volume reach preset values. For example, when the playback progress reaches the preset progress, the "next episode" control may be displayed; when the playback volume is too loud (such as greater than or equal to the first volume value), the "decrease volume" control may be displayed; when the playback volume is too low (such as less than the second volume value, and the second volume is less than the first volume value), the "increase volume" control may be displayed. Figure 6 As shown, Figure 6 A schematic diagram of container display according to an embodiment of the present disclosure is shown. For example, when the video being played in the display interface 601 is finished or about to be finished (for example, there is still a preset time period before the completion of the video), a first state instruction can be generated; in response to the first state instruction, the first container 608 and the first control 609 "next episode" are controlled to be displayed independently in the first area. Figure 6The other containers 602, 604, 606, 608 and controls 603, 605, 607 are still hidden.

[0056] Step S420: controlling a first playback parameter of the media data based on the displayed first control.

[0057] In some embodiments, controlling a first playback parameter of the media data based on the displayed first control includes: in response to detecting a first operation on the first control, controlling the first playback parameter to switch a current state value, or changing the current state value to a fixed value.

[0058] After the first control is displayed, the user can perform a first operation on the first control, such as clicking or long pressing. In response to the first operation, the first playback parameter corresponding to the first control can be controlled. The playback parameters may include but are not limited to playback progress, playback speed, playback volume, playback content, resolution, and screen brightness. The first playback parameter may be one of the above playback parameters. For example, Figure 6 In the example, the user can click on the displayed first control 609 "next episode", and in response to the click operation, the next episode of media data is played. In response to a state switching control similar to a "play / pause" control, the switching of the play state or the pause state can be controlled accordingly; in response to a parameter adjustment control similar to a "fast forward" control, a "fast rewind" control, etc., the play progress can be controlled to advance or rewind by a preset time period accordingly.

[0059] Step S430, in response to detecting a second state instruction for the second container, controlling the second container (eg Figure 3D 302 or container 304 in the container) and the second control (eg Figure 3D Control 303 or control 305) is displayed independently in the second area of ​​the display interface.

[0060] In some embodiments, method 400 may further include:

[0061] In response to detecting a second trigger event, the second state instruction is generated; wherein the second trigger event includes a second preset operation on the user interface or the current playback state of the media data meets a second preset condition.

[0062] The second trigger condition is used to generate a second state instruction, and the second state instruction is used to control the second container to display. Similarly, the second trigger condition is similar to the first trigger condition, and can also be some preset operations on the user interface, or the playback state of the media data meets certain preset conditions.

[0063] In some embodiments, the second trigger event may be different from the first trigger event, and the first state instruction and the second state instruction are different. In this case, different trigger events may control the display of the first container and the second container respectively.

[0064] In some embodiments, the second trigger event can be the same as the first trigger event. In this case, the same trigger event can control the display of both the first container and the second container. For example, when the display interface is double-clicked, all containers and controls are displayed. Figure 3E As shown. The same trigger event can generate multiple state instructions corresponding to multiple containers, each state instruction controls the display of the corresponding container; the same trigger event can generate the same state instruction, and the same state instruction controls the display of multiple containers. It should be noted that even if the same trigger event can cause the first container and the second container to be displayed at the same time, this does not mean that the display of the first container and the second container is related, and the two are still displayed independently.

[0065] Step S440: controlling a second playback parameter of the media data based on the displayed second control.

[0066] In some embodiments, controlling a second playback parameter of the media data based on the displayed second control includes: in response to detecting a second operation on the second control, controlling the second playback parameter to switch a current state value, or changing the current state value to a fixed value.

[0067] Similar to the first control, after the second control is displayed, the user can perform a second operation on the second control, such as clicking, long pressing, etc. In response to the second operation, the first playback parameter corresponding to the second control can be controlled, and the second playback parameter can also be one of the playback parameters.

[0068] In some embodiments, the first playback parameter and the second playback parameter may be different. Figure 6 The playback parameter controlled by the displayed "next episode" control 609 is the playback content, and the playback parameter controlled by the hidden "progress bar" control 607 is the playback progress.

[0069] In some embodiments, the first playback parameter and the second playback parameter may be the same. The first control controls the same playback parameter to change according to a first trend, and the second control controls the same playback parameter to change according to a second trend, and the first trend is opposite to the second trend. For example, Figure 7 A schematic diagram of a container and a control according to an embodiment of the present disclosure is shown in FIG. Figure 7In the example, “Previous” control 701 is placed in container 702, “Next” control 703 is placed in container 704, “Fast Forward” control 705 is placed in container 706, and “Fast Rewind” control 707 is placed in container 708. For “Previous” control 701 placed in container 702 and “Next” control 703 placed in container 704, the first control and the second control may be control 701 and control 703, and the first container and the second container may be container 702 and container 704. The same trigger event may be used to control the simultaneous display of the first container and the second container, and the user may click control 701 or control 703 to control the playback content to change to the previous video or the next video. That is, the user may generate a corresponding state instruction through a trigger event to control the display of the first container and the second container, thereby controlling the display of the first control and the second control; the user may operate the first control or the second control to achieve different trend controls on the same playback parameter. Similarly, for Figure 7 The "fast forward" control 705 is placed in the container 706, and the "fast rewind" control 707 is placed in the container 708. The controls can also be operated after they are displayed to achieve different controls on the playback progress.

[0070] In some embodiments, the first control and the second control may also be different values ​​of the same playback parameter, such as Figure 7 The "0.5x speed" control 709 is placed in container 710, the "1.0x speed" control 711 is placed in container 712, the "1.5x speed" control 713 is placed in container 714, and the "2.0x speed" control 715 is placed in container 716. These controls all correspond to the playback parameter of the playback speed, providing different values ​​of playback speed to the user. The user can control the containers 710, 712, 714, and 716 to be displayed at the same time through a trigger event, so that the controls 709, 711, 713, and 715 are displayed. The user clicks one of the controls to set the playback speed. For example, if the user selects 1.5x speed, the playback speed will be changed to 1.5 times.

[0071] In some embodiments, a third control is further configured in the first container, and the third control and the first control control the first playback parameter to change according to different trends, or the third control and the first control control the first playback parameter to have different values.

[0072] Further, in some embodiments, the method 400 further includes: in response to detecting a first state instruction for the first container, controlling the first container to be displayed independently so that the first control and the third control are displayed in the first area.

[0073] Similarly, a fourth control may be configured in the second container, and the fourth control and the second control control the second playback parameter to change according to different trends, or the fourth control and the second control control the second playback parameter to have different values.

[0074] Further, in some embodiments, the method 400 further includes: in response to detecting a second state instruction for the second container, controlling the second container to be displayed independently so that the second control and the fourth control are displayed in the second area.

[0075] That is to say, in the embodiments of the present disclosure, it is possible to allow only one control in each of the multiple containers, or it is possible to allow multiple controls in each of the multiple containers. In this way, controls that control the same playback parameters or need to be displayed simultaneously can be grouped and configured, and each group of controls can be placed in one container, which can avoid too many containers due to each control corresponding to one container, facilitate developers to classify configurations, and make layouts clearer, which is conducive to improving development efficiency.

[0076] like Figure 8 As shown, Figure 8 A schematic diagram of a container and a control according to an embodiment of the present disclosure is shown. Figure 8 In the example, the "previous" control 801 and the "next" control 802 are placed in container 803, the "fast forward" control 804 and the "fast rewind" control 805 are placed in container 806. The "0.5x speed" control 807, the "1.0x speed" control 808, the "1.5x speed" control 809, and the "2.0x speed" control 810 are placed in container 811. Figure 7 Compared with the above, the functions of each control have not changed, except that the controls for controlling the same playback parameters are placed in a container. When a trigger event is detected, a corresponding state instruction is generated to control the display of the corresponding container. For example, when container 803 is displayed, controls 801 and 803 are also displayed; when container 811 is displayed, controls 807, 808, 809, and 810 are also displayed. Figure 7 The same is true in , so I will not repeat it here.

[0077] It should be noted that the above steps S410-S420 and steps S430-S440 are also independent of each other and have no sequence. Moreover, the first container and the second container are only used to distinguish different containers and are not intended to limit the containers. All containers in the embodiments of the present disclosure may be the first container or the second container.

[0078] In some embodiments, the first area and the second area at least partially overlap. In some embodiments, the first area and the second area can be the same. For example, for controls that generally do not appear at the same time, they can be set in different containers in the same area, and only the trigger event corresponding to each container needs to be set to realize the display and hiding of each container in different situations.

[0079] It is precisely because of the independent control of the container by the embodiment of the present disclosure that the independent control of the control can be achieved, and the position of the container can be allowed to overlap to achieve regional reuse, alleviate the control layout pressure caused by the increase in the number of controls on the display interface, and is conducive to the reasonable layout of the controls. On the one hand, more controls can be laid out in a limited display interface area, unlike the traditional method of laying out multiple controls in one container, the areas where the multiple controls are located cannot overlap, and considering the intervals between the controls, the number of control layouts and the convenience of use are limited. On the other hand, when there are multiple control layers in the media player, some of the control layers may have a hierarchical relationship. In the traditional way, when laying out multiple controls in one container, it is necessary to consider the hierarchical relationship of these control layers, and the position layout of the controls also needs to consider the hierarchical relationship accordingly, which is not conducive to improving development efficiency; while the area where the container of the embodiment of the present disclosure is located can be arbitrarily laid out, and there can also be overlaps, without considering the hierarchical relationship between the various controls, realizing the decoupling of the hierarchical relationship of the controls, providing developers with a more flexible layout method, which can effectively improve development efficiency.

[0080] In some embodiments, the first container is located in the first area according to a position setting determined by a user. In some embodiments, the second container is located in the second area according to a position setting determined by a user.

[0081] Among them, since the embodiments of the present disclosure independently control containers and controls, the function of customizing the positions of containers and controls can be provided to users. Users can set the positions of containers and controls according to their own preferences and habits to achieve personalized layout, which is conducive to improving the user experience and increasing the user's stickiness to the media player. For example, a control customization option can be provided to users in the player's setting options. After the user enters the control customization option, Figures 9A-9B The setting interface shown is used to layout the position of the container through some operations. Fig.9A In the , the user can select the container to be set, such as Figures 3A-3E The container 302 in the display interface is moved directly to the display interface preview using a mouse or a touch device such as a stylus or a finger to set the position of the container 302. Fig. 9BIn the example, a current display interface preview can be provided to the user to show the current container layout to the user, and the user can directly move the container 302 from the current position A to the position A' through a moving operation to complete the position of the container 302. Since the control is generally set in the container, the container can be directly moved to achieve the setting of the control.

[0082] In some embodiments, the size of the first container is obtained based on the size of the first control, and the size of the second container is obtained based on the second control. Determining the size of the container based on the size of the control can reasonably layout the containers, for example, Figure 3A-3E In , the size of the container can be the same as the control or slightly larger than the control (for example, the edge of the container is a certain distance away from the edge of the control). In this way, the size of the container and the control are adapted, and the layout of the control can be adjusted more clearly and reasonably, improving development efficiency and convenience of interface use.

[0083] Similarly, for the size or shape of the container, the size or shape of the control, like the position of the container, corresponding customization options can be provided to the user to perform personalized customization functions according to the user's own preferences and habits.

[0084] It should be noted that the method of the embodiment of the present application can be performed by a single device, such as a computer or server. The method of this embodiment can also be applied to a distributed scenario and completed by multiple devices cooperating with each other. In the case of such a distributed scenario, one of the multiple devices can only perform one or more steps in the method of the embodiment of the present application, and the multiple devices will interact with each other to complete the described method.

[0085] It should be noted that the above describes some embodiments of the present application. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in an order different from that in the above embodiments and still achieve the desired results. In addition, the processes depicted in the accompanying drawings do not necessarily require the specific order or continuous order shown to achieve the desired results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0086] Based on the same concept, the embodiment of the present application also provides a media playback device. Fig.10 , the media playing device 1000 comprises:

[0087] A playback layer 1010 and at least one control layer 1011, wherein the control layer 1011 is used to control the playback layer 1010 to play the media data; wherein the control layer 1011 includes a first container configured with a first control and a second container configured with a second control;

[0088] The control layer 1011 is configured as follows:

[0089] In response to detecting a first state instruction for the first container, controlling the first container and the first control to be independently displayed in a first area of ​​a display interface;

[0090] controlling a first playback parameter of the media data based on the displayed first control;

[0091] and, in response to detecting a second state instruction for the second container, controlling the second container and the second control to be independently displayed in a second area of ​​the display interface;

[0092] A second playback parameter of the media data is controlled based on the displayed second control.

[0093] The media player of the above embodiment is used to implement the corresponding media data playback control method in any of the above embodiments applied to the publishing terminal, and has the beneficial effects of the corresponding method embodiment, which will not be repeated here.

[0094] Based on the same concept, an embodiment of the present application also provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the program, the method for controlling the playback of media data as described in any of the above embodiments is implemented.

[0095] Fig.11 A more specific schematic diagram of the hardware structure of an electronic device provided in this embodiment is shown, and the device may include: a processor 1110, a memory 1120, an input / output interface 1130, a communication interface 1140, and a bus 1150. The processor 1110, the memory 1120, the input / output interface 1130, and the communication interface 1140 are connected to each other through the bus 1150 in the device.

[0096] The processor 1110 can be implemented by a general-purpose CPU (Central Processing Unit), a microprocessor, an application-specific integrated circuit (ASIC), or one or more integrated circuits, and is used to execute relevant programs to implement the technical solutions provided in the embodiments of this specification.

[0097] The memory 1120 may be implemented in the form of ROM (Read Only Memory), RAM (Random Access Memory), static storage device, dynamic storage device, etc. The memory 1120 may store an operating system and other application programs. When the technical solutions provided in the embodiments of this specification are implemented by software or firmware, the relevant program codes are stored in the memory 1120 and are called and executed by the processor 1110.

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

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

[0100] The bus 1150 comprises a pathway that transmits information between the various components of the device (eg, the processor 1110 , the memory 1120 , the input / output interface 1130 , and the communication interface 1140 ).

[0101] It should be noted that, although the above device only shows the processor 1110, the memory 1120, the input / output interface 1130, the communication interface 1140 and the bus 1150, in the specific implementation process, the device may also include other components necessary for normal operation. In addition, it can be understood by those skilled in the art that the above device may also only include the components necessary for implementing the embodiments of the present specification, and does not necessarily include all the components shown in the figure.

[0102] The electronic device of the above embodiment is used to implement the corresponding media data playback control method in any of the above embodiments, and has the beneficial effects of the corresponding method embodiment, which will not be described in detail here.

[0103] Based on the same concept, an embodiment of the present application further provides a non-transitory computer-readable storage medium, which stores computer instructions, and the computer instructions are used to enable the computer to execute the media data playback control method described in any of the above embodiments.

[0104] The above-mentioned non-transitory computer-readable storage medium can be any available medium or data storage device that can be accessed by a computer, including but not limited to magnetic storage (such as floppy disks, hard disks, magnetic tapes, magneto-optical disks (MO), etc.), optical storage (such as CD, DVD, BD, HVD, etc.), and semiconductor storage (such as ROM, EPROM, EEPROM, non-volatile memory (NAND FLASH), solid-state drive (SSD)), etc.

[0105] The computer instructions stored in the storage medium of the above embodiments are used to enable the computer to execute the corresponding media data playback control method in any of the above embodiments, and have the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0106] It should be noted that, unless otherwise defined, the technical terms or scientific terms used in the embodiments of the present application should be understood by people with ordinary skills in the field to which the present application belongs. The "first", "second" and similar words used in the embodiments of the present application do not represent any order, quantity or importance, but are only used to distinguish different components. "Including" or "comprising" and similar words mean that the elements or objects appearing in front of the word cover the elements or objects listed after the word and their equivalents, without excluding other elements or objects. "Connect" or "connected" and similar words are not limited to physical or mechanical connections, but can include electrical connections, whether direct or indirect. The article "one" or "an" before an element does not exclude the presence of multiple such elements.

[0107] Although the spirit and principle of the present application have been described with reference to several specific embodiments, it should be understood that the present application is not limited to the disclosed specific embodiments, and the division of various aspects does not mean that the features in these aspects cannot be combined to benefit, and this division is only for the convenience of expression. The present application is intended to cover various modifications and equivalent arrangements included in the spirit and scope of the attached claims. The scope of the attached claims conforms to the broadest interpretation, thereby including all such modifications and equivalent structures and functions.

Claims

1. A method for controlling the playback of media data, applied to a media player, characterized in that: The media player includes a playback layer and at least one control layer, wherein the control layer is used to control the playback layer to play the media data, and the control layer is located on the upper layer of the playback layer, and controls the playback layer through controls; wherein the control layer includes a first container configured with a first control and a second container configured with a second control; The method comprises: In response to detecting a first state instruction for the first container, controlling the first container and the first control to be independently displayed in a first area of ​​a display interface; controlling a first playback parameter of the media data based on the displayed first control; and, in response to detecting a second state instruction for the second container, controlling the second container and the second control to be independently displayed in a second area of ​​the display interface; A second playback parameter of the media data is controlled based on the displayed second control.

2. The method according to claim 1, characterized in that Also includes: In response to detecting a first trigger event, the first state instruction is generated; wherein the first trigger event includes a first preset operation on the display interface or the current playback state of the media data meets a first preset condition.

3. The method according to claim 1, characterized in that Also includes: The first state instruction and the second state instruction are the same instruction.

4. The method according to claim 3, characterized in that The first playback parameter and the second playback parameter are the same playback parameter; wherein, The first control controls the same playback parameter to change according to a first trend, and the second control controls the same playback parameter to change according to a second trend, wherein the first trend is opposite to the second trend; Or the first control and the second control control the same playback parameter to different values.

5. The method according to claim 1, characterized in that Controlling a first playback parameter of the media data based on the displayed first control includes: In response to detecting a first operation on the first control, the first playback parameter is controlled to switch a current state value, or the current state value is changed to a fixed value.

6. The method according to claim 1, characterized in that The first region and the second region at least partially overlap.

7. The method according to claim 1, characterized in that Also includes: The first container is located in the first area according to a position determined by a user.

8. The method according to claim 1, characterized in that The first container is further configured with a third control, and the third control and the first control control the first playback parameter to change according to different trends, or the third control and the first control control the first playback parameter to have different values.

9. The method according to claim 1, characterized in that: The size of the first container is obtained based on the size of the first control, and the size of the second container is obtained based on the second control.

10. A media playback device, characterized in that: include: A playback layer and at least one control layer, wherein the control layer is used to control the playback layer to play media data, and the control layer is located above the playback layer and controls the playback layer through controls; wherein the control layer includes a first container configured with a first control and a second container configured with a second control; The control layer is configured as: In response to detecting a first state instruction for the first container, controlling the first container and the first control to be independently displayed in a first area of ​​a display interface; controlling a first playback parameter of the media data based on the displayed first control; and, in response to detecting a second state instruction for the second container, controlling the second container and the second control to be independently displayed in a second area of ​​the display interface; A second playback parameter of the media data is controlled based on the displayed second control.

11. An electronic device, characterized in that: The method comprises one or more processors, a memory; and one or more programs, wherein the one or more programs are stored in the memory and executed by the one or more processors, and the programs include instructions for executing the method according to any one of claims 1 to 9.

12. A non-volatile computer-readable storage medium containing a computer program, which, when executed by one or more processors, causes the processors to perform the method of any one of claims 1 to 9.

13. A computer program product, comprising computer program instructions, which, when executed on a computer, cause the computer to execute the method according to any one of claims 1 to 9.

Images