CN115150656B

CN115150656B - Updating method and device of live broadcasting room display page, electronic equipment and storage medium

Info

Publication number: CN115150656B
Application number: CN202210804910.XA
Authority: CN
Inventors: 褚思敏; 张瑶
Original assignee: Shanghai Baijiayun Technology Co Ltd
Current assignee: Shanghai Baijiayun Technology Co Ltd
Filing date: 2022-07-08
Publication date: 2024-07-12
Anticipated expiration: 2042-07-08

Abstract

The application provides a method, a device, electronic equipment and a storage medium for updating a display page of a live broadcasting room, wherein the method comprises the following steps: responding to touch operation of a display page, and acquiring a display chart corresponding to the touch operation; according to the linkage marks of the display charts, acquiring all the display charts with the same linkage marks as the display charts from the display page; and processing all display charts with the linkage marks according to a processing mode corresponding to the touch operation through a pre-created sub-thread to obtain all processed display charts, and updating a display page by using all processed display charts. By adopting the technical scheme provided by the application, the video call data in all the display charts with the same linkage marks as the operated display charts can be processed by the sub-thread at the same time so as to update the display page; the linkage operation of the chart is realized while the original data is not reduced, the problem of page blocking is solved, and the fluency of operating the page is improved.

Description

Updating method and device of live broadcasting room display page, electronic equipment and storage medium

Technical Field

The present application relates to the field of data processing technologies, and in particular, to a method and apparatus for updating a display page in a live broadcast room, an electronic device, and a storage medium.

Background

When viewing the video call condition of the live broadcasting room, the video call condition of the live broadcasting room is described through different charts, the whole-course video call condition of all users in the live broadcasting room on different charts needs to be displayed, and the live broadcasting room has a plurality of huge data charts, so that the display page is prevented from being blocked and is mainly displayed in two ways: scheme one: cancelling linkage operation among the charts; scheme II: the data amount of the original data is reduced by increasing the granularity of each chart.

Currently, for scheme one: the linkage operation between charts is canceled, so that a plurality of charts can be displayed on the premise of not reducing the original data quantity, but the scheme needs to operate each chart, and the data of each chart at the moment is independently checked, so that the relevance among all the data at the moment can not be well reflected, and the data analysis efficiency is affected; for scheme two: reducing the amount of raw data can display the linkage operation of the chart, but the way of reducing the raw data affects the accuracy of data analysis; therefore, how to improve the smoothness of the operation display page without reducing the original data and also having the linkage operation of the graph becomes a problem to be solved urgently.

Disclosure of Invention

Accordingly, an object of the present application is to provide a method, an apparatus, an electronic device, and a storage medium for updating a display page in a live broadcasting room, wherein a plurality of display charts having the same statistical attribute can be associated through a linkage mark, and all display charts having the same linkage mark with the display charts are processed together through a sub-thread according to a processing mode corresponding to a touch operation according to the display charts corresponding to the touch operation, so as to update the display page; the linkage operation of the chart is realized while the original data is not reduced, the problem of page blocking is solved, and the fluency of operating the page is improved.

The application mainly comprises the following aspects:

in a first aspect, an embodiment of the present application provides a method for updating a display page in a live broadcast room, where the method includes:

Responding to touch operation of a display page, and acquiring a display chart corresponding to the touch operation; the display page comprises a plurality of display charts with the same linkage marks; the linkage marks are used for associating the display charts with at least one same statistical attribute in the plurality of display charts of the display page by using the same mark; the statistical attribute comprises live time of the target live room and various performance parameters for representing conversation performance of all users of the target live room;

acquiring all display charts with the same linkage marks as the display charts in the display page according to the linkage marks of the display charts;

And processing all the determined display charts with the linkage marks according to the processing mode corresponding to the touch operation through the pre-created sub-thread to obtain all the processed display charts, and updating the display page by using all the processed display charts.

Further, the updating method further includes:

the linkage mark is set by the following steps:

responding to a control instruction for inquiring the call performance of a target live broadcasting room, and controlling a back-end server to acquire original video call data of all performance parameters in the statistical attribute uploaded by all users in the live broadcasting room for audio and video call according to a preset uploading frequency in the live broadcasting time from a database;

creating a sub-thread for processing the original video call data aiming at the original video call data of each performance parameter of each user to obtain video call data processed by the sub-thread, and sending the video call data processed by the sub-thread to a main thread;

Aiming at different statistical requirements of live time and various performance parameter combinations in the statistical attributes, controlling a main thread to draw video call data of various performance parameters of all users in a display chart corresponding to the statistical requirements, and obtaining a plurality of drawn display charts;

Determining whether the drawn display charts have the same live time or statistical attribute of performance parameters;

If so, setting the same linkage marks on the display charts with the same live time or statistical attribute of the performance parameters in the drawn display charts.

Further, the video call data after the sub-thread processing is obtained through the following steps:

acquiring a live time range of the audio and video call of the target live room;

Segmenting the live time range according to a preset time interval through a sub-thread to obtain a plurality of time segments;

And determining whether the original video call data has data in each time segment included in the multiple time segments, and if so, obtaining the video call data processed by the sub-thread.

Further, it is determined whether the original video call data has data in each of the time slices included in the plurality of time slices by:

determining, as a current time segment, whether the original video call data has data at the current time segment, starting from a first time segment of the original video call data for a plurality of time segments of the original video call data;

If the original video call data does not have the data, adding a piece of supplementary data in the current time slice through a sub-thread, and determining that the original video call data has the data in the current time slice;

If the video call data are available, determining whether the current time slice is the last time slice of the original video call data;

If not, updating the next time segment into the current time segment, and continuing to determine whether the original video call data has data in the current time segment;

If yes, determining that the original video call data has data in each time slice included in the multiple time slices.

Further, the touch operation includes an amplifying operation, a restoring operation, and a query operation; if the touch operation is a query operation, all the processed display charts are obtained through the following steps:

acquiring target live time in the display chart corresponding to the touch position of the query operation;

Acquiring performance parameters corresponding to each display chart in all display charts with the same linkage marks of the display charts through the sub-thread;

Aiming at the performance parameter corresponding to each display chart, acquiring video call data corresponding to the performance parameter when each user in all users in the target live broadcasting room is at the target live broadcasting time, and generating a prompt box at the touch position of the display chart to display the acquired video call data corresponding to the performance parameter when each user in all users in the target live broadcasting room is at the target live broadcasting time;

and obtaining all the processed display charts according to the prompt boxes generated by each display chart.

Further, if the touch operation is an amplifying operation or a restoring operation, all the processed display charts are obtained through the following steps:

acquiring a target live time range in the display chart corresponding to the touch operation;

Aiming at performance parameters corresponding to each display chart, acquiring video call data corresponding to the performance parameters when each user in all users in the target live broadcasting room is in the target live broadcasting time range, and redrawing the video call data in the display chart;

For each redrawn display chart, all display charts after processing are obtained.

In a second aspect, an embodiment of the present application further provides an apparatus for updating a display page in a live broadcast room, where the apparatus includes:

The response module is used for responding to the touch operation of the display page and obtaining a display chart corresponding to the touch operation; the display page comprises a plurality of display charts with the same linkage marks; the linkage marks are used for associating the display charts with at least one same statistical attribute in the plurality of display charts of the display page by using the same mark; the statistical attribute comprises live time of the target live room and various performance parameters for representing conversation performance of all users of the target live room;

the acquisition module is used for acquiring all the display charts with the same linkage marks as the display charts in the display page according to the linkage marks of the display charts;

and the processing module is used for processing all the determined display charts with the linkage marks through the pre-created sub-threads according to the processing mode corresponding to the touch operation to obtain all the processed display charts, and updating the display page by using all the processed display charts.

Further, the updating device further comprises a setting module, wherein the setting module is used for:

In a third aspect, an embodiment of the present application further provides an electronic device, including: the system comprises a processor, a memory and a bus, wherein the memory stores machine-readable instructions executable by the processor, the processor and the memory are communicated through the bus when the electronic device runs, and the machine-readable instructions are executed by the processor to execute the steps of the method for updating the live room display page.

In a fourth aspect, embodiments of the present application also provide a computer readable storage medium having stored thereon a computer program which, when executed by a processor, performs the steps of the method for updating a live room display page as described above.

The embodiment of the application provides a method and a device for updating a display page in a live broadcasting room, electronic equipment and a storage medium, wherein the method for updating comprises the following steps: responding to touch operation of a display page, and acquiring a display chart corresponding to the touch operation; the display page comprises a plurality of display charts with the same linkage marks; the linkage marks are used for associating the display charts with at least one same statistical attribute in the plurality of display charts of the display page by using the same mark; the statistical attribute comprises live time of the target live room and various performance parameters for representing conversation performance of all users of the target live room; acquiring all display charts with the same linkage marks as the display charts in the display page according to the linkage marks of the display charts; and processing all the determined display charts with the linkage marks according to the processing mode corresponding to the touch operation through the pre-created sub-thread to obtain all the processed display charts, and updating the display page by using all the processed display charts.

In this way, the technical scheme provided by the application can correlate a plurality of display charts with the same statistical attribute through the linkage mark, and according to the display charts corresponding to the touch operation, all the display charts with the same linkage mark with the display charts are processed together through the sub-thread according to the processing mode corresponding to the touch operation so as to update the display page; the linkage operation of the chart is realized while the original data is not reduced, the problem of page blocking is solved, and the fluency of operating the page is improved.

In order to make the above objects, features and advantages of the present application more comprehensible, preferred embodiments accompanied with figures are described in detail below.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are needed in the embodiments will be briefly described below, it being understood that the following drawings only illustrate some embodiments of the present application and therefore should not be considered as limiting the scope, and other related drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.

Fig. 1 shows a flowchart of a method for updating a display page in a live broadcast room according to an embodiment of the present application;

FIG. 2 is a flowchart of another method for updating a live broadcast room display page according to an embodiment of the present application;

FIG. 3 is a schematic diagram of a data processing flow provided by an embodiment of the present application;

FIG. 4 shows one of the block diagrams of an update apparatus for a live broadcast room display page according to an embodiment of the present application;

FIG. 5 shows a second block diagram of an update apparatus for a live broadcast room display page according to an embodiment of the present application;

fig. 6 shows a schematic structural diagram of an electronic device according to an embodiment of the present application.

Detailed Description

For the purpose of making the objects, technical solutions and advantages of the embodiments of the present application more apparent, the technical solutions of the embodiments of the present application will be clearly and completely described with reference to the accompanying drawings in the embodiments of the present application, and it should be understood that the drawings in the present application are for the purpose of illustration and description only and are not intended to limit the scope of the present application. In addition, it should be understood that the schematic drawings are not drawn to scale. A flowchart, as used in this disclosure, illustrates operations implemented according to some embodiments of the present application. It should be appreciated that the operations of the flow diagrams may be implemented out of order and that steps without logical context may be performed in reverse order or concurrently. Moreover, one or more other operations may be added to or removed from the flow diagrams by those skilled in the art under the direction of the present disclosure.

In addition, the described embodiments are only some, but not all, embodiments of the application. The components of the embodiments of the present application generally described and illustrated in the figures herein may be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the application, as presented in the figures, is not intended to limit the scope of the application, as claimed, but is merely representative of selected embodiments of the application. All other embodiments, which can be made by a person skilled in the art based on embodiments of the application without making any inventive effort, fall within the scope of the application.

In order to enable those skilled in the art to make use of the present disclosure, the following embodiments are provided in connection with a specific application scenario "update of live room display pages", and it will be apparent to those skilled in the art that the general principles defined herein may be applied to other embodiments and application scenarios without departing from the spirit and scope of the present disclosure.

The method, the device, the electronic equipment or the computer readable storage medium can be applied to any scene needing to update the display page of the live broadcasting room, the embodiment of the application does not limit specific application scenes, and any scheme using the method, the device, the electronic equipment and the storage medium for updating the display page of the live broadcasting room provided by the embodiment of the application is within the protection scope of the application.

It is worth noting that when viewing the video call condition of the live broadcasting room, the video call condition of the whole process of a plurality of users needs to be displayed on the display page, and the live broadcasting room has a plurality of huge data reports, so that the display page is prevented from being blocked and displayed in two ways: scheme one: cancelling linkage operation among all reports; scheme II: the data volume of the original data is reduced by increasing the granularity of each report.

Currently, for scheme one: the linkage operation between the reports is canceled, so that a plurality of reports can be displayed on the premise of not reducing the original data quantity, but the scheme needs to operate each report, and the data of each report at the moment is independently checked, so that the relevance among all the data at the moment can not be well reflected, and the data analysis efficiency is affected; for scheme two: reducing the amount of raw data can display the linkage operation of the chart, but the way of reducing the raw data affects the accuracy of data analysis; therefore, how to improve the smoothness of the operation display page without reducing the original data and also having the linkage operation of the report forms the problem to be solved urgently.

Based on the above, the application provides a method and a device for updating a display page in a live broadcasting room, an electronic device and a storage medium, wherein the method for updating comprises the following steps: responding to touch operation of a display page, and acquiring a display chart corresponding to the touch operation; the display page comprises a plurality of display charts with the same linkage marks; the linkage marks are used for associating the display charts with at least one same statistical attribute in the plurality of display charts of the display page by using the same mark; the statistical attribute comprises live time of the target live room and various performance parameters for representing conversation performance of all users of the target live room; acquiring all display charts with the same linkage marks as the display charts in the display page according to the linkage marks of the display charts; and processing all the determined display charts with the linkage marks according to the processing mode corresponding to the touch operation through the pre-created sub-thread to obtain all the processed display charts, and updating the display page by using all the processed display charts.

In order to facilitate understanding of the present application, the technical solutions provided by the present application will be described in detail below with reference to specific embodiments.

Referring to fig. 1, fig. 1 is a flowchart of a method for updating a display page in a live broadcast room according to an embodiment of the present application, where, as shown in fig. 1, the method includes:

S101, responding to touch operation of a display page, and acquiring a display chart corresponding to the touch operation;

In the step, the display page comprises a plurality of display charts with the same linkage marks; the linkage mark is used for associating the display charts with at least one same statistical attribute in a plurality of display charts of the display page by using the same mark; the statistical attributes include the live time of the target live room and various performance parameters characterizing the call performance of all users of the target live room.

It should be noted that, the linkage mark is preset, and referring to fig. 2, fig. 2 is a flowchart of another method for updating a display page in a live broadcasting room according to an embodiment of the present application, and as shown in fig. 2, the linkage mark is set by the following steps:

S201, responding to a control instruction for inquiring the communication performance of a target live broadcasting room, and controlling a back-end server to acquire original video communication data of all performance parameters in the statistical attribute uploaded according to a preset uploading frequency in live broadcasting time of all users which perform audio and video communication in the target live broadcasting room corresponding to the control instruction from a database;

In the step, the preset uploading frequency is preset according to historical experience or actual business requirements; for example, the client may upload raw video call data once every 2s, which may include audio-video code rate, frame rate, resolution, etc.; storing the original video call data uploaded by the client in a database for the back-end server to call, and triggering the back-end server to acquire the original video call data corresponding to the touch operation from the database when the client enters the console (the touch operation of the client on a display page can be such as mouse sliding, clicking and the like); for example, the touch operation is to query the call performance of the audio/video call in the target live broadcasting room by clicking on the display page by the client, and the statistical attribute required for describing the call performance includes the live broadcasting time in the target live broadcasting room and each performance parameter for representing the call performance of all users in the target live broadcasting room, so as to obtain the original video call data corresponding to each performance parameter in the complete live broadcasting time of all users in the target live broadcasting room from the database.

By way of example, 10 persons are online at the same time in a live broadcast room, and all 10 persons are on cameras, and finally the 10 persons perform video call for up to 4 hours (assumed to be 8:00:00-12:00:00) in the live broadcast room, each person now needs to view a basic call condition of the live broadcast room, each person can acquire original video call data of other 9 persons, and a total of 10 reports are that the 10 persons see audio and video call conditions of other 9 persons in the live broadcast room (including audio and video code rate, frame rate, resolution and the like of the 9 persons); before the original video call data are acquired, 10 persons continuously report the original video call data (audio/video code rate, frame rate, resolution and the like) of the 10 persons every 2s when the 10 persons call in a live broadcasting room, report the original video call data once, store the original video call data in a database, and trigger a back-end server to acquire the original video call data from the database through touch operation of a display page.

S202, creating a sub-thread for processing original video call data of each performance parameter of each user to obtain video call data processed by the sub-thread, and sending the video call data processed by the sub-thread to a main thread;

In this step, before a child thread is not created, for example, when a mouse slides on a display chart (for example, the horizontal axis of the display chart is live time, and the vertical axis is a certain performance parameter) of a display page, a prompt box is generated at the live time corresponding to the sliding position for displaying the specific parameter value of the performance parameter of each user in the display chart when the live time is displayed, when the display chart has a plurality of associated display charts, as JS first process data in the plurality of display charts at the same time and then process sliding operation of the mouse, the prompt box reacts slowly, and the page is very stuck, because the browser is single-threaded under default, javaScript (abbreviated as "JS") code is executed, rendering of a DOM node tree is blocked, when the JS code is executed for too long, the browser enters a false state to cause the page, and because JS is also single-threaded, there is a concept of a stack and an event task queue, and an event circulation mechanism of JS is that the synchronous task is executed first and then the synchronous task is executed first and the asynchronous task is executed. If the linkage of each display chart is directly added under the condition that the data is not reduced, JS needs to process the data of a plurality of display charts at the same time, the JS processes the data to belong to a synchronous task, events such as clicking and sliding of a mouse belong to an asynchronous task, when the data volume is large, the JS processes the data to need a little time, the data starts to respond to the mouse event after being processed, and the page is particularly blocked in feel, so that the data in the display charts is processed by creating a child thread in the embodiment.

Here, a worker thread web worker can be adopted to process and display data in the chart, a worker sub-thread is created through the web worker on the basis of not influencing a JS main thread, and huge data processing is put into the worker sub-thread to be executed, so that a mouse event on the JS main thread does not need to wait for the huge data processing, and the problem of page clamping is solved. The web Worker sub-thread is a JS file, has a specific naming mode, such as xxx.worker.js, and is created by introducing xxx.worker.js through new Worker () codes when the web Worker sub-thread is needed.

In the step, the video call data after the sub-thread processing is obtained through the following steps:

S2021, acquiring a live time range of the target live room for performing audio and video call;

s2022, segmenting the live time range according to a preset time interval by a sub-thread to obtain a plurality of time segments;

S2023, determining whether the original video call data has data in each time slice included in the multiple time slices, if so, obtaining the video call data processed by the sub-thread.

In this step, the preset time interval is preset according to the service requirement, for example, the preset time interval is 2s, and then the original video call data of each user in the 2s are obtained every 2s in the live time of the live room.

For example, according to the above example, 10 people have made a video call in the live broadcast room for up to 4 hours (assuming 8:00:00-12:00:00), because the event looping mechanism of JS may cause the data reporting interval to be not 2s, possibly a little more than 2s, or a little less than 2s, or people leave and break the network halfway, the data in this period of time may be lost, which may cause not all specific time points (e.g. 8:00:00, 8:00:02, 8:00:04, …, 12:00:00) to have data in this 4 hours, while the original video call data acquired by the console from the backend server is the most original data, which requires data processing on the original video call data, so as to ensure that all specific time points of the 10 people have data in this 4 hours, and the data processing is performed in the worker sub-thread created by the web worker.

It should be noted that, the following steps are used to determine whether the original video call data has data in each time slice included in the multiple time slices:

1) Determining, for a plurality of time slices of the original video call data, whether the original video call data has data in a current time slice starting from a first time slice of the original video call data as the current time slice;

2) If the original video call data does not have the data, adding a piece of supplementary data in the current time slice through a sub-thread, and determining that the original video call data has the data in the current time slice;

3) If the video call data are available, determining whether the current time segment is the last time segment of the original video call data;

4) If not, updating the next time segment into the current time segment, and continuing to determine whether the original video call data has data in the current time segment;

5) And if so, determining that the original video call data has data in each time slice included in the multiple time slices.

In the step, the complete live time of the live room is divided into a plurality of time slices through a preset time interval, whether each user has data in each time slice is inquired, if the data is not inquired in a certain time slice, a piece of supplementary data, such as a number 0 or a space, is added through a sub-thread, and all users are guaranteed to have data in each time slice in the complete live time.

For example, taking the beginning time (8:00:00) and the ending time (12:00:00) of the live broadcasting room as fixed time axes, inquiring whether data exist in the 2s (8:00:00-8:00:01) every 2s, if so, representing that the time (8:00:00) has data, and if not, supplementing the user with data (0 or null) at the time (8:00:00), so as to ensure that the data structures of all users are consistent in the time slice, namely, what point (a certain moment) is shown is the conversation situation of all users at the moment.

S203, aiming at different statistical requirements of live time and various performance parameter combinations in the statistical attribute, controlling a main thread to draw video call data of various performance parameters of all users in a display chart corresponding to the statistical requirements, and obtaining a plurality of drawn display charts;

For example, if the statistical requirement is to count the change of each performance parameter corresponding to all users in different live time, the live time is taken as a horizontal axis, each performance parameter is taken as a vertical axis, and the control main thread draws the video call data of each node (the time node uploaded by the user) of each performance parameter in the live time into a corresponding display chart, so as to obtain a drawn display chart.

S204, determining whether the drawn multiple display charts have the same live time or statistical properties of performance parameters;

for example, if the drawn multiple display charts respectively count the change of the system CPU occupancy rate, the video jam condition, the video rendering frame rate, the video decoding frame rate, the audio/video loading time, the resolution, the audio/video code rate and the like in the live time, which indicates that the display charts have the same statistical attribute, that is, the live time is counted from the live start to the live end, and the change of each performance parameter (the system CPU occupancy rate, the video jam condition, the video rendering frame rate, the video decoding frame rate, the audio/video loading time, the resolution, and the audio/video code rate) is counted, the multiple display charts are added with the linkage attribute to correlate the multiple display charts, or the multiple display charts are added with the same mark to correlate the multiple display charts, and then when any one display chart is operated, all the display charts correlated with the display charts simultaneously perform the same operation.

S205, if so, setting the same linkage mark on the display charts with the same live time or statistical attribute of the performance parameter in the drawn display charts.

In the step, the display of the chart adding linkage marks (or linkage attributes) is realized based on Echarts, ECharts is a JS-based data visualization chart library, visual, vivid and interactive data visualization charts can be provided, and personalized customization can be realized only by configuring specific parameters; here, the web worker is only responsible for processing video call data, the main thread is responsible for processing all other JS events except for the video call data (such as rendering of a page, clicking of a mouse, scrolling, moving, requesting of data, and some other interactions in the page, etc.), the main thread draws the video call data processed by the sub-thread through the Echarts, draws the video call data in a corresponding display chart, and adds a linkage flag to a plurality of display charts with the same statistical attribute in the display charts to correlate the plurality of display charts, so that when updating the display page, for example, when the mouse is placed on a live time of a certain display chart on the display page to display a specific parameter value (video call data) of a performance parameter of each user on the display chart at the live time, the linkage flag or linkage attribute of the display chart is obtained, other display charts correlated with the display chart are obtained, and the other display charts are controlled to automatically display the specific parameter value (video call data) of the performance parameter corresponding to each user at the live time without separately viewing the live call data at the live time.

Here, after the display chart is associated with the linkage mark, the non-display chart content rendered by the main thread (other content except for the display chart on the display page, including rendering of the non-display chart, clicking of a mouse, a roller, movement, data request, other interactions in the page, and the like) is rendered on the display page together with the display chart rendered by the main thread for presentation.

S102, acquiring all display charts with the same linkage marks as the display charts in the display page according to the linkage marks of the display charts;

And S103, processing all the determined display charts with the linkage marks through a pre-created sub-thread according to a processing mode corresponding to the touch operation to obtain all the processed display charts, and updating the display page by using all the processed display charts.

It should be noted that, the touch operation includes an amplifying operation, a restoring operation, and a query operation; if the touch operation is a query operation, all the processed display charts are obtained through the following steps:

1) Acquiring target live time in the display chart corresponding to the touch position of the query operation;

2) Acquiring corresponding performance parameters of each display chart in all display charts with the same linkage marks of the display charts through the sub-thread;

3) Aiming at the performance parameters corresponding to each display chart, acquiring video call data corresponding to the performance parameters when each user in all users in the target live broadcasting room is at the target live broadcasting time, and generating a prompt box at the touch position of the display chart to display the acquired video call data corresponding to the performance parameters when each user in all users in the target live broadcasting room is at the target live broadcasting time;

4) And obtaining all the processed display charts according to the prompt boxes generated by each display chart.

Specifically, if the touch operation is an amplifying operation or a restoring operation, all the processed display charts are obtained through the following steps:

1) Acquiring a target live time range in the display chart corresponding to the touch operation;

3) Aiming at the performance parameters corresponding to each display chart, acquiring video call data corresponding to the performance parameters when each user in all users in the target live broadcasting room is in the target live broadcasting time range, and redrawing the video call data in the display chart;

4) For each redrawn display chart, all display charts after processing are obtained.

In this step, for example, a client performs an operation on a display page (for example, local amplification, restoration after amplification, a mouse is placed on the graph to view data at a certain moment, etc.), a corresponding update instruction is generated, and by acquiring a linkage mark of the display graph, all display graphs associated with the display graph perform data processing on video call data in the display graphs according to the update instruction (for example, local amplification is to display a part of video call data which has been processed before is captured in the display graph, which can be understood as only displaying a call situation within a period of time), and these data processing (for example, local amplification, restoration after amplification, a mouse is placed on the graph to view data at a certain moment, etc.) are performed in a web worker; and rendering all the processed display charts on the display page together after drawing the display charts through the main thread, and updating the display page.

For example, after a display chart is locally enlarged on a display page, all other display charts related to the display chart are automatically locally enlarged, and each display chart does not need to be locally enlarged.

Illustratively, the display page may also be updated by dynamically changing the granularity: when the overall live time required to be displayed for displaying the chart on the display page is more than 1 hour, displaying video call data of all users on the display chart according to one node in one minute, and performing the amplifying operation of selecting part of time periods on the display chart; when the whole time of the selected partial time period is less than 1 hour, the original video call data (for example, one node in two seconds) is requested to the back-end server again, so that the video call data of the currently displayed display chart is not large, and the phenomenon of blocking does not occur when a plurality of display charts are linked in a phase-changing mode.

Referring to fig. 3, for an exemplary illustration, fig. 3 is a schematic diagram of a data processing flow provided by an embodiment of the present application, as shown in fig. 3, all users (clients) performing video calls in a live broadcasting room report respective original video call data every 2s, a database collects original video call data reported by each client, the original video call data is stored in the database, after a client enters a console, the console obtains the original video call data from a back-end server, the back-end server obtains the original video call data and non-report data (for example, a display head image in a display page, a user nickname, etc.) from the database, the original video call data is processed by a web worker newly creating a worker sub-thread, the original video call data processed by the worker sub-thread is transmitted as video call data to a main thread, the execution of the worker sub-thread is not blocked, after the client enters the console, the client obtains the original video call data from the back-end server, the back-end server obtains the original video call data and the non-report data (for example, the user nickname, etc.) from the back-end server is displayed in a coordinate graph by a JS, the web worker newly creates a corresponding display page, the corresponding display attribute is displayed in the display of the display map is performed in the display of the display map, the map is displayed in the coordinate graph, the coordinate graph is displayed by the coordinate graph of the corresponding to the corresponding display page, the display map is displayed by the coordinate graph of the corresponding to the corresponding display map of the client, the display attribute is displayed in the coordinate graph, the map is displayed, and sending the video call data of all the display charts after the reprocessing to the JS main thread for redrawing, rendering all the display charts redrawn by the JS main thread on a display page, and updating the display page.

The embodiment of the application provides a method for updating a display page in a live broadcasting room, which comprises the following steps: responding to touch operation of a display page, and acquiring a display chart corresponding to the touch operation; the display page comprises a plurality of display charts with the same linkage marks; the linkage marks are used for associating the display charts with at least one same statistical attribute in the plurality of display charts of the display page by using the same mark; the statistical attribute comprises live time of the target live room and various performance parameters for representing conversation performance of all users of the target live room; acquiring all display charts with the same linkage marks as the display charts in the display page according to the linkage marks of the display charts; and processing all the determined display charts with the linkage marks according to the processing mode corresponding to the touch operation through the pre-created sub-thread to obtain all the processed display charts, and updating the display page by using all the processed display charts.

Based on the same application conception, the embodiment of the application also provides a device for updating the live broadcasting room display page, which corresponds to the method for updating the live broadcasting room display page provided by the embodiment, and because the principle of solving the problem of the device in the embodiment of the application is similar to that of the method for updating the live broadcasting room display page provided by the embodiment of the application, the implementation of the device can refer to the implementation of the method, and the repetition is omitted.

Referring to fig. 4 and 5, fig. 4 is a first block diagram of an apparatus for updating a live broadcast room display page according to an embodiment of the present application, and fig. 5 is a second block diagram of an apparatus for updating a live broadcast room display page according to an embodiment of the present application. As shown in fig. 4, the updating means 410 includes:

The response module 411 is configured to respond to a touch operation of a display page, and obtain a display chart corresponding to the touch operation; the display page comprises a plurality of display charts with the same linkage marks; the linkage marks are used for associating the display charts with at least one same statistical attribute in the plurality of display charts of the display page by using the same mark; the statistical attribute comprises live time of the target live room and various performance parameters for representing conversation performance of all users of the target live room;

The obtaining module 412 is configured to obtain, on the display page, all display charts having the same linkage mark as the display chart according to the linkage mark of the display chart;

and the processing module 413 is configured to process all the determined display charts with the linkage mark according to a processing manner corresponding to the touch operation through a pre-created sub-thread, obtain all the processed display charts, and update the display page with all the processed display charts.

Optionally, as shown in fig. 5, the updating apparatus 410 further includes a setting module 414, where the setting module 414 is configured to:

Optionally, when the setting module 414 is configured to obtain the video call data after the sub-thread processing, the setting module 414 is specifically configured to:

Optionally, when the setting module 414 is configured to determine whether the original video call data has data in each of the time slices included in the multiple time slices, the setting module 414 is specifically configured to:

Optionally, the touch operation includes an amplifying operation, a restoring operation, and a querying operation; if the touch operation is a query operation, the processing module 413 is specifically configured to:

Optionally, if the touch operation is an zoom-in operation or a restore operation, the processing module 413 is specifically configured to:

The embodiment of the application provides an updating device for a live broadcasting room display page, which comprises the following components: the response module is used for responding to the touch operation of the display page and obtaining a display chart corresponding to the touch operation; the display page comprises a plurality of display charts with the same linkage marks; the linkage marks are used for associating the display charts with at least one same statistical attribute in the plurality of display charts of the display page by using the same mark; the statistical attribute comprises live time of the target live room and various performance parameters for representing conversation performance of all users of the target live room; the acquisition module is used for acquiring all the display charts with the same linkage marks as the display charts in the display page according to the linkage marks of the display charts; and the processing module is used for processing all the determined display charts with the linkage marks through the pre-created sub-threads according to the processing mode corresponding to the touch operation to obtain all the processed display charts, and updating the display page by using all the processed display charts.

Referring to fig. 6, fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the application. As shown in fig. 6, the electronic device 600 includes a processor 610, a memory 620, and a bus 630.

The memory 620 stores machine-readable instructions executable by the processor 610, when the electronic device 600 is running, the processor 610 communicates with the memory 620 through the bus 630, and when the machine-readable instructions are executed by the processor 610, the steps of the method for updating the live-room display page in the method embodiments shown in fig. 1 and fig. 2 can be executed, and detailed implementation manners can be referred to the method embodiments and are not repeated herein.

The embodiment of the present application further provides a computer readable storage medium, where a computer program is stored on the computer readable storage medium, and when the computer program is executed by a processor, the steps of the method for updating a live broadcast room display page in the method embodiments shown in fig. 1 and fig. 2 may be executed, and detailed implementation manner may refer to the method embodiments and will not be repeated herein.

It will be clear to those skilled in the art that, for convenience and brevity of description, specific working procedures of the above-described systems, apparatuses and units may refer to corresponding procedures in the foregoing method embodiments, and are not repeated herein.

In the several embodiments provided by the present application, it should be understood that the disclosed systems, devices, and methods may be implemented in other manners. The above-described apparatus embodiments are merely illustrative, for example, the division of the units is merely a logical function division, and there may be other manners of division in actual implementation, and for example, multiple units or components may be combined or integrated into another system, or some features may be omitted, or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be through some communication interface, device or unit indirect coupling or communication connection, which may be in electrical, mechanical or other form.

The units described as separate units may or may not be physically separate, and units shown as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

In addition, each functional unit in the embodiments of the present application may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit.

The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a non-volatile computer readable storage medium executable by a processor. Based on this understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, comprising several instructions for causing a computer device (which may be a personal computer, a server, a network device, etc.) to perform all or part of the steps of the method according to the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), a magnetic disk, or an optical disk, or other various media capable of storing program codes.

Finally, it should be noted that: the above examples are only specific embodiments of the present application, and are not intended to limit the scope of the present application, but it should be understood by those skilled in the art that the present application is not limited thereto, and that the present application is described in detail with reference to the foregoing examples: any person skilled in the art may modify or easily conceive of the technical solution described in the foregoing embodiments, or perform equivalent substitution of some of the technical features, while remaining within the technical scope of the present disclosure; such modifications, changes or substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present application, and are intended to be included in the scope of the present application. Therefore, the protection scope of the application is subject to the protection scope of the claims.

Claims

1. An updating method of a live broadcasting room display page is characterized by comprising the following steps:

Processing all the determined display charts with the linkage marks according to the processing mode corresponding to the touch operation through a pre-created sub-thread to obtain all the processed display charts, and updating the display page by using all the processed display charts;

the linkage mark is set by the following steps:

2. The updating method according to claim 1, wherein the video call data after the sub-thread processing is obtained by:

3. The updating method according to claim 2, wherein it is determined whether the original video call data has data in each of the time slices included in the plurality of time slices by:

4. The updating method according to claim 1, wherein the touch operation includes an amplifying operation, a restoring operation, and a query operation; if the touch operation is a query operation, all the processed display charts are obtained through the following steps:

5. The updating method according to claim 4, wherein if the touch operation is an amplifying operation or a restoring operation, all the processed display charts are obtained by:

6. An update apparatus for a live room display page, the update apparatus comprising:

The processing module is used for processing all the determined display charts with the linkage marks according to the processing mode corresponding to the touch operation through the pre-created sub-thread to obtain all the processed display charts, and updating the display page by using all the processed display charts;

The updating device further comprises a setting module, wherein the setting module is used for:

7. An electronic device, comprising: a processor, a memory and a bus, said memory storing machine readable instructions executable by said processor, said processor and said memory communicating via said bus when the electronic device is running, said machine readable instructions being executable by said processor to perform the steps of the method of updating a live room display page according to any one of claims 1 to 5.

8. A computer readable storage medium, characterized in that the computer readable storage medium has stored thereon a computer program which, when executed by a processor, performs the steps of the method of updating a live room display page according to any of claims 1 to 5.