CN108810602A - A kind of method, apparatus and computer equipment for showing direct broadcasting room information - Google Patents

Abstract

The present invention provides a method for displaying live room information. The method includes: monitoring in the room list layer of the live page whether a trigger operation signal for watching the live video of the target live room is received; if the trigger operation signal is received, Then obtain the room ID and room serial number of the target live broadcast room; determine the coordinate information of the target live broadcast room in the live page according to the room ID and room serial number of the target live broadcast room; wherein, the live broadcast page includes a room list layer and a video playback layer, when displaying video When playing the layer, the room list layer is in a hidden state; determine the display coordinate value of the target live room according to the coordinate information of the target live room in the live page; adjust the video playback based on the display coordinate value of the target live room layer position, so that the video playback layer is in the center state relative to the target live broadcast room; acquire room information of the target live broadcast room, and display the room information in the video playback layer.

Description

A method, device and computer equipment for displaying live room information

technical field

The invention belongs to the technical field of video live broadcast, and in particular relates to a method, device and computer equipment for displaying information in a live broadcast room.

Background technique

With the advancement of network communication technology and the speed up of broadband network, live video technology has been more and more developed and applied.

At present, with the increase of live broadcast users, there are more and more types of live broadcasts, and the room information of each live broadcast room is also more and more. Generally, when a user is watching a live video, they can see the room information of the live room from the live window interface, but when the room information is too much and lengthy, the live window interface often cannot display complete room information.

It can be seen that there is a technical problem in the prior art that complete room information cannot be displayed on the live broadcast window interface during live video broadcasting.

Contents of the invention

Aiming at the problems existing in the prior art, the embodiment of the present invention provides a method, device and computer equipment for displaying the information of the live broadcast room, which is used to solve the problem that the live window interface cannot be completely displayed when the live broadcast website is watching the live video in the prior art technical problems with the live room information.

The present invention provides a method for displaying live room information, the method comprising:

In the room list layer of the live broadcast page, monitor whether the trigger operation signal for watching the live video of the target live room is received;

If the trigger operation signal is monitored, then obtain the room ID and room number of the target live broadcast room;

Determine the coordinate information of the target live room in the live page according to the room ID and room number of the target live room; wherein, the live page includes the room list layer and the video playback layer, when the video is displayed When playing a layer, the room list layer is hidden;

determining the display coordinate value of the target live room according to the coordinate information of the target live room in the live page;

Adjusting the position of the video playback layer based on the display coordinate value of the target live room, so that the video playback layer is centered relative to the target live room;

Obtain room information of the target live broadcast room, and display the room information in the video playback layer.

In the above scheme, determining the coordinate information of the target live room on the live page according to the room ID and room number of the target live room includes:

Determine the abscissa of the target live room in the live page according to x=index%columnCount*cellWidth;

Determine the ordinate of the target live room in the live page according to y=(cellHeight*((index-index%columnCount)/.columnCount))-contentY;

Wherein, the x is the abscissa, the y is the ordinate, the index is the room number, cellWidth is the width of the target live room, the columnCount is the number of live rooms in a row, cellHeight is the height of the target live room, and contentY is the height of the room list on the live page where the target live room is located.

In the above solution, the acquiring the room information of the target live broadcast room, and displaying the room information in the video playback layer include:

Generate a room information acquisition request based on the room ID of the target live room, and send the room information acquisition request to a server to acquire room information of the target live room;

In the video playing layer, the room information is loaded through a room information display control, and the room information is displayed in the video playing layer.

In the above solution, the acquisition of the room ID and room number of the target live broadcast room includes:

Obtain the room ID and room number of the target live broadcast room according to the message thrown by the trigger operation signal, and the message carries the room ID and room number of the target live broadcast room.

In the above solution, when it is detected that the trigger operation signal for viewing the live video in the target live room is removed, the video playback layer is hidden.

The present invention also provides a device for displaying live room information, the device comprising:

The monitoring unit is used to monitor in the room list layer of the live broadcast page whether a trigger operation signal for watching the live video of the target live room is received;

An acquisition unit, configured to acquire the room ID and room number of the target live broadcast room when the trigger operation signal is received;

A determining unit, configured to determine the coordinate information of the target live room on the live page according to the room ID and room number of the target live room; wherein, the live page includes the room list layer and the video playback layer, When the video playback layer is displayed, the room list layer is hidden;

determining the display coordinate value of the target live room according to the coordinate information of the target live room in the live page;

An adjustment unit, configured to adjust the position of the video playback layer based on the display coordinate value of the target live broadcast room, so that the video playback layer is in a centered state relative to the target live broadcast room;

A display unit, configured to acquire room information of the target live broadcast room, and display the room information in the video playback layer.

In the above solution, the determination unit is specifically used for:

Determine the abscissa of the target live room in the live page according to x=index%columnCount*cellWidth;

Determine the ordinate of the target live room in the live page according to y=(cellHeight*((index-index%columnCount)/.columnCount))-contentY;

Wherein, the x is the abscissa, the y is the ordinate, the index is the room number, cellWidth is the width of the target live room, the columnCount is the number of live rooms in a row, cellHeight is the height of the target live room, and contentY is the height of the room list on the live page where the target live room is located.

In the above solution, the display unit is specifically used for:

Generate a room information acquisition request based on the room ID of the target live room, and send the room information acquisition request to a server to acquire room information of the target live room;

In the video playing layer, the room information is loaded through a room information display control, and the room information is displayed in the video playing layer.

The present invention also provides a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, the method described in any one of the above-mentioned methods is realized.

The present invention also provides a computer device, including a memory, a processor, and a computer program stored on the memory and operable on the processor, and the processor implements the method described in any one of the above when executing the program .

The present invention provides a method for displaying information of a live broadcast room, the method comprising: monitoring whether a trigger operation signal for watching live video of a target live broadcast room is received in the room list layer of the live broadcast page; if the trigger operation signal is received signal, then obtain the room ID and room serial number of the target live broadcast room; determine the coordinate information of the target live broadcast room in the live page according to the room ID and room serial number of the target live broadcast room; wherein, the live page It includes a room list layer and a video playback layer. When the video playback layer is displayed, the room list layer is in a hidden state; the display of the target live room is determined according to the coordinate information of the target live room in the live page coordinate value; adjust the position of the video playback layer based on the display coordinate value of the target live room, so that the video playback layer is in the center state relative to the target live room; obtain the room information of the target live room, Display the room information in the video playback layer; like this, because the live broadcast page includes a room list layer and a video playback layer, when you need to watch or preview the live video of the target live room, move the mouse to the target in the room list layer Live room or click on the target live room, so that a trigger operation signal will be monitored, and when the trigger operation signal is monitored, according to the room ID and room number of the target live room, it is determined that the target live room is in the live page Coordinate information of the target live broadcast room, adjust the position of the video playback layer based on the display coordinate value of the target live broadcast room, so that the video playback layer is in the center state relative to the target live broadcast room; so no matter how long the live broadcast room information is, Since the video playback layer is always in the center state relative to the target live broadcast room, room information can be completely displayed.

Description of drawings

FIG. 1 is a schematic flow chart of a method for displaying live room information provided by Embodiment 1 of the present invention;

FIG. 2 is a schematic structural diagram of a device for displaying live room information provided by Embodiment 2 of the present invention;

FIG. 3 is a schematic diagram of the overall structure of a computer device for displaying live room information provided by Embodiment 3 of the present invention.

Detailed ways

The present invention provides a method, device and computer equipment for displaying live room information, which is used to solve the technical problem in the prior art that when watching live video on a live broadcast website, the live window interface cannot display complete live room information.

The general idea of the technical solution in the embodiment of the application is as follows:

In the room list layer of the live broadcast page, monitor whether the trigger operation signal for watching the live video of the target live room is received; if the trigger operation signal is received, then obtain the room ID and the room sequence number of the target live room; according to the target The room ID and room serial number of the live room determine the coordinate information of the target live room in the live page; wherein, the live page includes a room list layer and a video playback layer, and when the video playback layer is displayed, the The room list layer is in a hidden state; determine the display coordinate value of the target live room according to the coordinate information of the target live room in the live page; adjust the video playback based on the display coordinate value of the target live room layer position, so that the video playback layer is in the center state relative to the target live broadcast room; acquire room information of the target live broadcast room, and display the room information in the video playback layer.

The technical solution of the present invention will be further described in detail below with reference to the drawings and specific embodiments.

Embodiment one

This embodiment provides a method for displaying live room information, as shown in Figure 1, the method includes:

S101, monitor in the room list layer of the live broadcast page whether a trigger operation signal for watching the live video in the target live room is received;

In this step, since there are multiple live rooms, the server has a roomManager room manager, and each live room has a room interface of the live room network interface, and the server communicates with the room network interface on the terminal through the roomManager, and implements each Live room management. The live page can be implemented in the following ways:

A1: Create a window object Qt, and make the window object inherit QQuickView and instantiate it,

A2: Create a QQmlApplicationEngine engine object in Qt for parsing and creating interface controls. The program is implemented as follows:

m_engine = new QQmlApplicationEngine(this);

Wherein, the m_engine is the engine object, QQmlApplicationEngine is the engine, and this is the parent class of QQmlApplicationEngine.

A3: Obtain the QQmlContext address in the QQmlApplicationEngine object, which is used to bind the object in Qt. The program is implemented as follows:

QQmlContext*context=m_engine->rootContext();

Wherein, the QQmlContext*context is the context of the qml file, and rootContext () is the calling method for obtaining the Context root node context;

A4: Set the preset qml file path, as follows:

context->setContextPdoperty("_app_path", appPath);

Among them, context->setContextPdoperty is the method of calling the file path, and appPath is the file path of the main window in the window object.

Use this path to load all ui interface controls of the live page

A5: Bind the roomManager object to the QML context to facilitate calling the roomManager method in QML. Since each live interface needs to request a network interface, each live interface has an interface room interface that requests the server, and in roomManager There is a list of all room interfaces (room network interfaces).

The live broadcast page includes two layers, that is, a room list layer and a video playback layer. When the video playback layer is displayed, the room list layer is hidden; it is convenient for users to watch the live video of the video playback layer. The video playback layer includes video playback controls, room information display controls, room titles, popularity information, and label information. Wherein, the live broadcast page includes a room list layer and a video play layer, and when the video play layer is displayed, the room list layer is hidden.

In the specific implementation process, the room list layer includes a list realization part and a data realization part, and the list realization part is as follows:

B1: Add a view display control in the preset qml script file: gridView control, which is used to display the panel style of the live room;

B2: Set the general properties of the gridView control, which is used to set the format of the panel style of the live room, such as the position, size and size of each node; each node refers to each live room in the live page;

B3: Add a view display proxy to implement the panel styles of all live rooms. The panel styles of each live room are the same, only the data is different. The room panel style refers to the style of each live room node in the list, and the panel style is fixed. The data is provided by the model set by the gridView control.

The specific implementation of the data implementation part is as follows:

C1: When the window object of the live page is created, send a get request to the server to obtain the list information of all live rooms;

C2: Get the room list information returned by the server in json format (JavaScript Object Notation, JS object tag, which is a lightweight data exchange format), and parse the room list information; among them, the server returns the json format Array information, so it is necessary to parse the array information to obtain the list information of each room; the list information includes: room name, host name, online number, etc.

C3: Construct the view display model, and add the parsed list information to the view display model,

C4: Set the built view display model to the view display control: gridView control, then set the data of the view display model, and add the data to the room list.

After introducing the implementation of the room list layer, the following describes the implementation process of the video playback layer:

D1: Add a control panel to the preset qml file;

D2: Add playback controls in the control panel for playing live video;

D3: Add room information display controls, room title, heat, classification and label information, etc. in the control panel.

After the above information is set, the gridView control monitors in the room list layer of the live broadcast page whether it receives a trigger operation signal to watch the live video in the target live room; the trigger operation signal includes: a mouse click signal or a mouse move-in signal; that is, the user directly When watching the live video of the target live room, what is monitored is the mouse click signal; when the user previews the live video of the target live room, what is monitored is the mouse move signal.

S102, if the trigger operation signal is monitored, obtain the room ID and room number of the target live broadcast room;

If the trigger operation signal is monitored, the room ID and room serial number of the target live room are obtained; here, if the user moves the mouse to or clicks on the target live room in the room list layer, the trigger operation signal will be triggered, A message will be thrown when the operation signal is triggered, and the room ID and room number of the target live room are obtained according to the message thrown by the trigger operation signal, and the room ID and room number of the target live room are carried in the message . For example, there are 9 live rooms on the live page, similar to the format of Jiugongge, then the order of each room is from left to right and from top to bottom.

S103. Determine the coordinate information of the target live room on the live page according to the room ID and room number of the target live room;

After obtaining the room ID and room serial number of the target live broadcast room, pass the room ID and room subscript of the target live broadcast room to the gridView control, and determine the location of the target live broadcast room according to the room ID and room serial number of the target live broadcast room The coordinate information in the live broadcast page; the specific implementation process is as follows:

Determine the abscissa information of the target live room in the live page according to x=index%columnCount*cellWidth;

Determine the ordinate information of the target live room in the live page according to y=(cellHeight*((index-index%columnCount)/.columnCount))-contentY; wherein, the x is the abscissa, the The y is the ordinate, the index is the room number, cellWidth is the width of the target live room, the columnCount is the number of live rooms in a row, cellHeight is the height of the target live room, and contentY is The height of the room list on the live page where the target live room is located.

S104. Determine the display coordinate value of the target live room according to the coordinate information of the target live room on the live page;

After the room ID and room number of the target live room are determined, the display coordinate values (x, y) of the target live room are determined according to the coordinate information of the target live room on the live page.

S105. Adjust the position of the video playback layer based on the display coordinate value of the target live broadcast room, so that the video playback layer is centered relative to the target live broadcast room;

Get the display coordinate value of the target live room, and then set the display coordinate value in the room information display control. When previewing or playing the video, use the display coordinate value as the reference to adjust the position of the video playback layer in real time, so that the video playback layer is relative to the The position of the target live room is always in the center state, that is, the video playback layer is on top, the target live room is below, and the center point of the video playback layer coincides with the center point of the target live room.

S106. Acquire room information of the target live broadcast room, and display the room information in the video playback layer.

Then based on the room ID of the target live room, a room information acquisition request is generated, and the roomManager object will send a room information acquisition request to the server through the network interface of the target live room to request the room information of the target live room, and the request carries The room ID of the target live room. The server will return the room information of the room based on the room ID, and the terminal will display the room information in the video playback layer after receiving the room information. Here, the room information includes: room name, host name, room label information, number of online people and other information; the room information is information in json format.

In the specific implementation process, when the terminal receives the room information of the target live broadcast room, it feeds back the room information to the room information display control of the video playback layer. In the video playback layer, the room information display control loads all The room information is displayed in the video playback layer. In this way, the coordinate position of the video playback layer relative to the target live broadcast room is always in the center position, so the room information can be completely displayed in the live broadcast interface.

As an optional implementation manner, when it is detected that the trigger operation signal for viewing the live video in the target live room is removed, the video playback layer is hidden.

In addition, when previewing the video of the target live broadcast room according to the above method, the preview video will be played continuously, and the implementation is as follows:

After obtaining the room ID of the target live room, a live video preview request can be generated based on the room ID of the target live room, and the live video preview request can be sent to the server to obtain the video stream address of the target live room .

After obtaining the video stream address, the terminal plays and previews the live video of the target live broadcast room based on the video stream address in the video playback layer.

The specific implementation process is as follows: obtain the video stream information of the target live room based on the video stream address; load the video stream information into the player control in the video playback layer, and play it through the player control The video stream information previews the live video of the target live room. In this way, the user can continuously preview the live video because the player control can continuously play the live video.

As an optional implementation manner, when it is detected that the live video preview of the target live room room triggers the removal of the operation signal, the video playback layer is hidden and the live video of the target live room room is paused.

Based on the same inventive concept, the present invention also provides a device for displaying live room information, see Embodiment 2 for details.

Embodiment two

This embodiment provides a device for displaying information in a live broadcast room. Referring to FIG. 2, the device includes: a monitoring unit 21, an acquisition unit 22, a determination unit 23, an adjustment unit 24, and a display unit 25; wherein,

The monitoring unit 21 is used to monitor in the room list layer of the live page whether a trigger operation signal for watching the live video of the target live room is received;

Specifically, since there are multiple live rooms, the server has a roomManager room manager, and each live room has a room interface, the network interface of the live room. The server communicates with the room network interface on the terminal through the roomManager, and realizes the room management. The live page can be implemented in the following ways:

A1: Create a window object Qt, and make the window object inherit QQuickView and instantiate it,

A2: Create a QQmlApplicationEngine engine object in Qt for parsing and creating interface controls. The program is implemented as follows:

m_engine = new QQmlApplicationEngine(this);

Wherein, the m_engine is the engine object, QQmlApplicationEngine is the engine, and this is the parent class of QQmlApplicationEngine.

A3: Obtain the QQmlContext address in the QQmlApplicationEngine object, which is used to bind the object in Qt. The program is implemented as follows:

QQmlContext*context=m_engine->rootContext();

Wherein, the QQmlContext*context is the context of the qml file, and rootContext () is the calling method for obtaining the Context root node context;

A4: Set the preset qml file path, as follows:

context->setContextPdoperty("_app_path", appPath);

Among them, context->setContextPdoperty is the method of calling the file path, and appPath is the file path of the main window in the window object.

Use this path to load all ui interface controls of the live page

A5: Bind the roomManager object to the QML context to facilitate calling the roomManager method in QML. Since each live interface needs to request a network interface, each live interface has an interface room interface that requests the server, and in roomManager There is a list of all room interfaces (room network interfaces).

The live broadcast page includes two layers, that is, a room list layer and a video playback layer. When the video playback layer is displayed, the room list layer is hidden; it is convenient for users to watch the live video of the video playback layer. The video playback layer includes video playback controls, room information display controls, room titles, popularity information, and label information. Wherein, the live broadcast page includes a room list layer and a video play layer, and when the video play layer is displayed, the room list layer is hidden.

In the specific implementation process, the room list layer includes a list realization part and a data realization part, and the list realization part is as follows:

B1: Add a view display control in the preset qml script file: gridView control, which is used to display the panel style of the live room;

B2: Set the general properties of the gridView control, which is used to set the format of the panel style of the live room, such as the position, size and size of each node; each node refers to each live room in the live page;

B3: Add a view display proxy to implement the panel styles of all live rooms. The panel styles of each live room are the same, only the data is different. The room panel style refers to the style of each live room node in the list, and the panel style is fixed. The data is provided by the model set by the gridView control.

The specific implementation of the data implementation part is as follows:

C1: When the window object of the live page is created, send a get request to the server to obtain the list information of all live rooms;

C2: Get the room list information returned by the server in json format (JavaScript Object Notation, JS object tag, which is a lightweight data exchange format), and parse the room list information; among them, the server returns the json format Array information, so it is necessary to parse the array information to obtain the list information of each room; the list information includes: room name, host name, online number, etc.

C3: Construct the view display model, and add the parsed list information to the view display model,

C4: Set the built view display model to the view display control: gridView control, then set the data of the view display model, and add the data to the room list.

After introducing the implementation of the room list layer, the following describes the implementation process of the video playback layer:

D1: Add a control panel to the preset qml file;

D2: Add playback controls in the control panel for playing live video;

D3: Add room information display controls, room title, heat, classification and label information, etc. in the control panel.

After the above information is set, the gridView control monitors in the room list layer of the live broadcast page whether it receives a trigger operation signal to watch the live video in the target live room; the trigger operation signal includes: a mouse click signal or a mouse move-in signal; that is, the user directly When watching the live video of the target live room, what is monitored is the mouse click signal; when it is used to preview the live video of the target live room, what is monitored is the mouse move signal.

If the trigger operation signal is detected, the obtaining unit 22 is configured to obtain the room ID and room number of the target live broadcast room.

Here, if the user moves the mouse to or clicks on the target live room in the room list layer, the trigger operation signal will be triggered, and a message will be thrown out from the trigger operation signal. According to the message thrown by the trigger operation signal, the The room ID and room number of the target live room, the message carries the room ID and room number of the target live room. For example, there are 9 live rooms on the live page, similar to the format of Jiugongge, then the order of each room is from left to right and from top to bottom.

After obtaining the room ID and the room serial number of the target live broadcast room, the first determination unit 23 is used to determine the coordinate information of the target live broadcast room in the live page according to the room ID and the room serial number of the target live broadcast room; The room ID and room subscript of the live room are passed to the gridView control, and the coordinate information of the target live room on the live page is determined according to the room ID and room number of the target live room; the specific implementation process is as follows:

The determination unit 23 determines the abscissa information of the target live room in the live page according to x=index%columnCount*cellWidth;

Determine the ordinate information of the target live room in the live page according to y=(cellHeight*((index-index%columnCount)/.columnCount))-contentY; wherein, the x is the abscissa, the The y is the ordinate, the index is the room number, cellWidth is the width of the target live room, the columnCount is the number of live rooms in a row, cellHeight is the height of the target live room, and contentY is The height of the room list on the live page where the target live room is located.

After the room ID and room number of the target live room are determined, the display coordinate values (x, y) of the target live room are determined according to the coordinate information of the target live room on the live page.

After obtaining the display coordinate value of the target live broadcast room, the display coordinate value is set in the room information display control. When previewing or playing the video, the adjustment unit 24 adjusts the position of the video playback layer in real time based on the display coordinate value, so that the video playback The position of the layer relative to the target live room is always in the middle position, that is, the video playback layer is on top, the target live room is below, and the center point of the video playback layer coincides with the center point of the target live room. In this way, the live room information can be fully displayed.

Then the display unit 25 is used to acquire the room information of the target live broadcast room, and display the room information in the video playing layer.

Based on the room ID of the target live room, a room information acquisition request is generated, and the roomManager object will send a room information acquisition request to the server through the network interface of the target live room to request the room information of the target live room, and the request carries the target The room ID of the live room. The server will return the room information of the room based on the room ID, and the terminal will display the room information in the video playback layer after receiving the room information. Here, the room information includes: room name, host name, room label information, number of online people and other information; the room information is information in json format.

In a specific implementation process, when the display unit 25 receives the room information of the target live broadcast room, it feeds back the room information to the room information display control of the video playback layer, and in the video playback layer, through the room information display control Load the room information, and display the room information in the video playing layer. In this way, the coordinate position of the video playback layer relative to the target live broadcast room is always in the center position, so the room information can be completely displayed in the live broadcast interface.

As an optional implementation manner, when the display unit 25 detects that the trigger operation signal for viewing the live video in the target live room is removed, the video playback layer is hidden.

In addition, when previewing the video of the target live broadcast room according to the above method, the preview video will be played continuously, and the implementation is as follows:

After obtaining the room ID of the target live room, the determination unit 23 can also generate a live video preview request based on the room ID of the target live room, and send the live video preview request to the server to obtain the target live room URL of the video stream.

After the display unit 25 acquires the video stream address, in the video playback layer, based on the video stream address, the live video of the target live room is played and previewed.

The specific implementation process is as follows: the display unit 25 obtains the video stream information of the target live room based on the video stream address; the video stream information is loaded into the player control in the video playback layer, and through the playback The device control plays the video stream information, and previews the live video in the target live room. In this way, the user can continuously preview the live video because the player control can continuously play the live video.

As an optional implementation manner, when the display unit 25 detects that the live video preview of the target live broadcast room triggers the operation signal to be removed, the video playback layer is hidden and the live video of the target live broadcast room is paused.

Based on the same inventive concept, the present invention also provides a computer-readable storage medium and computer equipment for displaying information corresponding to a live broadcast room, see Embodiment 3 for details.

Embodiment three

This embodiment also provides a computer device for displaying live room information, as shown in FIG. 3 , the computer device includes: a radio frequency (Radio Frequency, RF) circuit 310, a memory 320, an input unit 330, a display unit 340, Audio circuit 350, WiFi module 360, processor 370, power supply 380 and other components. Those skilled in the art can understand that the structure of the computer device shown in FIG. 3 is not limited to the computer device, and may include more or less components than shown in the figure, or combine some components, or arrange different components.

The following is a specific introduction to each component of the computer device in conjunction with FIG. 3:

The RF circuit 310 can be used for receiving and sending signals, especially, after receiving the downlink information of the base station, the processor 370 processes it. Generally, the RF circuit 310 includes, but is not limited to, at least one amplifier, transceiver, coupler, low noise amplifier (Low Noise Amplifier, LNA), duplexer, and the like.

The memory 320 can be used to store software programs and modules, and the processor 370 executes various functional applications and data processing of the computer device by running the software programs and modules stored in the memory 320 . The memory 320 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application program required by at least one function, etc.; the data storage area may store data created according to the use of the computer device, etc. In addition, the memory 320 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid-state storage devices.

The input unit 330 may be used to receive inputted number or character information, and generate key signal input related to user settings and function control of the computer device. Specifically, the input unit 330 may include a keyboard 331 and other input devices 332 . The keyboard 331 can collect the user's input operations on it, and drive the corresponding connection device according to the preset program. The keyboard 331 collects the output information and then sends it to the processor 370 . In addition to the keyboard 331 , the input unit 330 may also include other input devices 332 . Specifically, other input devices 332 may include but not limited to one or more of a touch panel, function keys (such as volume control keys, switch keys, etc.), trackball, mouse, joystick, and the like.

The display unit 340 may be used to display information input by or provided to the user and various menus of the computer device. The display unit 340 may include a display panel 341. Optionally, the display panel 341 may be configured in the form of a liquid crystal display (Liquid Crystal Display, LCD) or an organic light-emitting diode (Organic Light-Emitting Diode, OLED). Further, the keyboard 331 can cover the display panel 341, and when the keyboard 331 detects a touch operation on or near it, it sends it to the processor 370 to determine the type of the touch event, and then the processor 370 displays the touch event on the display panel according to the type of the input event. 341 provides a corresponding visual output. Although the keyboard 331 and the display panel 341 are used as two independent components to realize the input and input functions of the computer device in FIG. input and output functions.

Audio circuit 350, speaker 351, and microphone 352 may provide an audio interface between the user and the computer device. The audio circuit 350 can transmit the electrical signal converted from the received audio data to the speaker 351, and the speaker 351 converts it into a sound signal for output;

WiFi is a short-distance wireless transmission technology. Computer equipment can help users send and receive emails, browse web pages, and access streaming media through the WiFi module 360. It provides users with wireless broadband Internet access. Although FIG. 3 shows the WiFi module 360, it can be understood that it is not a necessary component of the computer equipment, and can be omitted according to needs without changing the essence of the invention.

The processor 370 is the control center of the computer equipment, and uses various interfaces and lines to connect various parts of the entire computer equipment, by running or executing software programs and/or modules stored in the memory 320, and calling data stored in the memory 320 , to perform various functions of computer equipment and process data, so as to monitor the computer equipment as a whole. Optionally, the processor 370 may include one or more processing units; preferably, the processor 370 may integrate an application processor, wherein the application processor mainly processes an operating system, a user interface, an application program, and the like.

The computer device also includes a power supply 380 (such as a power adapter) for supplying power to various components. Preferably, the power supply can be logically connected to the processor 370 through a power management system.

The beneficial effects brought by the video preview method, device and computer equipment provided by the embodiments of the present invention are at least:

The present invention provides a method device and computer equipment for displaying information of a live broadcast room. The method includes: monitoring in the room list layer of the live broadcast page whether a trigger operation signal for watching the live video of the target live broadcast room is received; The trigger operation signal is to obtain the room ID and room number of the target live room; determine the coordinate information of the target live room in the live page according to the room ID and room number of the target live room; wherein, The live broadcast page includes a room list layer and a video playback layer. When the video playback layer is displayed, the room list layer is in a hidden state; the target is determined according to the coordinate information of the target live room in the live page The display coordinate value of the live broadcast room; adjust the position of the video playback layer based on the display coordinate value of the target live broadcast room, so that the video playback layer is in the center state relative to the target live broadcast room; obtain the target live broadcast room room information, and display the room information in the video playback layer; in this way, because the live broadcast page includes a room list layer and a video playback layer, when you need to watch or preview the live video of the target live room, you will display the room information in the room list layer Move the mouse into the target live broadcast room or click on the target live broadcast room, so that a trigger operation signal will be monitored. When the trigger operation signal is monitored, the target live room is determined according to the room ID and room number of the target live broadcast room. The coordinate information in the live broadcast page, adjust the position of the video playback layer based on the display coordinate value of the target live room, so that the video playback layer is in the center state relative to the target live room; thus regardless of the live room information How long is it? Because the video playback layer is always in the center of the target live room, it can completely display the room information and bring a better experience to the user; When previewing, move the mouse to the target live room, and the live video preview trigger operation will be triggered to obtain the room ID of the target live room; then obtain the video stream address of the live room from the server according to the room ID, and feed back the video stream address In the video playback layer, the video playback layer can continuously play the live video of the target live broadcast room based on the video stream address, so that when previewing the video, what is previewed is the video picture that is continuously played, so that it can be accurately judged Find out whether the live broadcast room is a live broadcast room that you are interested in.

The algorithms and displays presented herein are not inherently related to any particular computer, virtual system, or other device. Various generic systems can also be used with the teachings based on this. The structure required to construct such a system is apparent from the above description. Furthermore, the present invention is not specific to any particular programming language. It should be understood that various programming languages can be used to implement the content of the present invention described herein, and the above description of specific languages is for disclosing the best mode of the present invention.

In the description provided herein, numerous specific details are set forth. However, it is understood that embodiments of the invention may be practiced without these specific details. In some instances, well-known methods, structures and techniques have not been shown in detail in order not to obscure the understanding of this description.

Similarly, it should be appreciated that in the foregoing description of exemplary embodiments of the invention, in order to streamline this disclosure and to facilitate an understanding of one or more of the various inventive aspects, various features of the invention are sometimes grouped together in a single embodiment, figure, or its description. This method of disclosure, however, is not to be interpreted as reflecting an intention that the claimed invention requires more features than are expressly recited in each claim. Rather, as the following claims reflect, inventive aspects lie in less than all features of a single foregoing disclosed embodiment. Thus, the claims following the Detailed Description are hereby expressly incorporated into this Detailed Description, with each claim standing on its own as a separate embodiment of this invention.

Those skilled in the art can understand that the modules in the device in the embodiment can be adaptively changed and arranged in one or more devices different from the embodiment. Modules or units or components in the embodiments may be combined into one module or unit or component, and furthermore may be divided into a plurality of sub-modules or sub-units or sub-assemblies. All features disclosed in this specification (including accompanying claims, abstract and drawings) and any method or method so disclosed may be used in any combination, except that at least some of such features and/or processes or units are mutually exclusive. All processes or units of equipment are combined. Each feature disclosed in this specification (including accompanying claims, abstract and drawings) may be replaced by alternative features serving the same, equivalent or similar purpose, unless expressly stated otherwise.

Furthermore, those skilled in the art will understand that although some embodiments herein include some features included in other embodiments but not others, combinations of features from different embodiments are meant to be within the scope of the invention. And form different embodiments. For example, in the following claims, any of the claimed embodiments may be used in any combination.

The various component embodiments of the present invention may be implemented in hardware, or in software modules running on one or more processors, or in a combination thereof. It should be understood by those skilled in the art that a microprocessor or a digital signal processor (DSP, Digital Signal Processing) can be used in practice to implement some or all of the gateway, proxy server, and system according to the embodiments of the present invention. Or full functionality. The present invention can also be implemented as an apparatus or an apparatus program (for example, a computer program and a computer program product) for performing a part or all of the methods described herein. Such a program for realizing the present invention may be stored on a computer-readable storage medium, or may be in the form of one or more signals. Such a signal may be downloaded from an Internet site, or provided on a carrier signal, or provided in any other form.

It should be noted that the above-mentioned embodiments illustrate rather than limit the invention, and that those skilled in the art will be able to design alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as limiting the claim. The word "comprising" does not exclude the presence of elements or steps not listed in a claim. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. The invention can be implemented by means of hardware comprising several distinct elements, and by means of a suitably programmed computer. In a unit claim enumerating several means, several of these means can be embodied by one and the same item of hardware. The use of the words first, second, and third, etc. does not indicate any order. These words can be interpreted as names.

The above description is only a preferred embodiment of the present invention, and is not used to limit the protection scope of the present invention. Any modifications, equivalent replacements and improvements made within the spirit and principles of the present invention shall be included in the within the protection scope of the present invention.

Claims (10)

1. A method for displaying live room information, the method comprising:

monitoring whether a trigger operation signal for watching a live video of a target live broadcast room is received in a room list surface layer of a live broadcast page;

if the trigger operation signal is monitored, acquiring a room ID and a room serial number of the target live broadcast room;

determining coordinate information of the target live broadcast room in the live broadcast page according to the room ID and the room sequence number of the target live broadcast room; the live broadcast page comprises a room list layer and a video playing layer, and the room list layer is in a hidden state when the video playing layer is displayed;

determining a display coordinate value of the target live broadcast room according to coordinate information of the target live broadcast room in the live broadcast page;

adjusting the position of the video playing layer by taking the display coordinate value of the target live broadcast room as a reference, so that the video playing layer is in a centered state relative to the target live broadcast room;

and acquiring room information of the target live broadcast room, and displaying the room information in the video playing layer.

2. The method of claim 1, wherein the determining coordinate information of the target live room in the live page according to the room ID and the room number of the target live room comprises:

determining the horizontal coordinate of the target live broadcast room in the live broadcast page according to x ═ index% columnCount × -cellWidth;

determining a vertical coordinate of the target live broadcast room in the live broadcast page according to y ═ cellHeight ((index-index% columnCount)/. columnCount)) -contentY;

the device comprises a target live broadcast room, a columnCount line, a columnCount line, a cellHeight, a contentY and a room list, wherein x is the horizontal coordinate, y is the vertical coordinate, index is the room serial number, cellWidth is the width of the target live broadcast room, the number of live broadcast rooms in the columnCount line, cellHeight is the height of the target live broadcast room, and the contentY is the height of the room list of a live broadcast page where the target live broadcast room is located.

3. The method of claim 1, wherein the obtaining room information for the target live room, the displaying the room information in the video playback layer, comprises:

generating a room information acquisition request based on the room ID of the target live broadcast room, and sending the room information acquisition request to a server to acquire the room information of the target live broadcast room;

and loading the room information in the video playing layer through a room information display control, and displaying the room information in the video playing layer.

4. The method of claim 1, wherein the obtaining the room ID and the room number of the target live room comprises:

and acquiring the room ID and the room serial number of the target live broadcast room according to the message thrown by the trigger operation signal, wherein the message carries the room ID and the room serial number of the target live broadcast room.

5. The method of claim 1, wherein the video playback layer is hidden when removal of a trigger action signal to view the target live broadcast video is detected.

6. An apparatus for displaying live room information, the apparatus comprising:

the monitoring unit is used for monitoring whether a trigger operation signal for watching a live video of a target live broadcast room is received in a room list surface layer of a live broadcast page;

the acquisition unit is used for acquiring the room ID and the room serial number of the target live broadcast room when the trigger operation signal is received;

the determining unit is used for determining the coordinate information of the target live broadcast room in the live broadcast page according to the room ID and the room sequence number of the target live broadcast room; the live broadcast page comprises a room list layer and a video playing layer, and the room list layer is in a hidden state when the video playing layer is displayed;

determining a display coordinate value of the target live broadcast room according to coordinate information of the target live broadcast room in the live broadcast page;

the adjusting unit is used for adjusting the position of the video playing layer by taking the display coordinate value of the target live broadcast room as a reference, so that the video playing layer is in a centered state relative to the target live broadcast room;

and the display unit is used for acquiring the room information of the target live broadcast room and displaying the room information in the video playing layer.

7. The apparatus of claim 6, wherein the determination unit is specifically configured to:

determining the horizontal coordinate of the target live broadcast room in the live broadcast page according to x ═ index% columnCount × -cellWidth;

determining a vertical coordinate of the target live broadcast room in the live broadcast page according to y ═ cellHeight ((index-index% columnCount)/. columnCount)) -contentY;

the device comprises a target live broadcast room, a columnCount line, a columnCount line, a cellHeight, a contentY and a room list, wherein x is the horizontal coordinate, y is the vertical coordinate, index is the room serial number, cellWidth is the width of the target live broadcast room, the number of live broadcast rooms in the columnCount line, cellHeight is the height of the target live broadcast room, and the contentY is the height of the room list of a live broadcast page where the target live broadcast room is located.

8. The apparatus of claim 6, wherein the display unit is specifically configured to:

generating a room information acquisition request based on the room ID of the target live broadcast room, and sending the room information acquisition request to a server to acquire the room information of the target live broadcast room;

and loading the room information in the video playing layer through a room information display control, and displaying the room information in the video playing layer.

9. A computer-readable storage medium, on which a computer program is stored, which program, when being executed by a processor, is adapted to carry out the method of any one of claims 1 to 5.

10. A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the method of any one of claims 1 to 5 when executing the program.