Interface display method, device, electronic device and medium

Abstract

The embodiments of the present application disclose an interface display method, device, electronic device and medium. When the method is executed by a media playback client, it includes: receiving specification information of a target interface sent by a Web client; determining specification information of a cropping window according to the specification information of the target interface and the specification information of a media playback window; and cropping the media playback window according to the specification information of the cropping window so that the target interface can be displayed through the cropped window obtained by cropping. The above scheme can effectively solve the problem that when the media playback window is mounted on a Web client Web page for display, the target interface overlaps with the media playback window, resulting in the target interface being blocked, thereby realizing the display of the target interface through the cropping window and achieving the effect of embedded display.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of Internet technology, and in particular to an interface display method, device, electronic device and medium. Background Art

[0002] With the update and iteration of browsers, the existing versions of browsers no longer support plug-ins such as ACTIVEX and NPAPI, and the HTML tags of websites cannot play live media streams through embedded plug-ins. Currently, the HTML of websites generally plays media streams through local media players. The browser sends the area coordinates to the local media player in real time, and the local media player mounts the media player window on the browser tab, achieving the visual effect of embedding the browser.

[0003] However, the local media player and the browser are two independent programs, and the pop-up window of the browser website cannot be displayed on the media player window mounted on the browser page. The pop-up window of the browser website belongs to the web page, and the media player window belongs to the local media player. For the same device, the browser is a layer, and the local media player is a layer. The hierarchical relationship between the two can only be controlled separately. If the layer of the media player window is set above the browser page, the media player window will also be above the pop-up window page, and the overlapping area will be blocked, and the pop-up window cannot be fully displayed. If the layer of the browser page is set above the media player window, the web page and the pop-up window page will also be above the media player window, and the media player window cannot be fully displayed. Summary of the invention

[0004] The embodiments of the present invention provide an interface display method, device, electronic device and medium, so as to achieve complete display of a target interface of a Web client on the media playback window by mounting a media playback window on a Web page for display.

[0005] In one embodiment, the present application provides an interface display method, which is executed by a media playback client, and the method includes:

[0006] Receive specification information of the target interface sent by the Web client;

[0007] Determining specification information of the cropping window according to specification information of the target interface and specification information of the media playback window;

[0008] The media play window is cropped according to the specification information of the cropping window, so that the target interface can be displayed through the cropping window obtained by cropping.

[0009] In another embodiment, the present application embodiment provides an interface display method, which is executed by a Web client, and the method includes:

[0010] If the target interface needs to be displayed on the media playback window, then determining the specification information of the target interface;

[0011] The specification information of the target interface is sent to the media playback client, so that the media playback client determines the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window; the media playback window is cropped according to the specification information of the cropping window, so that the target interface can be displayed through the cropped window.

[0012] In yet another embodiment, the present application also provides an interface display device, which is configured in a device loaded with a media playback client, and the device includes:

[0013] A specification information receiving module, used for receiving specification information of a target interface sent by a Web client;

[0014] A cropping specification information determination module, used to determine the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window;

[0015] The cropping module is used to crop the media playback window according to the specification information of the cropping window, so that the target interface can be displayed through the cropping window obtained by cropping.

[0016] In yet another embodiment, the present application also provides an interface display device, which is configured in a device equipped with a Web client, and includes:

[0017] An interface specification information determination module, used for determining specification information of a target interface if a target interface needs to be displayed on the media playback window;

[0018] A specification information sending module is used to send the specification information of the target interface to the media playback client, so that the media playback client determines the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window; and crops the media playback window according to the specification information of the cropping window, so that the target interface can be displayed through the cropped window.

[0019] In one embodiment, the present application also provides an electronic device, including: one or more processors;

[0020] A memory for storing one or more programs;

[0021] When the one or more programs are executed by the one or more processors, the one or more processors implement the interface display method executed by the media playback client as described in any embodiment of the present application, or implement the interface display method executed by the Web client as described in any embodiment of the present application.

[0022] In another embodiment, the embodiment of the present application further provides a computer-readable storage medium on which a computer program is stored. When the program is executed by a processor, it implements the interface display method performed by the media playback client described in any embodiment of the present application, or implements the interface display method performed by the Web client described in any embodiment of the present application.

[0023] In an embodiment of the present application, specification information of a target interface sent by a Web client is received; specification information of a cropping window is determined based on the specification information of the target interface and the specification information of a media playback window; and the media playback window is cropped based on the specification information of the cropping window so that the target interface can be displayed through the cropped window obtained by cropping. Thus, in a page of a Web client that does not support plug-ins, when a media playback window of a media playback client is mounted for media streaming playback, the target interface in the Web client can be displayed by cropping the media playback window, thereby solving the problem that the target interface cannot be fully displayed due to the media playback window blocking the target interface. BRIEF DESCRIPTION OF THE DRAWINGS

[0024] Figure 1 A flowchart of an interface display method executed by a media playback client provided by an embodiment of the present invention;

[0025] Figure 2 A schematic diagram of a media playback window mounting display provided by an embodiment of the present invention;

[0026] Figure 3 A schematic diagram of a target interface display provided by an embodiment of the present invention;

[0027] Figure 4 A flowchart of an interface display method executed by a media playback client provided by another embodiment of the present invention;

[0028] Figure 5 A flowchart of an interface display method executed by a Web client provided in one embodiment of the present invention;

[0029] Figure 6 A schematic diagram of the structure of an interface display device provided in a device loaded with a media playback client according to an embodiment of the present invention;

[0030] Figure 7A schematic diagram of the structure of an interface display device provided in a device loaded with a Web client according to an embodiment of the present invention;

[0031] Figure 8 A schematic diagram of the structure of an electronic device provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0032] The present invention will be further described in detail below in conjunction with the accompanying drawings and embodiments. It is to be understood that the specific embodiments described herein are only used to explain the present invention, rather than to limit the present invention. It should also be noted that, for ease of description, only parts related to the present invention, rather than all structures, are shown in the accompanying drawings.

[0033] Figure 1 A flowchart of an interface display method performed by a media playback client is provided for one embodiment of the present invention. The interface display method provided in the embodiment of the present application can be applicable to the case where a target interface in a Web client is displayed. Typically, the interface display method provided in the embodiment of the present application can be applicable to the case where a media playback window of a media playback client is mounted in a page of a Web client that does not support plug-ins to play a media stream, and the target interface in the Web client is displayed. The method can be specifically performed by an interface display device, which can be implemented by software and / or hardware, and the device can be integrated in an electronic device that can implement the interface display method performed by a media playback client. See. Figure 1 , the method of the embodiment of the present application specifically includes:

[0034] S110: Receive specification information of the target interface sent by the Web client.

[0035] In the embodiment of the present application, the Web client may be a browser, the media player client may be a local media player program, and the Web client and the media player client may be configured on the same device, such as a PC, an intelligent image collector, a mobile terminal, etc. The target interface may be a pop-up interface belonging to a Web client page, and the specification information may be the shape, length, width, distance from the center point to the edge of the Web page, distance from the edge of the target interface to the edge of the Web page, etc.

[0036] At present, the high-level Web client cannot support plug-ins such as ACTIVEX and NPAPI, which means that the Web client cannot play video streams through plug-ins, and needs to play video streams through the local media player client. The Web client and the media player client are two independent clients, belonging to two levels. You can only set the media player window of the media player client to be displayed on the upper layer of the Web client's Web page, or the Web client's Web page to be displayed on the upper layer of the media player window of the media player client. If the media player window is set to be displayed on the Web client's Web page, the pop-up interface in the Web client cannot be displayed on the upper layer of the media player window, resulting in overlapping and blocking.

[0037] In an embodiment of the present application, for the above scenario, when the Web client needs to display a pop-up target interface on the upper layer of the media playback window, the specification information of the target interface is sent to the local media playback client, so that the media playback client receives the specification information of the target interface and performs subsequent operations according to the specification information of the target interface.

[0038] S120: Determine specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window.

[0039] For example, if the target interface needs to be placed on the upper layer of the media playback window for display without affecting the normal media streaming playback of the media playback window, such as Figure 2 The solution adopted in the embodiment of the present application is to crop the media playback window so that after cropping, the target interface can be displayed through the cropping window without being blocked by the media playback window.

[0040] Specifically, the target interface may partially overlap with the media playback window, the target interface may completely overlap with the media playback window, or the target interface may not overlap with the media playback window. According to the specification information of the target interface and the specification information of the media playback window, the specification information of the cropping window that needs to be cropped can be determined, so that the cropping is performed according to the specification information of the cropping window, so as to crop the overlapping part so that the target interface can be displayed through, and the non-overlapping part does not need to be cropped.

[0041] S130: Crop the media playback window according to the specification information of the cropping window, so that the target interface can be displayed through the cropping window obtained by cropping.

[0042] For example, Figure 3 As shown, the media playback window in the black area is displayed on the web page of the web client. The target interface can be but is not limited to Figure 3In the password modification pop-up interface, the target interface is at the same level as the web page of the web client. If the media playback window is not cropped, it will be blocked by the media playback window and cannot be displayed. In the embodiment of the present application, the media playback window is cropped according to the specification information of the cropping window, so that the target interface can be displayed through the cropping window, such as Figure 3 The interface for changing the password is displayed in a cropped window on the media player window, achieving an embedded display visual effect.

[0043] In an embodiment of the present application, specification information of a target interface sent by a Web client is received; specification information of a cropping window is determined based on the specification information of the target interface and the specification information of a media playback window; and the media playback window is cropped based on the specification information of the cropping window so that the target interface can be displayed through the cropped window obtained by cropping. Thus, in a page of a Web client that does not support plug-ins, when a media playback window of a media playback client is mounted for media streaming playback, the target interface in the Web client can be displayed by cropping the media playback window, thereby solving the problem that the target interface cannot be fully displayed due to the media playback window blocking the target interface.

[0044] Figure 4 This is a flowchart of an interface display method performed by a media playback client according to another embodiment of the present invention. This embodiment of the present application is a further optimization of the above embodiment. For details not described in detail in this embodiment of the present application, please refer to the above embodiment. Figure 4 , the interface display method provided in the embodiment of the present application may include:

[0045] S210, simulating the communication protocol called by the Web client.

[0046] The communication protocol is a communication protocol called by a Web client, such as a websocket protocol.

[0047] S220: Receive a connection request sent by the Web client based on the communication protocol, and establish a communication connection with the Web client.

[0048] For example, after the Web client logs in, if the media player client is already installed locally, the Web client calls the communication protocol and binds the port number corresponding to the media player client, for example, in the format of var ws=newwebSocket('ws: / / 127.0.0.1:19000'). The Web sends a link request to the media player client through the port number, and the media player client receives the link request and establishes a communication connection with the Web client.

[0049] S230: Receive specification information of the media playback window sent by the Web client.

[0050] Exemplarily, the Web client can control the display position and size of the media playback window on the Web page, and the specification information of the media playback window is determined by the Web client. The Web client sends the specification information of the media playback window to the media playback client, so that the media playback client adjusts the size, position, etc. of the media playback window according to the specification information of the media playback client and displays it.

[0051] S240: Display a media playback window on the Web page of the Web client according to the specification information of the media playback window.

[0052] Exemplarily, the media player client determines the size and position of the media player window according to the specification information of the media player window, and mounts the media player window on the web page of the web client for display. If there are operations such as scrolling, switching, and zooming on the web page of the web client, the web client sends the specification information of the new media player window to the media player client, so that the media player client adjusts the media player window according to the specification information of the new media player window.

[0053] S250: Receive specification information of the target interface sent by the Web client.

[0054] S260: Determine an interface display area of ​​the target interface according to the specification information of the target interface, and determine a window display area of ​​the media playback window according to the specification information of the media playback window.

[0055] Exemplarily, the specification information of the target interface and the specification information of the media playback window are converted into a specific display area, and the relative position relationship between the interface display area and the window display area is visualized and displayed.

[0056] S270: Determine a cropping window area according to the relative positions of the interface display area and the window display area.

[0057] Exemplarily, based on the relative positions of the interface display area and the window display area, it is determined whether there is an overlapping or blocking situation, and then the window area is determined to be cropped based on the blocking situation.

[0058] In an embodiment of the present application, determining a cropping window area according to the relative positions of the interface display area and the window display area includes: determining an intersection area of ​​the interface display area and the window display area as the cropping window area.

[0059] For example, the intersection area is the overlapping area of ​​the interface display area and the window display area. If overlap occurs, the window display area of ​​the overlapping part will block the interface display area, resulting in the target interface being unable to be fully displayed. The intersection area is used as the cropping window area, thereby solving the occlusion problem through cropping.

[0060] S280: Determine the specification information of the cropping window according to the specification information of the media playback window and the relative position of the cropping window area and the window display area.

[0061] Exemplarily, after determining the relative position of the cropping window area and the window display area, the specification information of the cropping window can be determined based on the relative position and the specification information of the media playback window, such as the distance between the edge of the cropping window and the edge of the media playback window, the length and width of the cropping window, and other information.

[0062] S290: Crop the media playback window according to the specification information of the cropping window, so that the target interface can be displayed through the cropping window obtained by cropping.

[0063] The solution of the embodiment of the present application is to send the specification information of the media playback window to the media playback client through the Web client, so that the media playback client can fully display the media playback window on the Web page of the Web client according to the specification information of the media playback window. The cropping window area is determined according to the relative position of the interface display area and the window display area; the specification information of the cropping window is determined according to the specification information of the media playback window and the relative position of the cropping window area and the window display area, and the media playback window is cropped according to the specification information of the cropping window, so that when the media playback window is mounted on the Web page of the Web client, the target page can be fully displayed on the media playback window.

[0064] In the embodiment of the present application, after the media playback window is clipped according to the specification information of the clipping window, the method further includes: if a target interface closing instruction sent by the Web client is received, then the clipping of the media playback window is canceled.

[0065] For example, Figure 3 As shown, if the user clicks to close the target interface, the target interface does not need to be displayed any more and disappears. At this time, the cropping window in the media player window has been cropped and is still in a perspective state, so it is necessary to cancel the previous cropping operation and restore the originally displayed media player window.

[0066] In an embodiment of the present application, after the media playback window is cropped according to the specification information of the cropping window, the method further includes: if the specification information of the new target interface sent by the Web client is received, then the cropping of the media playback window is canceled; according to the specification information of the new target interface and the specification information of the media playback window, the step of determining the specification information of the cropping window is executed.

[0067] For example, if the target interface is displaced, scaled, stretched, etc., the currently displayed target interface needs to be updated. When the target interface is displaced, scaled, stretched, etc., the Web client recalculates the specification information of the target interface, obtains the specification information of the new target interface, and sends the specification information of the new target interface to the media playback client. After receiving the specification information of the new target interface, the media playback client cancels the last cropping operation and performs a cropping operation based on the specification information of the new target interface to update the position, size, etc. of the target interface.

[0068] Figure 5 A flowchart of an interface display method performed by a Web client is provided for one embodiment of the present invention. The interface display method provided in the embodiment of the present application can be applicable to the case where a target interface in a Web client is displayed. Typically, the interface display method provided in the embodiment of the present application can be applicable to the case where a media playback window of a media playback client is mounted in a page of a Web client that does not support plug-ins to play media streams, and the target interface in the Web client is displayed. The method can be specifically performed by an interface display device, which can be implemented by software and / or hardware, and the device can be integrated in an electronic device that can implement the interface display method performed by a Web client. For details not fully described in the embodiments of the present application, please refer to the above embodiments. See Figure 5 , the method of the embodiment of the present application specifically includes:

[0069] S310: If it is necessary to display a target interface on the media playback window, determine specification information of the target interface.

[0070] At present, the high-level Web client cannot support plug-ins such as ACTIVEX and NPAPI, which means that the Web client cannot play video streams through plug-ins, and needs to play video streams through the local media player client. The Web client and the media player client are two independent clients, belonging to two levels. You can only set the media player window of the media player client to be displayed on the upper layer of the Web client's Web page, or the Web client's Web page to be displayed on the upper layer of the media player window of the media player client. If the media player window is set to be displayed on the Web client's Web page, the pop-up interface in the Web client cannot be displayed on the upper layer of the media player window, resulting in overlapping and blocking.

[0071] In an embodiment of the present application, in the above scenario, when the Web client needs to display a pop-up target interface on the upper layer of the media playback window, it determines the specification information of the target interface to be displayed, and sends the specification information of the target interface to the local media playback client, so that the media playback client receives the specification information of the target interface, and performs subsequent operations according to the specification information of the target interface.

[0072] S320. Send the specification information of the target interface to the media playback client, so that the media playback client determines the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window; and crop the media playback window according to the specification information of the cropping window, so that the target interface can be displayed through the cropped window.

[0073] Exemplarily, if it is necessary to place the target interface on the upper layer of the media playback window for display without affecting the normal media streaming playback of the media playback window, in an embodiment of the present application, the Web client sends the specification information of the target interface to the media playback client, and the media playback client crops the media playback window so that after cropping, the target interface can be displayed through the cropping window without being blocked by the media playback window.

[0074] In an embodiment of the present application, before sending the specification information of the target interface to the media playback client, the method also includes: calling a communication protocol and binding a port number corresponding to the media playback client; sending a connection request to the media playback client through the port number to establish a communication connection with the media playback client.

[0075] For example, after the Web client logs in, if the media player client is already installed locally, the Web client calls the communication protocol and binds the port number corresponding to the media player client, for example, in the format of var ws=newwebSocket('ws: / / 127.0.0.1:19000'). The Web sends a link request to the media player client through the port number, and the media player client receives the link request and establishes a communication connection with the Web client.

[0076] In an embodiment of the present application, before sending the specification information of the target interface to the media playback client, the method also includes: sending the specification information of the media playback window to the media playback client, so that the media playback client displays the media playback window on the web page of the web client according to the specification information of the media playback window.

[0077] Exemplarily, the Web client can control the display position and size of the media playback window on the Web page, and the specification information of the media playback window is determined by the Web client. The Web client sends the specification information of the media playback window to the media playback client, so that the media playback client adjusts the size, position, etc. of the media playback window according to the specification information of the media playback client and displays it.

[0078] In an embodiment of the present application, if it is necessary to display a target interface on a media playback window, specification information of the target interface is determined; the specification information of the target interface is sent to a media playback client, so that the media playback client determines specification information of a cropping window according to the specification information of the target interface and the specification information of the media playback window; the media playback window is cropped according to the specification information of the cropping window, so that the target interface can be displayed through the cropped window obtained by cropping, thereby, in a page of a Web client that does not support plug-ins, when the media playback window of the media playback client is mounted for media streaming playback, the target interface in the Web client can be displayed by cropping the media playback window, thereby solving the problem that the target interface cannot be fully displayed due to the media playback window blocking the target interface.

[0079] Figure 6A schematic diagram of the structure of an interface display device configured in a device equipped with a media player client provided by an embodiment of the present invention. The device can be applicable to the case of displaying a target interface in a Web client. Typically, the interface display method provided in the embodiment of the present application can be applicable to the case of displaying a target interface in a Web client when a media player window of a media player client is mounted in a page of a Web client that does not support plug-ins to play a media stream. The device can be implemented by software and / or hardware, and the device can be integrated in an electronic device that can implement the interface display method executed by a media player client. See Figure 6 , the device specifically comprises:

[0080] The specification information receiving module 410 is used to receive the specification information of the target interface sent by the Web client;

[0081] A cropping specification information determination module 420, configured to determine specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window;

[0082] The cropping module 430 is used to crop the media playback window according to the specification information of the cropping window, so that the target interface can be displayed through the cropping window obtained by cropping.

[0083] In the embodiment of the present application, the device further includes:

[0084] A protocol simulation module, used to simulate the communication protocol called by the Web client;

[0085] The connection establishment module is used to receive a connection request sent by the Web client based on the communication protocol and establish a communication connection with the Web client.

[0086] In the embodiment of the present application, the cropping specification information determining module 420 includes:

[0087] A display area determination unit, configured to determine an interface display area of ​​the target interface according to the specification information of the target interface, and determine a window display area of ​​the media playback window according to the specification information of the media playback window;

[0088] A cropping window area determining unit, configured to determine a cropping window area according to a relative position between the interface display area and the window display area;

[0089] The specification information calculation unit is used to determine the specification information of the cropping window according to the specification information of the media playback window and the relative position of the cropping window area and the window display area.

[0090] In the embodiment of the present application, the cropping window area determining unit is specifically used to:

[0091] An intersection area of ​​the interface display area and the window display area is determined as a clipping window area.

[0092] In the embodiment of the present application, the device further includes:

[0093] The cropping cancellation module is used to cancel the cropping of the media playback window if a target interface closing instruction sent by the Web client is received.

[0094] In the embodiment of the present application, the device further includes:

[0095] A new specification information receiving module, configured to cancel the cropping of the media playback window upon receiving specification information of a new target interface sent by the Web client;

[0096] The execution module is used to execute the step of determining the specification information of the cropping window according to the specification information of the new target interface and the specification information of the media playback window.

[0097] In the embodiment of the present application, the device further includes:

[0098] A window specification information receiving module, used to receive specification information of the media playback window sent by the Web client;

[0099] The media play window display module is used to display the media play window on the Web page of the Web client according to the specification information of the media play window.

[0100] The interface display device provided in the embodiment of the present application and configured in the device equipped with the media playback client can execute the interface display method provided in any embodiment of the present application and executed by the media playback client, and has the functional modules and beneficial effects corresponding to the execution method.

[0101] Figure 7 A schematic diagram of the structure of an interface display device configured in a device equipped with a Web client provided by an embodiment of the present invention. The device can be applied to the case of displaying a target interface in a Web client. Typically, the interface display method provided in the embodiment of the present application can be applied to the case of displaying a target interface in a Web client when a media playback window of a media playback client is mounted in a page of a Web client that does not support plug-ins to play media streams. The device can be implemented by software and / or hardware, and the device can be integrated in an electronic device that can implement the interface display method executed by a Web client. See Figure 7 , the device specifically comprises:

[0102] The interface specification information determination module 510 is used to determine the specification information of the target interface if it is necessary to display the target interface on the media playback window;

[0103] The specification information sending module 520 is used to send the specification information of the target interface to the media playback client, so that the media playback client determines the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window; and crops the media playback window according to the specification information of the cropping window, so that the target interface can be displayed through the cropped window.

[0104] In the embodiment of the present application, the device further includes:

[0105] A communication protocol calling module, used to call the communication protocol and bind the port number corresponding to the media playback client;

[0106] The connection request sending module is used to send a connection request to the media playback client through the port number to establish a communication connection with the media playback client.

[0107] In the embodiment of the present application, the device further includes:

[0108] The window specification information sending module is used to send the specification information of the media play window to the media play client, so that the media play client displays the media play window on the Web page of the Web client according to the specification information of the media play window.

[0109] The interface display device provided in the embodiment of the present application and configured in a device equipped with a Web client can execute the interface display method provided in any embodiment of the present application and executed by the Web client, and has the corresponding functional modules and beneficial effects of the execution method.

[0110] Figure 8 A schematic diagram of the structure of an electronic device provided by an embodiment of the present invention. Figure 8 A block diagram of an exemplary electronic device 612 suitable for implementing embodiments of the present application is shown. Figure 8 The electronic device 612 shown is merely an example and should not bring any limitation to the functions and scope of use of the embodiments of the present application.

[0111] like Figure 8 As shown, the electronic device 612 may include: one or more processors 616; a memory 628, which is used to store one or more programs. When the one or more programs are executed by the one or more processors 616, the one or more processors 616 implement the interface display method performed by the media playback client provided in the embodiment of the present application, including:

[0112] Receive specification information of the target interface sent by the Web client;

[0113] Determining specification information of the cropping window according to specification information of the target interface and specification information of the media playback window;

[0114] The media play window is cropped according to the specification information of the cropping window, so that the target interface can be displayed through the cropping window obtained by cropping.

[0115] Or implement the interface display method performed by the Web client provided in the embodiment of the present application, including:

[0116] If the target interface needs to be displayed on the media playback window, then determining the specification information of the target interface;

[0117] The specification information of the target interface is sent to the media playback client, so that the media playback client determines the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window; the media playback window is cropped according to the specification information of the cropping window, so that the target interface can be displayed through the cropped window.

[0118] Components of the electronic device 612 may include, but are not limited to, one or more processors or processor 616 , memory 628 , and a bus 618 that connects the various device components (including the memory 628 and the processor 616 ).

[0119] Bus 618 represents one or more of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, a processor or a local bus using any of a variety of bus architectures. By way of example, these architectures include, but are not limited to, an Industry Standard Architecture (ISA) bus, a Micro Channel Architecture (MAC) bus, an Enhanced ISA bus, a Video Electronics Standards Association (VESA) local bus, and a Peripheral Component Interconnect (PCI) bus.

[0120] The electronic device 612 typically includes a variety of computer device readable storage media. These storage media can be any available storage media that can be accessed by the electronic device 612, including volatile and non-volatile storage media, removable and non-removable storage media.

[0121] The memory 628 may include computer device readable storage media in the form of volatile memory, such as random access memory (RAM) 630 and / or cache memory 632. The electronic device 612 may further include other removable / non-removable, volatile / non-volatile computer device storage media. By way of example only, the storage system 634 may be used to read and write non-removable, non-volatile magnetic storage media ( Figure 8 not shown, usually called a "hard drive"). Although Figure 8 Not shown, a disk drive for reading and writing to a removable non-volatile disk (e.g., a "floppy disk"), and an optical disk drive for reading and writing to a removable non-volatile optical disk (e.g., a CD-ROM, DVD-ROM, or other optical storage medium) may be provided. In these cases, each drive may be connected to bus 418 via one or more data storage medium interfaces. Memory 628 may include at least one program product having a set (e.g., at least one) of program modules that are configured to perform the functions of various embodiments of the present invention.

[0122] A program / utility 640 having a set (at least one) of program modules 642 may be stored, for example, in the memory 628, such program modules 642 including, but not limited to, operating devices, one or more application programs, other program modules, and program data, each of which or some combination may include an implementation of a network environment. The program modules 642 generally perform the functions and / or methods of the embodiments described herein.

[0123] The electronic device 612 may also communicate with one or more external devices 614 (e.g., keyboards, pointing devices, displays 624, etc.), may communicate with one or more devices that enable a user to interact with the electronic device 612, and / or may communicate with any device that enables the electronic device 612 to communicate with one or more other computing devices (e.g., network cards, modems, etc.). Such communication may be performed through an input / output (I / O) interface 622. Furthermore, the electronic device 612 may also communicate with one or more networks (e.g., local area networks (LANs), wide area networks (WANs), and / or public networks, such as the Internet) through a network adapter 620. Figure 8 As shown, the network adapter 620 communicates with other modules of the electronic device 612 via the bus 618. It should be understood that although Figure 8 Not shown, other hardware and / or software modules may be used in conjunction with electronic device 612, including but not limited to microcode, device drivers, redundant processing units, external disk drive arrays, RAID devices, tape drives, and data backup storage devices.

[0124] The processor 616 executes various functional applications and data processing by running at least one of the other programs among the multiple programs stored in the memory 628, such as implementing an interface display method provided in an embodiment of the present application.

[0125] An embodiment of the present invention provides a storage medium containing computer executable instructions, which, when executed by a computer processor, is used to execute the interface display method performed by a media playback client provided in an embodiment of the present application, including:

[0126] Receive specification information of the target interface sent by the Web client;

[0127] Determining specification information of the cropping window according to specification information of the target interface and specification information of the media playback window;

[0128] The media play window is cropped according to the specification information of the cropping window, so that the target interface can be displayed through the cropping window obtained by cropping.

[0129] Or executing the interface display method performed by the Web client provided in the embodiment of the present application, including:

[0130] If the target interface needs to be displayed on the media playback window, then determining the specification information of the target interface;

[0131] The specification information of the target interface is sent to the media playback client, so that the media playback client determines the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window; the media playback window is cropped according to the specification information of the cropping window, so that the target interface can be displayed through the cropped window.

[0132] The computer storage medium of the embodiment of the present application can adopt any combination of one or more computer-readable storage media. The computer-readable storage medium can be a computer-readable signal storage medium or a computer-readable storage medium. The computer-readable storage medium can be, for example, - but not limited to - electrical, magnetic, optical, electromagnetic, infrared, or semiconductor equipment, devices or devices, or any combination of the above. More specific examples (non-exhaustive list) of computer-readable storage media include: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In an embodiment of the present application, a computer-readable storage medium can be any tangible storage medium containing or storing a program, which can be used by an instruction execution device, device or device or used in combination with it.

[0133] A computer-readable signal storage medium may include a data signal propagated in baseband or as part of a carrier wave, which carries a computer-readable program code. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal storage medium may also be any computer-readable storage medium other than a computer-readable storage medium, which may send, propagate, or transmit a program for use by or in conjunction with an instruction execution device, apparatus, or device.

[0134] The program code contained on the computer-readable storage medium may be transmitted using any appropriate storage medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.

[0135] Computer program code for performing the operations of the present invention may be written in one or more programming languages ​​or a combination thereof, including object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or device. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0136] Note that the above are only preferred embodiments of the present invention and the technical principles used. Those skilled in the art will understand that the present invention is not limited to the specific embodiments described herein, and that various obvious changes, readjustments and substitutions can be made by those skilled in the art without departing from the scope of protection of the present invention. Therefore, although the present invention has been described in more detail through the above embodiments, the present invention is not limited to the above embodiments, and may include more other equivalent embodiments without departing from the concept of the present invention, and the scope of the present invention is determined by the scope of the appended claims.

Claims

1. An interface display method, characterized in that: Executed by a media playback client, the method includes: Receive specification information of the target interface sent by the Web client; Determining specification information of the cropping window according to specification information of the target interface and specification information of the media playback window; The media playback window is clipped according to the specification information of the clipping window, so that after clipping, the target interface can be displayed through the clipping window without being blocked by the media playback window; Determining the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window includes: Determining an interface display area of ​​the target interface according to the specification information of the target interface, and determining a window display area of ​​the media playback window according to the specification information of the media playback window; Determining a cropping window area according to a relative position of the interface display area and the window display area; Determining the specification information of the cropping window according to the specification information of the media playback window and the relative position of the cropping window area and the window display area; Determining the clipping window area according to the relative positions of the interface display area and the window display area includes: An intersection area of ​​the interface display area and the window display area is determined as a clipping window area.

2. The method according to claim 1, characterized in that: Before receiving the specification information of the target interface sent by the Web client, the method further includes: Simulating the communication protocol called by the Web client; A connection request sent by the Web client is received based on the communication protocol, and a communication connection is established with the Web client.

3. The method according to claim 1, characterized in that After the media playback window is clipped according to the specification information of the clipping window, the method further includes: If a target interface closing instruction sent by the Web client is received, the cropping of the media playback window is canceled.

4. The method according to claim 1, characterized in that: After the media playback window is clipped according to the specification information of the clipping window, the method further includes: If the specification information of the new target interface sent by the Web client is received, cancelling the cropping of the media playback window; According to the specification information of the new target interface and the specification information of the media playback window, a step of determining the specification information of the cropping window is performed.

5. The method according to claim 1, characterized in that: Before cropping the media playback window according to the specification information of the cropping window, the method further includes: Receiving specification information of the media playback window sent by the Web client; The media play window is displayed on the web page of the web client according to the specification information of the media play window.

6. An interface display method, characterized in that: Executed by a Web client, the method includes: If the target interface needs to be displayed on the media playback window, then determining the specification information of the target interface; Sending the specification information of the target interface to the media playback client, so that the media playback client determines the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window; cropping the media playback window according to the specification information of the cropping window, so that after cropping, the target interface can be displayed through the cropping window without being blocked by the media playback window; The media playback client determines the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window, including: Determining an interface display area of ​​the target interface according to the specification information of the target interface, and determining a window display area of ​​the media playback window according to the specification information of the media playback window; Determining a cropping window area according to a relative position of the interface display area and the window display area; Determining the specification information of the cropping window according to the specification information of the media playback window and the relative position of the cropping window area and the window display area; Determining the clipping window area according to the relative positions of the interface display area and the window display area includes: An intersection area of ​​the interface display area and the window display area is determined as a clipping window area.

7. An interface display device, characterized in that: The device is configured in a device equipped with a media player client, and includes: A specification information receiving module, used for receiving specification information of a target interface sent by a Web client; A cropping specification information determination module, used to determine the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window; A cropping module, used to crop the media playback window according to the specification information of the cropping window, so that after cropping, the target interface can be displayed through the cropping window without being blocked by the media playback window; The module for determining cutting specification information includes: A display area determination unit, configured to determine an interface display area of ​​the target interface according to the specification information of the target interface, and determine a window display area of ​​the media playback window according to the specification information of the media playback window; A cropping window area determining unit, configured to determine a cropping window area according to a relative position between the interface display area and the window display area; The specification information calculating unit is used to determine the specification information of the cropping window according to the specification information of the media playback window and the relative position of the cropping window area and the window display area; the cropping window area determining unit is specifically used to: An intersection area of ​​the interface display area and the window display area is determined as a clipping window area.

8. An interface display device, characterized in that: The device is configured in a device equipped with a Web client, and includes: An interface specification information determination module, used for determining specification information of a target interface if a target interface needs to be displayed on the media playback window; A specification information sending module, used for sending the specification information of the target interface to the media playback client, so that the media playback client determines the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window; and crops the media playback window according to the specification information of the cropping window, so that after cropping, the target interface can be displayed through the cropping window without being blocked by the media playback window; The media playback client determines the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playback window, including: Determining an interface display area of ​​the target interface according to the specification information of the target interface, and determining a window display area of ​​the media playback window according to the specification information of the media playback window; Determining a cropping window area according to a relative position of the interface display area and the window display area; Determining the specification information of the cropping window according to the specification information of the media playback window and the relative position of the cropping window area and the window display area; Determining the clipping window area according to the relative positions of the interface display area and the window display area includes: An intersection area of ​​the interface display area and the window display area is determined as a clipping window area.

9. An electronic device, characterized in that: The electronic device comprises: one or more processors; A memory for storing one or more programs; When the one or more programs are executed by the one or more processors, the one or more processors implement the interface display method executed by the media playback client as described in any one of claims 1-5, or implement the interface display method executed by the Web client as described in claim 6.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, it implements the interface display method executed by the media playback client as described in any one of claims 1 to 5, or implements the interface display method executed by the Web client as described in claim 6.

Images