CN114520930A - Interface display method and device, electronic equipment and medium - Google Patents

Interface display method and device, electronic equipment and medium Download PDF

Info

Publication number
CN114520930A
CN114520930A CN202011308592.5A CN202011308592A CN114520930A CN 114520930 A CN114520930 A CN 114520930A CN 202011308592 A CN202011308592 A CN 202011308592A CN 114520930 A CN114520930 A CN 114520930A
Authority
CN
China
Prior art keywords
window
specification information
media playing
cutting
target interface
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202011308592.5A
Other languages
Chinese (zh)
Inventor
吴郑燕
崔雨轩
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Zhejiang Uniview Technologies Co Ltd
Original Assignee
Zhejiang Uniview Technologies Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Zhejiang Uniview Technologies Co Ltd filed Critical Zhejiang Uniview Technologies Co Ltd
Priority to CN202011308592.5A priority Critical patent/CN114520930A/en
Publication of CN114520930A publication Critical patent/CN114520930A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream, rendering scenes according to MPEG-4 scene graphs
    • H04N21/44016—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream, rendering scenes according to MPEG-4 scene graphs involving splicing one content stream with another content stream, e.g. for substituting a video clip
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/485—End-user interface for client configuration

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the application discloses an interface display method, an interface display device, electronic equipment and a medium. When executed by a media playing client, the method comprises the following steps: receiving specification information of a target interface sent by a Web client; determining the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window; and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting. The technical scheme can effectively solve the problem that when the media playing window is hung in the Web page of the Web client side for display, the target interface is shielded due to the overlapping of the target interface and the media playing window, so that the target interface is displayed by cutting the window, and the embedded display effect is achieved.

Description

Interface display method and device, electronic equipment and medium
Technical Field
The embodiment of the application relates to the technical field of internet, in particular to an interface display method, an interface display device, electronic equipment and a medium.
Background
With the updating iteration of the browser, the browser of the existing version no longer supports plug-ins such as ACTIVEX, NPAPI and the like, and html tags of the website cannot be played in a live media stream through the plug-ins. Html of the current website generally implements media stream playing through a local media playing program. The browser issues the area coordinates to a local media playing program in real time, and the local media playing program mounts a media playing window on a browser tab, so that the visual effect of embedding into the browser is realized.
However, the local media playing program and the browser are two independent programs, and the pop-up box of the browser website cannot be displayed on the media playing window mounted on the browser page. The pop-up box of the browser website belongs to a Web page, the media playing window belongs to a local media playing program, and for the same equipment, the browser is a hierarchy, and the local media playing program is a hierarchy, and only the hierarchical relationship of the browser and the local media playing program can be controlled independently. If the level of the media playing window is set on the browser page, the media playing window is also on the page of the pop-up frame, the overlapped area is shielded, and the pop-up frame cannot be completely displayed. If the browser page is set to be on the media playing window, the Web page and the pop-up frame page are also on the media playing window, and the media playing window cannot be completely displayed.
Disclosure of Invention
The embodiment of the invention provides an interface display method, an interface display device, electronic equipment and a medium, which are used for realizing the complete display of a target interface of a Web client on a media playing window under the condition that the media playing window is mounted on a Web page for display.
In an embodiment, an embodiment of the present application provides an interface display method, which is executed by a media playing client, and the method includes:
receiving specification information of a target interface sent by a Web client;
determining the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window;
and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
In another embodiment, an embodiment of the present application provides an interface display method, which is executed by a Web client, and includes:
if a target interface needs to be displayed on a media playing window, determining specification information of the target interface;
sending the specification information of the target interface to a media playing client, so that the media playing server determines the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window; and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
In another embodiment, an interface display apparatus configured in a device loaded with a media playing client is further provided in an embodiment of the present application, and the apparatus includes:
the specification information receiving module is used for receiving the specification information of the target interface sent by the Web client;
the cutting specification information determining module is used for determining the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window;
and the cutting module is used for cutting the media playing window according to the specification information of the cutting window so as to display the target interface through the cutting window obtained by cutting.
In another embodiment, an embodiment of the present application further provides an interface display apparatus configured in a device loaded with a Web client, where the apparatus includes:
the interface specification information determining module is used for determining the specification information of a target interface if the target interface needs to be displayed on a media playing window;
the specification information sending module is used for sending the specification information of the target interface to the media playing client so that the media playing server determines the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window; and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
In one embodiment, an embodiment of the present application further provides an electronic device, including: 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 playing client according to any embodiment of the present application, or implement the interface display method executed by the Web client according to any embodiment of the present application.
In yet another embodiment, the present application further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the interface display method executed by the media playing client according to any embodiment of the present application, or implements the interface display method executed by the Web client according to any embodiment of the present application.
In the embodiment of the application, the specification information of a target interface sent by a Web client is received; determining the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window; and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cutting window obtained by cutting, thereby realizing the display of the target interface in the Web client by cutting the media playing window under the condition that the media playing window of the media playing client is mounted for playing the media stream in the page of the Web client which does not support the plug-in, and solving the problem that the target interface cannot be completely displayed because the media playing window shields the target interface.
Drawings
Fig. 1 is a flowchart of an interface display method executed by a media playing client according to an embodiment of the present invention;
fig. 2 is a schematic diagram illustrating a mounting display of a media playing window according to an embodiment of the present invention;
FIG. 3 is a schematic illustration of a target interface display according to an embodiment of the present invention;
fig. 4 is a flowchart of an interface display method executed by a media playing client according to another embodiment of the present invention;
FIG. 5 is a flowchart of an interface display method executed by a Web client according to an embodiment of the present invention;
fig. 6 is a schematic structural diagram of an interface display device configured in a device loaded with a media playing client according to an embodiment of the present invention;
fig. 7 is a schematic structural diagram of an interface display device configured in a device equipped with a Web client according to an embodiment of the present invention;
fig. 8 is a schematic structural diagram of an electronic device according to an embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It should be further noted that, for the convenience of description, only some of the structures related to the present invention are shown in the drawings, not all of the structures.
Fig. 1 is a flowchart of an interface display method executed by a media playing client according to an embodiment of the present invention. The interface display method provided by the embodiment of the application can be suitable for the situation of displaying the target interface in the Web client. Typically, the interface display method provided by the embodiment of the present application can be applied to a situation that a target interface in a Web client is displayed when a media playing window of a media playing client is mounted for media stream playing in a page of the Web client that does not support a plug-in. The method may be specifically executed by an interface display apparatus, which may be implemented by software and/or hardware, and the apparatus may be integrated in an electronic device capable of implementing the interface display method executed by the media playing client. Referring to fig. 1, a method according to an embodiment of the present application specifically includes:
and S110, receiving specification information of the target interface sent by the Web client.
In this embodiment of the present application, the Web client may be a browser, the media playing client may be a local media playing program, and the Web client and the media playing client may be configured in the same device, for example, a PC, an intelligent image collector, a mobile terminal, and the like. The target interface can be a popup frame interface belonging to a Web client page, and the specification information can be the shape, length, width, distance from a central point to the edge of the Web page, distance from the edge of the target interface to the edge of the Web page, and the like of the target interface.
At present, a high-version Web client cannot support plug-ins such as ACTIVEX, NPAPI and the like, namely the Web client cannot play video streams through the plug-ins and needs to play the video streams through a local media playing client. The Web client and the media playing client are two independent clients, belong to two levels, and can only set a media playing window of the media playing client to be displayed on the upper layer of a Web page of the Web client or set the Web page of the Web client to be displayed on the upper layer of the media playing window of the media playing client. If the media playing window is set to be displayed on the Web page of the Web client, the pop-up interface in the Web client cannot be displayed on the upper layer of the media playing window, and overlapping shielding is generated.
In the embodiment of the application, for the above scenario, when the Web client needs to display the bullet box target interface on the upper layer of the media playing window, the specification information of the target interface is sent to the local media playing client, so that the media playing client receives the specification information of the target interface, and then the subsequent operation is executed according to the specification information of the target interface.
And S120, determining the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window.
Illustratively, if the target interface needs to be placed on the upper layer of the media playing window for display, the media stream playing of the media playing window is not affected, as shown in fig. 2. The scheme adopted in the embodiment of the application is that the media playing window is cut, so that after the cutting, the target interface can be displayed by being exposed through the cutting window and is not shielded by the media playing window.
Specifically, the target interface may partially overlap with the media playing window, the target interface may completely overlap with the media playing window, and the target interface may not overlap with the media playing window. According to the specification information of the target interface and the specification information of the media playing window, the specification information of the cutting window needing to be cut can be determined, so that the cutting is carried out according to the specification information of the cutting window, the overlapped part is cut, the target interface can be displayed in a penetrating mode, and the non-overlapped part does not need to be cut.
And S130, cutting the media playing window according to the specification information of the cutting window so as to display the target interface through the cut window obtained by cutting.
For example, as shown in fig. 3, the media playing window in the black area is displayed on the Web page of the Web client, the target interface may be, but is not limited to, the modified password bullet frame interface in fig. 3, the target interface and the Web page of the Web client are at the same level, and if the media playing window is not cut, the target interface is blocked by the media playing window and cannot be displayed. In the embodiment of the present application, the media playing window is cut according to the specification information of the cutting window, so that the target interface can be displayed through the cutting window, as shown in fig. 3. And displaying the interface of the modified password in a cutting window on the media playing window to realize the visual effect of embedded display.
In the embodiment of the application, the specification information of a target interface sent by a Web client is received; determining the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window; and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cutting window obtained by cutting, thereby realizing the display of the target interface in the Web client by cutting the media playing window under the condition that the media playing window of the media playing client is mounted for media stream playing in the page of the Web client which does not support the plug-in, and solving the problem that the target interface cannot be completely displayed because the media playing window shields the target interface.
Fig. 4 is a flowchart of an interface display method executed by a media playing client according to another embodiment of the present invention. For further optimization of the embodiments, details which are not described in detail in the embodiments of the present application are described in the embodiments. Referring to fig. 4, an interface display method provided in an embodiment of the present application may include:
and S210, simulating a communication protocol called by the Web client.
The communication protocol is a communication protocol called by the Web client, such as a websocket protocol.
S220, receiving a connection request sent by the Web client based on the communication protocol, and establishing communication connection with the Web client.
For example, after the Web client logs in, the Web client calls a communication protocol to bind a port number corresponding to the media playing client under the condition that the media playing client is installed locally, where the format is as follows: var ws ═ new webSocket ('ws:// 127.0.0.1: 19000'). The Web sends a link request to the media playing client through the port number, and the media playing client receives the link request and establishes communication connection with the Web client.
And S230, receiving the specification information of the media playing window sent by the Web client.
For example, the Web client may control the media playing window to be located at the display position and size of the Web page, and the specification information of the media playing window is determined by the Web client. And the Web client sends the specification information of the media playing window to the media playing client, so that the media playing client adjusts the size, the position and the like of the media playing window according to the specification information of the media playing client and displays the adjusted size, the position and the like.
And S240, displaying the media playing window on the Web page of the Web client according to the specification information of the media playing window.
Illustratively, the media playing client determines the size, position, etc. of the media playing window according to the specification information of the media playing window, and the media playing window is hung on the Web page of the Web client for display. If the operations of scrolling, switching, zooming and the like exist on the Web page of the Web client, the Web client sends the specification information of the new media playing window to the media playing client, so that the media playing client adjusts the media playing window according to the specification information of the new media playing window.
And S250, receiving the specification information of the target interface sent by the Web client.
S260, 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 playing window according to the specification information of the media playing window.
Illustratively, the specification information of the target interface and the specification information of the media playing window are converted into specific display areas, and the relative position relationship between the interface display area and the window display area is visually displayed.
S270, determining a cutting window area according to the relative positions of the interface display area and the window display area.
Illustratively, whether overlapping shielding exists or not is determined according to the relative positions of the interface display area and the window display area, and then the window area is determined to be cut according to the shielding condition.
In this embodiment of the present application, determining a clipping window area according to the relative positions of the interface display area and the window display area includes: and determining an intersection area of the interface display area and the window display area as a cutting window area.
Illustratively, the intersection region is an overlapping region of the interface display region and the window display region, and if the interface display region and the window display region overlap, the overlapping window display region may block the interface display region, so that the target interface cannot be completely displayed. And taking the intersection region as a clipping window region, thereby solving the problem of shading through clipping.
S280, determining the specification information of the cutting window according to the specification information of the media playing window and the relative position of the cutting window area and the window display area.
For example, after determining the relative position between the cropping window region and the window display region, the specification information of the cropping window may be determined according to the relative position and the specification information of the media playing window, for example, the distance between the cropping window edge and the media playing window edge, the length and the width of the cropping window, and the like.
And S290, cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
According to the scheme of the embodiment of the application, the specification information of the media playing window is sent to the media playing client through the Web client, so that the media playing client can completely display the media playing window on the Web page of the Web client according to the specification information of the media playing window. Determining a cutting window area according to the relative positions of the interface display area and the window display area; and determining the specification information of the cutting window according to the specification information of the media playing window and the relative position of the cutting window region and the window display region, and cutting the media playing window according to the specification information of the cutting window, so that the target page can be completely displayed on the media playing window under the condition that the media playing window is hung on the Web page of the Web client.
In this embodiment of the present application, after the media playing window is cut according to the specification information of the cutting window, the method further includes: and if a target interface closing instruction sent by the Web client is received, cutting the media playing window is cancelled.
Illustratively, as shown in fig. 3, if the user clicks to close the target interface, the target interface does not need to be displayed any more, and the target interface disappears. At this time, the cutting window in the media playing window is already cut and still in a perspective state, so that the previous cutting operation needs to be cancelled, and the originally displayed media playing window is restored.
In this embodiment of the present application, after the media playing window is cut according to the specification information of the cutting window, the method further includes: if the specification information of a new target interface sent by the Web client is received, cutting of the media playing window is cancelled; and executing the step of determining the specification information of the cutting window according to the specification information of the new target interface and the specification information of the media playing window.
For example, if the target interface is displaced, zoomed, stretched, etc., the currently displayed target interface needs to be updated. When the target interface is displaced, zoomed, stretched and the like, the Web client recalculates the specification information of the target interface to obtain the specification information of a new target interface, and sends the specification information of the new target interface to the media playing client. And after receiving the specification information of the new target interface, the media playing server cancels the last cutting operation, and performs the cutting operation based on the specification information of the new target interface so as to update the position, the size and the like of the target interface.
Fig. 5 is a flowchart of an interface display method executed by a Web client according to an embodiment of the present invention. The interface display method provided by the embodiment of the application can be suitable for displaying the target interface in the Web client. Typically, the interface display method provided by the embodiment of the present application can be applied to a situation that a target interface in a Web client is displayed when a media playing window of a media playing client is mounted for media stream playing in a page of the Web client that does not support a plug-in. The method may be specifically executed by an interface display apparatus, which may be implemented by software and/or hardware, and may be integrated in an electronic device capable of implementing the interface display method executed by the Web client. Details which are not elaborated upon in the examples of the present application are described in the above examples. Referring to fig. 5, the method of the embodiment of the present application specifically includes:
s310, if a target interface needs to be displayed on the media playing window, determining specification information of the target interface.
At present, a high-version Web client cannot support plug-ins such as ACTIVEX and NPAPI, that is, the Web client cannot play video streams through the plug-ins and needs to play the video streams through a local media playing client. The Web client and the media playing client are two independent clients, belong to two levels, and can only set a media playing window of the media playing client to be displayed on the upper layer of a Web page of the Web client or set the Web page of the Web client to be displayed on the upper layer of the media playing window of the media playing client. If the media playing window is set to be displayed on the Web page of the Web client, the pop-up interface in the Web client cannot be displayed on the upper layer of the media playing window, and overlapping shielding can be generated.
In the embodiment of the application, in the above scenario, when the Web client needs to display the pop-up target interface on the upper layer of the media playing window, the specification information of the target interface to be displayed is determined, so that the specification information of the target interface is sent to the local media playing client, the media playing client receives the specification information of the target interface, and then the subsequent operation is executed according to the specification information of the target interface.
S320, sending the specification information of the target interface to a media playing client so that the media playing server determines the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window; and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
Illustratively, if the target interface needs to be placed on the upper layer of the media playing window for display, without affecting the normal media stream playing of the media playing window, in the embodiment of the present application, the Web client sends the specification information of the target interface to the media playing client, and the media playing client cuts the media playing window, so that after cutting, the target interface can be shown through the cutting window without being blocked by the media playing window.
In this embodiment of the present application, before sending the specification information of the target interface to the media playing client, the method further includes: calling a communication protocol and binding a port number corresponding to the media playing client; and sending a connection request to the media playing client through the port number so as to establish communication connection with the media playing client.
For example, after the Web client logs in, the Web client calls a communication protocol to bind a port number corresponding to the media playing client under the condition that the media playing client is installed locally, where the format is as follows: var ws ═ new webSocket ('ws:// 127.0.0.1: 19000'). The Web sends a link request to the media playing client through the port number, and the media playing client receives the link request and establishes communication connection with the Web client.
In this embodiment of the present application, before sending the specification information of the target interface to the media playing client, the method further includes: and sending the specification information of the media playing window to the media playing client so that the media playing client displays the media playing window on the Web page of the Web client according to the specification information of the media playing window.
Illustratively, the Web client may control the media playing window to be located at the display position and size of the Web page, and the specification information of the media playing window is determined by the Web client. And the Web client sends the specification information of the media playing window to the media playing client, so that the media playing client adjusts the size, the position and the like of the media playing window according to the specification information of the media playing client and displays the adjusted size, the position and the like.
In the embodiment of the application, if a target interface needs to be displayed on a media playing window, the specification information of the target interface is determined; sending the specification information of the target interface to a media playing client, so that the media playing server determines the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window; and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cutting window obtained by cutting, thereby realizing the display of the target interface in the Web client by cutting the media playing window under the condition that the media playing window of the media playing client is mounted for playing the media stream in the page of the Web client which does not support the plug-in, and solving the problem that the target interface cannot be completely displayed because the media playing window shields the target interface.
Fig. 6 is a schematic structural diagram of an interface display apparatus configured in a device loaded with a media playing client according to an embodiment of the present invention. The device can be applied to the situation of displaying the target interface in the Web client. Typically, the interface display method provided by the embodiment of the present application can be applied to a situation that a target interface in a Web client is displayed when a media playing window of a media playing client is mounted for media stream playing in a page of the Web client that does not support a plug-in. The device can be implemented by software and/or hardware, and can be integrated in an electronic device capable of implementing the interface display method executed by the media playing client. Referring to fig. 6, the apparatus specifically includes:
a specification information receiving module 410, configured to receive specification information of a target interface sent by a Web client;
a cutting specification information determining module 420, configured to determine specification information of a cutting window according to the specification information of the target interface and the specification information of the media playing window;
and the cutting module 430 is configured to cut the media playing window according to the specification information of the cutting window, so that the target interface can be displayed through the cut window obtained by cutting.
In an embodiment of the present application, the apparatus further includes:
the protocol simulation module is used for simulating a communication protocol called by the Web client;
and the connection establishing module is used for receiving a connection request sent by the Web client based on the communication protocol and establishing communication connection with the Web client.
In this embodiment of the application, the cutting specification information determining module 420 includes:
a display area determining 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 playing window according to the specification information of the media playing window;
the cutting window area determining unit is used for determining a cutting window area according to the relative positions of the interface display area and the window display area;
and the specification information calculation unit is used for determining the specification information of the cutting window according to the specification information of the media playing window and the relative position of the cutting window area and the window display area.
In this embodiment of the present application, the clipping window region determining unit is specifically configured to:
and determining an intersection area of the interface display area and the window display area as a cutting window area.
In an embodiment of the present application, the apparatus further includes:
and the cutting canceling module is used for canceling the cutting of the media playing window if a target interface closing instruction sent by the Web client is received.
In an embodiment of the present application, the apparatus further includes:
the new specification information receiving module is used for canceling the cutting of the media playing window if the specification information of a new target interface sent by the Web client is received;
and the execution module is used for executing the step of determining the specification information of the cutting window according to the specification information of the new target interface and the specification information of the media playing window.
In an embodiment of the present application, the apparatus further includes:
the window specification information receiving module is used for receiving the specification information of the media playing window sent by the Web client;
and the media playing window display module is used for displaying the media playing window on the Web page of the Web client according to the specification information of the media playing window.
The interface display device configured in the device loaded with the media playing client provided by the embodiment of the application can execute the interface display method executed by the media playing client provided by any embodiment of the application, and has corresponding functional modules and beneficial effects of the execution method.
Fig. 7 is a schematic structural diagram of an interface display device configured in a device equipped with a Web client according to an embodiment of the present invention. The device can be applied to the situation of displaying the target interface in the Web client. Typically, the interface display method provided by the embodiment of the present application can be applied to a situation that a target interface in a Web client is displayed when a media playing window of a media playing client is mounted for media stream playing in a page of the Web client that does not support a plug-in. The apparatus may be implemented by software and/or hardware, and may be integrated in an electronic device capable of implementing the interface display method performed by the Web client. Referring to fig. 7, the apparatus specifically includes:
an interface specification information determining module 510, configured to determine specification information of a target interface if the target interface needs to be displayed on a media playing window;
a specification information sending module 520, configured to send the specification information of the target interface to the media playing client, so that the media playing server determines the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window; and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
In an embodiment of the present application, the apparatus further includes:
the communication protocol calling module is used for calling a communication protocol and binding a port number corresponding to the media playing client;
and the connection request sending module is used for sending a connection request to the media playing client through the port number so as to establish communication connection with the media playing client.
In an embodiment of the present application, the apparatus further includes:
and the window specification information sending module is used for sending the specification information of the media playing window to the media playing client so that the media playing client displays the media playing window on the Web page of the Web client according to the specification information of the media playing window.
The interface display device configured in the device loaded with the Web client provided by the embodiment of the application can execute the interface display method executed by the Web client provided by any embodiment of the application, and has corresponding functional modules and beneficial effects of the execution method.
Fig. 8 is a schematic structural diagram of an electronic device according to an embodiment of the present invention. FIG. 8 illustrates a block diagram of an exemplary electronic device 612 suitable for use in implementing embodiments of the present application. The electronic device 612 shown in fig. 8 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present application.
As shown in fig. 8, the electronic device 612 may include: one or more processors 616; a memory 628 configured to store one or more programs, when the one or more programs are executed by the one or more processors 616, so that the one or more processors 616 implement the interface display method executed by the media playing client according to the embodiment of the present application, including:
receiving specification information of a target interface sent by a Web client;
determining the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window;
and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
Or the method for displaying the interface executed by the Web client, provided by the embodiment of the application, includes:
if a target interface needs to be displayed on a media playing window, determining specification information of the target interface;
sending the specification information of the target interface to a media playing client, so that the media playing server determines the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window; and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
The components of the electronic device 612 may include, but are not limited to: one or more processors or processors 616, a memory 628, and a bus 618 that connects the various device components (including the memory 628 and the processors 616).
Bus 618 represents one or more of any of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, and a processor or local bus using any of a variety of bus architectures. By way of example, such architectures include, but are not limited to, Industry Standard Architecture (ISA) bus, micro-channel architecture (MAC) bus, enhanced ISA bus, Video Electronics Standards Association (VESA) local bus, and Peripheral Component Interconnect (PCI) bus.
The electronic device 612 typically includes a variety of computer-device readable storage media. These storage media may be any available storage media that can be accessed by the electronic device 612 and includes both volatile and nonvolatile storage media, removable and non-removable storage media.
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/nonvolatile computer device storage media. By way of example only, storage system 634 may be used to read from and write to non-removable, nonvolatile magnetic storage media (not shown in FIG. 8, and commonly referred to as a "hard drive"). Although not shown in FIG. 8, a magnetic disk drive for reading from and writing to a removable, nonvolatile magnetic disk (e.g., a "floppy disk") and an optical disk drive for reading from or writing to a removable, nonvolatile 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 by one or more data storage media 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 carry out the functions of embodiments of the invention.
A program/utility 640 having a set (at least one) of program modules 642 may be stored, for example, in memory 628, such program modules 642 including, but not limited to, an operating device, one or more application programs, other program modules, and program data, each of which examples or some combination thereof may comprise an implementation of a network environment. The program modules 642 generally perform the functions and/or methods of the described embodiments of the present invention.
The electronic device 612 may also communicate with one or more external devices 614 (e.g., keyboard, pointing device, display 624, etc.), with one or more devices that enable a user to interact with the electronic device 612, and/or with any devices (e.g., network card, modem, etc.) that enable the electronic device 612 to communicate with one or more other computing devices. Such communication may occur via input/output (I/O) interfaces 622. Also, the electronic device 612 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network, such as the internet) through the network adapter 420. As shown in FIG. 8, the network adapter 620 communicates with the other modules of the electronic device 612 via the bus 618. It should be appreciated that although not shown in FIG. 8, other hardware and/or software modules may be used in conjunction with the 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, among others.
The processor 616 executes various functional applications and data processing by executing at least one of other programs of the programs stored in the memory 628, for example, to implement an interface display method provided in the embodiments of the present application.
One embodiment of the present invention provides a storage medium containing computer-executable instructions, which when executed by a computer processor, are configured to perform an interface display method performed by a media playing client according to an embodiment of the present application, including:
receiving specification information of a target interface sent by a Web client;
determining the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window;
and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
Or the interface display method executed by the Web client, provided by the embodiment of the application, is executed, and includes:
if a target interface needs to be displayed on a media playing window, determining specification information of the target interface;
sending the specification information of the target interface to a media playing client, so that the media playing server determines the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window; and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
The computer storage media of the embodiments of the present application may take any combination of one or more computer-readable storage media. The computer readable storage medium may be a computer readable signal storage medium or a computer readable storage medium. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor device, apparatus, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the computer readable storage medium would include the following: an electrical connection having one or more wires, a portable computer diskette, 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 disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In embodiments of the present application, a computer readable storage medium may be any tangible storage medium that can contain, or store a program for use by or in connection with an instruction execution apparatus, device, or apparatus.
A computer readable signal storage medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal storage medium may also be any computer readable storage medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution apparatus, device, or apparatus.
Program code embodied on a 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.
Computer program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the 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 the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. Those skilled in the art will appreciate that the present invention is not limited to the particular embodiments described herein, and that various obvious changes, rearrangements and substitutions will now be apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the present invention has been described in greater detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.

Claims (12)

1. An interface display method, executed by a media playing client, the method comprising:
receiving specification information of a target interface sent by a Web client;
determining the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window;
and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
2. The method of claim 1, wherein before receiving the specification information of the target interface sent by the Web client, the method further comprises:
simulating a communication protocol called by the Web client;
and receiving a connection request sent by the Web client based on the communication protocol, and establishing communication connection with the Web client.
3. The method of claim 1, wherein determining the specification information of the cropping window according to the specification information of the target interface and the specification information of the media playing window comprises:
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 playing window according to the specification information of the media playing window;
determining a cutting window area according to the relative positions of the interface display area and the window display area;
and determining the specification information of the cutting window according to the specification information of the media playing window and the relative position of the cutting window area and the window display area.
4. The method of claim 3, wherein determining a cropped window region based on the relative positions of the interface display region and the window display region comprises:
and determining an intersection area of the interface display area and the window display area as a cutting window area.
5. The method according to claim 1, wherein after the clipping of the media playing window is performed according to the specification information of the clipping window, the method further comprises:
and if a target interface closing instruction sent by the Web client is received, cutting the media playing window is cancelled.
6. The method of claim 1, wherein after the clipping is performed on the media playing window according to the specification information of the clipping window, the method further comprises:
if the specification information of a new target interface sent by the Web client is received, cutting of the media playing window is cancelled;
and executing the step of determining the specification information of the cutting window according to the specification information of the new target interface and the specification information of the media playing window.
7. The method according to claim 1, wherein before the clipping the media playing window according to the specification information of the clipping window, the method further comprises:
receiving specification information of a media playing window sent by the Web client;
and displaying the media playing window on the Web page of the Web client according to the specification information of the media playing window.
8. An interface display method, performed by a Web client, the method comprising:
if a target interface needs to be displayed on a media playing window, determining specification information of the target interface;
sending the specification information of the target interface to a media playing client, so that the media playing server determines the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window; and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
9. An interface display apparatus configured in a device loaded with a media playing client, the apparatus comprising:
the specification information receiving module is used for receiving the specification information of the target interface sent by the Web client;
the cutting specification information determining module is used for determining the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window;
and the cutting module is used for cutting the media playing window according to the specification information of the cutting window so as to display the target interface through the cutting window obtained by cutting.
10. An interface display apparatus provided in a device equipped with a Web client, the apparatus comprising:
the interface specification information determining module is used for determining the specification information of a target interface if the target interface needs to be displayed on a media playing window;
the specification information sending module is used for sending the specification information of the target interface to the media playing client so that the media playing server determines the specification information of the cutting window according to the specification information of the target interface and the specification information of the media playing window; and cutting the media playing window according to the specification information of the cutting window so that the target interface can be displayed through the cut window obtained by cutting.
11. An electronic device, characterized in that the electronic device comprises:
one or more processors;
a memory for storing one or more programs;
when executed by the one or more processors, cause the one or more processors to implement the interface display method performed by the media playing client according to any one of claims 1-7, or implement the interface display method performed by the Web client according to claim 8.
12. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, implements the interface display method performed by a media playback client according to any one of claims 1 to 7, or implements the interface display method performed by a Web client according to claim 8.
CN202011308592.5A 2020-11-20 2020-11-20 Interface display method and device, electronic equipment and medium Pending CN114520930A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011308592.5A CN114520930A (en) 2020-11-20 2020-11-20 Interface display method and device, electronic equipment and medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011308592.5A CN114520930A (en) 2020-11-20 2020-11-20 Interface display method and device, electronic equipment and medium

Publications (1)

Publication Number Publication Date
CN114520930A true CN114520930A (en) 2022-05-20

Family

ID=81595278

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011308592.5A Pending CN114520930A (en) 2020-11-20 2020-11-20 Interface display method and device, electronic equipment and medium

Country Status (1)

Country Link
CN (1) CN114520930A (en)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101465995A (en) * 2008-11-14 2009-06-24 深圳创维数字技术股份有限公司 Digital television set-top box, device and method for managing window layout
WO2014019532A1 (en) * 2012-08-03 2014-02-06 Tencent Technology (Shenzhen) Company Limited Method and device for multi-window browsing

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101465995A (en) * 2008-11-14 2009-06-24 深圳创维数字技术股份有限公司 Digital television set-top box, device and method for managing window layout
WO2014019532A1 (en) * 2012-08-03 2014-02-06 Tencent Technology (Shenzhen) Company Limited Method and device for multi-window browsing

Similar Documents

Publication Publication Date Title
US20220053068A1 (en) Methods, apparatuses and computer storage media for applet state synchronization
US9923977B2 (en) Transferring cookie data to another domain
CN107204023B (en) Method and apparatus for avoiding distortion of graphics drawn in canvas
CN109885781B (en) Mixed page unified browsing method, device, equipment and storage medium
CN112988032B (en) Control display method and device and electronic equipment
CN109241128B (en) Automatic triggering method and system for overdue event
CN108008876B (en) Display method, device and equipment of floating window and storage medium
CN113254136A (en) Information recommendation popup window display method, device, equipment and computer readable medium
CN107301220B (en) Method, device and equipment for data driving view and storage medium
CN112269959A (en) Display content control method and device, readable medium and electronic equipment
CN107862035B (en) Network reading method and device for conference record, intelligent tablet and storage medium
CN111836093A (en) Video playing method, device, equipment and medium
CN112015309B (en) Display switching method and device and mobile terminal
CN114520930A (en) Interface display method and device, electronic equipment and medium
CN114356475A (en) Display processing method, device, equipment and storage medium
CN111273967A (en) Remote hook setting method and device suitable for Android system and electronic equipment
CN113608997B (en) Remote debugging method and device for embedded webpage of application program and electronic equipment
CN113221097A (en) Code execution method and device, electronic terminal and storage medium
CN114528509A (en) Page display processing method and device, electronic equipment and storage medium
CN113626120A (en) Method and device for determining display page, electronic equipment and storage medium
US10990750B2 (en) Dynamically bundling web page resources
CN112367295A (en) Plug-in display method and device, storage medium and electronic equipment
CN111241368A (en) Data processing method, device, medium and equipment
CN110618771B (en) Content display method, device, terminal and storage medium
CN115102748B (en) Vulnerability detection method and device, storage medium and electronic equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination