CN116431261A - Live broadcast component display method and device, electronic equipment and storage medium - Google Patents
Live broadcast component display method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN116431261A CN116431261A CN202310343430.2A CN202310343430A CN116431261A CN 116431261 A CN116431261 A CN 116431261A CN 202310343430 A CN202310343430 A CN 202310343430A CN 116431261 A CN116431261 A CN 116431261A
- Authority
- CN
- China
- Prior art keywords
- live
- live broadcast
- window
- component
- room
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 56
- 230000002452 interceptive effect Effects 0.000 claims abstract description 27
- 230000001960 triggered effect Effects 0.000 claims abstract description 18
- 230000008859 change Effects 0.000 claims description 20
- 238000004590 computer program Methods 0.000 claims description 14
- 230000000694 effects Effects 0.000 claims description 12
- 238000009877 rendering Methods 0.000 claims description 10
- 230000003993 interaction Effects 0.000 claims description 9
- 238000012544 monitoring process Methods 0.000 claims description 7
- 230000001360 synchronised effect Effects 0.000 claims description 2
- 230000014759 maintenance of location Effects 0.000 abstract description 12
- 238000010586 diagram Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 8
- 230000008569 process Effects 0.000 description 8
- 238000012545 processing Methods 0.000 description 8
- 230000004044 response Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000013461 design Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000003825 pressing Methods 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
The application relates to the technical field of network live broadcast, and provides a live broadcast assembly display method, a live broadcast assembly display device, electronic equipment and a storage medium, wherein the live broadcast assembly display method comprises the following steps: responding to the background switching operation of the live broadcast application, and displaying a live broadcast room playing window in a preset area of the switched current display page; synchronizing live video stream data and at least one live component data of the live broadcasting room to a live broadcasting room playing window, and displaying the live video stream and the at least one live component in the live broadcasting room playing window according to the live video stream data and the at least one live component data; and responding to the triggering operation of at least one live broadcast component, and displaying the interactive content corresponding to the triggered live broadcast component in a live broadcast room playing window. When the user switches live broadcast application to the background, the live broadcast room playing window displays live broadcast video streams and live broadcast components, the user can continue to watch live broadcast video and interact with the live broadcast components, and the retention rate of audience in the live broadcast room is improved.
Description
Technical Field
The embodiment of the application relates to the technical field of network live broadcasting, in particular to a live broadcasting component display method, a live broadcasting component display device, electronic equipment and a storage medium.
Background
With the development of internet technology and the popularization of mobile terminals, the live broadcast industry has also rapidly developed, and more users watch network live broadcast in a live broadcast room through a live broadcast client.
The network live broadcast refers to a technology that a host broadcast shares live audio and video streams with audiences on a network through a network live broadcast platform. The network live broadcast is a new network state, and is characterized by the open and shared characteristics of the Internet, so that each ordinary person can have the opportunity to show own talents on the network.
In the process of network live performance, part of audiences can send out virtual gifts to interact in a live broadcasting room to express affirmation of live broadcasting contents, so that benefits can be created for a host, and the host can realize the work at home without going out. Especially for people in remote areas or inconvenient actions or people affected by epidemic situations and unable to normally go out, a more convenient employment way is created, and social employment is driven.
The network live platform provides better quality live broadcast content for selecting more talent or encouraging the talent, allows more than two talent to live broadcast in the live broadcast room at the same time, and the talent or the talent capable of providing better quality live broadcast content can be accepted by more audience support.
However, when the user uses the terminal device to watch the network live broadcast in the live broadcast room, if the user switches the live broadcast application to the background at this time, the user cannot continuously watch the live broadcast video, so that the user experience is poor, and the retention rate of audience in the live broadcast room is reduced.
Disclosure of Invention
The embodiment of the application provides a live broadcast assembly display method, a device, electronic equipment and a storage medium, which can continuously watch live broadcast video and can interact with a live broadcast assembly when a user switches live broadcast application to a background, so that the retention rate of audience in a live broadcast room is improved, and the technical scheme is as follows:
in a first aspect, an embodiment of the present application provides a live broadcast component display method, including the steps of:
responding to the background switching operation of the live broadcast application, and displaying a live broadcast room playing window in a preset area of the switched current display page;
synchronizing live video stream data and at least one live component data of the live broadcasting room to a live broadcasting room playing window, and displaying the live video stream and the at least one live component in the live broadcasting room playing window according to the live video stream data and the at least one live component data;
and responding to the triggering operation of at least one live broadcast component, and displaying the interactive content corresponding to the triggered live broadcast component in a live broadcast room playing window.
In a second aspect, an embodiment of the present application provides a live broadcast component display apparatus, including:
the display module of the broadcasting window is used for responding to the background switching operation of the live broadcasting application and displaying the broadcasting window of the live broadcasting room in a preset area of the switched current display page;
the live broadcast component display module is used for synchronizing live broadcast video stream data and at least one live broadcast component data of the live broadcast room to a live broadcast room play window, and displaying the live broadcast video stream and the at least one live broadcast component in the live broadcast room play window according to the live broadcast video stream data and the at least one live broadcast component data;
and the interactive content display module is used for responding to the triggering operation of at least one live broadcast component and displaying the interactive content corresponding to the triggered live broadcast component in the live broadcast room playing window.
In a third aspect, embodiments of the present application provide an electronic device, a processor, a memory and a computer program stored in the memory and executable on the processor, the processor implementing the steps of the method as in the first aspect when the computer program is executed.
In a fourth aspect, embodiments of the present application provide a computer-readable storage medium storing a computer program which, when executed by a processor, performs steps as the method of the first aspect.
According to the embodiment of the application, the live broadcasting room playing window is displayed in the preset area of the switched current display page by responding to the live broadcasting application background switching operation; synchronizing live video stream data and at least one live component data of the live broadcasting room to a live broadcasting room playing window, and displaying the live video stream and the at least one live component in the live broadcasting room playing window according to the live video stream data and the at least one live component data; and responding to the triggering operation of at least one live broadcast component, and displaying the interactive content corresponding to the triggered live broadcast component in a live broadcast room playing window. According to the live video streaming method and device, when the user switches live broadcast application to the background, the live video streaming and at least one live broadcast component are displayed through the live broadcast room play window, the user can continue to watch live video and can interact with the live broadcast component, and the retention rate of a live broadcast room audience is improved.
For a better understanding and implementation, the technical solutions of the present application are described in detail below with reference to the accompanying drawings.
Drawings
Fig. 1 is an application scenario schematic diagram of a live broadcast component display method provided in an embodiment of the present application;
fig. 2 is a flow chart of a live broadcast component display method according to an embodiment of the present application;
fig. 3 is a schematic display diagram of a play window of a live room according to an embodiment of the present application;
FIG. 4 is a schematic display diagram of a live component according to one embodiment of the present application;
fig. 5 is a schematic display diagram of a live broadcast component according to another embodiment of the present application;
fig. 6 is a schematic structural diagram of a live broadcast component display device according to an embodiment of the present application;
fig. 7 is a schematic structural diagram of an electronic device according to an embodiment of the present application.
Detailed Description
Reference will now be made in detail to exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numbers in different drawings refer to the same or similar elements, unless otherwise indicated. The implementations described in the following exemplary examples are not representative of all implementations consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present application as detailed in the accompanying claims.
The terminology used in the present application is for the purpose of describing particular embodiments only and is not intended to be limiting of the present application. As used in this application and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It should also be understood that the term "and/or" as used herein refers to and encompasses any or all possible combinations of one or more of the associated listed items.
It should be understood that although the terms first, second, third, etc. may be used herein to describe various information, these information should not be limited by these terms. These terms are only used to distinguish one type of information from another. For example, a first message may also be referred to as a second message, and similarly, a second message may also be referred to as a first message, without departing from the scope of the present application. The word "if"/"if" as used herein may be interpreted as "at … …" or "at … …" or "in response to a determination", depending on the context.
The picture generation method provided by the application can be used for generating the theme pictures of any theme, and can be specifically used for advertisement design, poster design, website pages, webcast and other application scenes based on the theme pictures.
Referring to fig. 1, fig. 1 is a schematic application scenario of a live broadcast component display method provided in an embodiment of the present application, where the application scenario includes a hosting client 101, a server 102 and an audience client 103 provided in an embodiment of the present application, and the hosting client 101 and the audience client 103 interact through the server 102.
The anchor client 101 refers to an end that transmits a live video, and is generally a client used by an anchor (i.e., a live anchor user) in a live video.
The viewer client 103 refers to a client employed by a viewer (i.e., a live viewer user) receiving and viewing a live video, typically in a live video.
The hardware pointed to by the anchor client 101 and the audience client 103 essentially refers to computer devices, which may be, as shown in fig. 1, in particular, smart phones, smart interactive tablets, personal computers, and the like. Both the anchor client 101 and the spectator client 103 may access the internet via known network access means to establish a data communication link with the server 102.
The server 102 acts as a service server and may be responsible for further interfacing with related audio data servers, video streaming servers, and other servers providing related support, etc., to form a logically associated service cluster for serving related end devices, such as the anchor client 101 and the viewer client 103 shown in fig. 1.
In this embodiment of the present application, the anchor client 101 and the viewer client 103 may join the same live broadcast room (i.e., live broadcast channel), where the live broadcast room is a chat room implemented by means of the internet technology, and generally has an audio/video playing control function. A live user plays a live broadcast in a live broadcast room through a live broadcast client 101, and a viewer of a viewer client 103 can log into a server 102 to watch live broadcast in the live broadcast room.
In a live broadcasting room, interaction between a host and audiences can be realized through well-known online interaction modes such as voice, video, characters and the like, generally, host users perform programs in the form of audio and video streams for the audiences, and economic transaction behaviors can be generated in the interaction process. Of course, the application form of the live broadcast room is not limited to online entertainment, and can be popularized to other related scenes, for example: user pairing interaction scenes, video conference scenes, product recommendation sales scenes, and any other scenes requiring similar interactions.
Specifically, the process of viewing a live broadcast by a viewer is as follows: the viewer can click to access a live broadcast application (e.g., YY) installed on the viewer client 103 and select to enter any one of the live broadcast rooms, triggering the viewer client 103 to load the viewer with a live broadcast room interface, where the live broadcast room interface includes a plurality of interaction components, and by loading these interaction components, the viewer can watch live broadcast in the live broadcast room and perform various online interactions.
When the audience watches live broadcast in the live broadcast room through the audience client, if the audience switches the live broadcast application program to the background at the moment, the audience cannot watch live broadcast video continuously, so that user experience is poor, and the audience retention rate in the live broadcast room is reduced.
For this reason, the embodiment of the application provides a live broadcast component display method, which can be implemented by a client of a viewer as an execution subject.
Referring to fig. 2, fig. 2 is a flowchart of a live broadcast component display method according to an embodiment of the present application, where the method includes the following steps:
s10: and responding to the background switching operation of the live broadcast application, and displaying a live broadcast room playing window in a preset area of the switched current display page.
Referring to fig. 3, in this case, the live application background switching operation may be that the user presses a system Home key, and the current display page 1 after switching is a system desktop, for example, a main page of a mobile phone. The background switching operation of the live broadcast application can be that the user presses an application switching key, and the current display page 1 after switching is the display page of the switched application.
The preset area may be a fixed position area of the switched current display page, and specifically may be an upper left corner position area, a lower right corner position area, or a middle position area of the switched current display page.
The live broadcasting room playing window 2 can be displayed on the switched current display page 1 in a floating mode or can be displayed on the switched current display page 1 in an embedded mode.
S20: and synchronizing the live video stream data and the at least one live component data of the live broadcasting room to a live broadcasting room playing window, and displaying the live video stream and the at least one live component in the live broadcasting room playing window according to the live video stream data and the at least one live component data.
The live video stream data are the anchor audio and video data collected by the anchor client. The live component data includes display data and functional data of the live component. The display data is used for determining the display style, the display size, the display position and the like of the live broadcast component, and the functional data is used for realizing the component functions of the live broadcast component.
In the embodiment of the application, in response to a live application background switching operation, a live application moves back to a background operation, pulls direct-broadcast video stream data from a server in real time, decodes the direct-broadcast video stream data, renders the decoded direct-broadcast video stream data and at least one live broadcast component data to obtain a direct-broadcast video stream and at least one live broadcast component, sends the direct-broadcast video stream and the at least one live broadcast component to a live broadcast room playing window, and displays the direct-broadcast video stream and the at least one live broadcast component in the live broadcast room playing window.
S30: and responding to the triggering operation of at least one live broadcast component, and displaying the interactive content corresponding to the triggered live broadcast component in a live broadcast room playing window.
Wherein the at least one live component includes one or more of a host information component, a public screen component, or a virtual gift bar component.
In the embodiment of the application, since the live broadcast component is displayed in the play window of the live broadcast room, the user can trigger the live broadcast component, the triggering operation can be operations such as clicking, double clicking, long pressing, sliding and the like, and after the triggering operation of the user on the live broadcast component is received, the interactive content corresponding to the triggered live broadcast component is displayed in the play window of the live broadcast room.
By applying the embodiment of the application, the live broadcasting room playing window is displayed in the preset area of the switched current display page by responding to the live broadcasting application background switching operation; synchronizing live video stream data and at least one live component data of the live broadcasting room to a live broadcasting room playing window, and displaying the live video stream and the at least one live component in the live broadcasting room playing window according to the live video stream data and the at least one live component data; and responding to the triggering operation of at least one live broadcast component, and displaying the interactive content corresponding to the triggered live broadcast component in a live broadcast room playing window. According to the live video streaming method and device, when the user switches live broadcast application to the background, the live video streaming and at least one live broadcast component are displayed through the live broadcast room play window, the user can continue to watch live video and can interact with the live broadcast component, and the retention rate of a live broadcast room audience is improved.
In an alternative embodiment, step S20 includes steps S201-S203, which are specifically as follows:
s201: acquiring window data of a play window of a live broadcasting room; the window data comprises a first display position and a first display size of a live video stream playing window in a live broadcasting room, and a second display position and a second display size of a live broadcasting component in the live video stream;
s202: rendering the live video stream data of the live broadcasting room according to the first display size to obtain a first view, and adding the first view to a first display position of a play window of the live broadcasting room;
s203: and rendering the live component data of the live broadcasting room according to the second display size to obtain a second view, and adding the second view to a second display position of the first view.
In the embodiment of the application, in response to a live application background switching operation, when a live application is backed to a background, a PIP controller and a live room playing window are created, and the PIP controller is used for controlling the live room playing window. The live broadcast application communicates with the PIP controller through KVC (Key-Value Coding) to acquire window data of a play window of the live broadcast room.
And the live broadcast application renders the decoded live video stream data into a first view, renders the live broadcast component data of the live broadcast room into a second view, adds the first view to a first display position of a play window of the live broadcast room, and adds the second view to a second display position of the first view. Specifically, the first view may be laid out at the first display position of the live broadcast window using autoLayout, and the second view may be laid out at the second display position of the first view using autoLayout. The first display position may be a top position, a bottom position or a middle position of the live broadcast window, and the size of the first view may be a window size of the live broadcast window. The second display position may be a top position, a bottom position, or a middle position of the first view, the size of the second view being smaller than the size of the first view.
The live video stream and at least one live component can be automatically and quickly displayed in the live broadcasting room playing window through the window data of the live broadcasting room playing window.
In an alternative embodiment, the live component includes a main cast attention control. Step S30, including steps S301 to S302, is specifically as follows:
s301: responding to the triggering operation of the anchor focus control, switching the functional state of the anchor focus control, and acquiring the switched functional state data;
s302: and synchronizing the switched functional state data to a live broadcasting room playing window, and displaying the switched functional state at a position corresponding to the focus control of the anchor.
Referring to fig. 4, the live component includes a hosting information component 20, the hosting information component 20 including a hosting focus control 201.
The anchor focus control 201 may be an icon, a symbol, or a text, for example, the anchor focus control 201 displays a "focus" text, which is used to prompt the audience to click on the "focus" text to focus on the anchor user. The functional states of the anchor focus control 201 include two states of the unfocused anchor and the focused anchor.
In the embodiment of the present application, after the functional state is changed, the icon, symbol or text corresponding to the anchor attention control 201 may be changed to prompt the change of the functional state. For example, the text corresponding to the anchor focus control 201 is changed from "not focused" to "focused", prompting the viewer user to focus on the anchor success.
By triggering the focus control of the anchor in the play window of the live broadcasting room, the user can quickly realize the focus on the anchor, and the audience retention rate is improved.
In an optional embodiment, in response to a triggering operation on the anchor focus control, when the functional state of the anchor focus control is switched, step S3011 is further included, which specifically includes:
s3011: acquiring preset animation special effect data;
when the switched function status data is synchronized to the live broadcasting room playing window, step S3021 is further included, which is specifically as follows:
s3021: and synchronizing the preset animation special effect data to a live broadcasting room playing window, and displaying the preset animation special effect at a position corresponding to the focus control of the host.
In the embodiment of the application, when the user triggers the anchor attention control in the live broadcasting room playing window, the preset animation special effects can be displayed, so that the audience user is dynamically prompted to pay attention to success of the anchor, the user experience is improved, and the audience retention rate is improved.
In an alternative embodiment, the live component includes a public screen component that includes a number of public screen chat messages. Step S30, including step S303, is specifically as follows:
s303: responding to the sliding operation of a first message in a plurality of public screen chat messages, and moving the display position of the first message in the public screen assembly to a target display position; wherein the target display position is a position at which the sliding operation is stopped.
Referring to fig. 5, the live component includes a public screen component 22, the public screen component 22 including a number of public screen chat messages 221. The first message is a public screen chat message selected by a user in the public screen assembly.
In this embodiment, when the user slides the first message in the live broadcast window, the first message is controlled to scroll in the public screen assembly 22, and when the user stops sliding the first message, the display position of the first message in the public screen assembly 22 is controlled to move to the position when the sliding operation is stopped.
A user can rapidly watch the public screen chat message by triggering the public screen assembly in the play window of the live broadcasting room, and the audience retention rate is improved.
In an alternative embodiment, the live broadcast component display method includes steps S31 to S32, which are specifically as follows:
s31: monitoring window change data of a play window of the live broadcasting room; the window change data comprises window position change data and window size change data;
s32: and rendering the live video stream data and at least one live component data of the live broadcasting room according to the window position change data and the window size change data, and displaying the live video stream and the at least one live component obtained by rendering in the live broadcasting room to play a window.
In this embodiment of the present application, KVO (Key-Value listening) is used to monitor window change data of a play window in a live broadcast room, the window change data is sent to a live broadcast application running in the background, the live broadcast application renders live video stream data and at least one live broadcast component data in real time according to the window change data, the rendered live video stream and at least one live broadcast component are sent to a PIP controller, and the rendered live video stream and at least one live broadcast component are displayed in the play window in the live broadcast room. Specifically, the process of rendering the live video stream data and the at least one live component data in real time by the live application according to the window change data may refer to steps S201 to S203, which are not described herein again.
By monitoring window change data of a play window of the live broadcasting room, when the window position or window size of the play window of the live broadcasting room is changed, the display position and the display size of the live broadcasting video stream and at least one live broadcasting component in the play window of the live broadcasting room are correspondingly updated, and therefore the display effect of the live broadcasting video stream and the display effect of the at least one live broadcasting component are improved.
In an alternative embodiment, the live broadcast component display method includes steps S33 to S34, which are specifically as follows:
s33: monitoring a pre-triggering operation of a live broadcasting room playing window, and adjusting the window size of the live broadcasting room playing window to a preset first target window size to obtain a first live broadcasting room playing window; the window size of the first live broadcasting room playing window is larger than that of the live broadcasting room window, and the window size of the first live broadcasting room playing window is smaller than that of a current display page;
s34: if triggering operation of at least one live broadcast component is monitored within a preset time period, displaying interactive content corresponding to the triggered live broadcast component in a first live broadcast room playing window, and recovering the window size of the first live broadcast room window to the window size of the live broadcast room playing window when the display time of the interactive content corresponding to the live broadcast component is longer than the preset time length.
The pre-triggering operation of the play window of the live broadcasting room can be clicking, double clicking, long pressing and the like, or can be sliding, dragging and the like.
In the embodiment of the application, the user performs a pre-triggering operation on the live broadcast room playing window, amplifies the live broadcast room playing window, and displays a first live broadcast room playing window. As the window size of the live room play window changes, the display size of the live video stream and the at least one live component will also change accordingly. Because the first live broadcasting room playing window is the amplified live broadcasting room playing window, the sizes of the live broadcasting video stream and at least one live broadcasting component can be amplified, and a user can conveniently watch the live broadcasting video stream and interact with the at least one live broadcasting component.
After the user triggers the live broadcast component, displaying the interactive content corresponding to the triggered live broadcast component, and when the display time of the interactive content corresponding to the live broadcast component is longer than the preset time, reducing the play window of the first live broadcast room, and recovering the window size of the play window of the live broadcast room.
The window size of the live broadcasting room playing window is adjusted by monitoring the pre-triggering operation of the user on the live broadcasting room playing window and the triggering operation of at least one live broadcasting component, so that the display effect of the live broadcasting video stream and the at least one live broadcasting component is improved, the user experience is improved, and the audience retention rate is improved.
In an alternative embodiment, the live component display method includes step S35, specifically as follows:
s35: if the triggering operation of at least one live broadcast component is not monitored within the preset time period, the window size of the first live broadcast room playing window is restored to the window size of the live broadcast room playing window.
In the embodiment of the application, if the user does not trigger at least one live broadcast component in a preset time period after amplifying the play window of the live broadcast room, the play window of the first live broadcast room is reduced, and the window size of the play window of the live broadcast room is restored.
Whether a user triggers at least one live broadcast component or not is monitored, and the window size of a play window of a live broadcast room is adjusted, so that the display effect of a live broadcast video stream and the at least one live broadcast component is improved, the user experience is improved, and the audience retention rate is improved.
In an alternative embodiment, the live broadcast component display method includes steps S36 to S37, which are specifically as follows:
s36: responding to the triggering operation of at least one live broadcast component, and adjusting the window size of the live broadcast room playing window to a preset second target window size to obtain a second live broadcast room playing window; the window size of the second live broadcasting room playing window is larger than that of the live broadcasting room window, and the window size of the second live broadcasting room playing window is smaller than that of the current display page;
s37: and displaying the interactive content corresponding to the triggered live broadcasting component in the second live broadcasting room playing window, and recovering the window size of the second live broadcasting room window to the window size of the live broadcasting room playing window when the display time length of the interactive content corresponding to the live broadcasting component is longer than the preset time length.
In the embodiment of the application, the user triggers at least one live broadcast component to amplify the playing window of the live broadcast room to obtain a second playing window of the live broadcast room. As the window size of the live room play window changes, the display size of the live video stream and the at least one live component will also change accordingly. Because the second live broadcasting room playing window is the enlarged live broadcasting room playing window, the size of at least one live broadcasting component can be enlarged, and the user can conveniently interact with at least one live broadcasting component.
After the user triggers the live broadcast component, displaying the interactive content corresponding to the triggered live broadcast component, and when the display time of the interactive content corresponding to the live broadcast component is longer than the preset time, reducing the play window of the second live broadcast room, and recovering the window size of the play window of the live broadcast room.
The window size of the play window of the live broadcasting room is adjusted by monitoring the triggering operation of the user on at least one live broadcasting component, so that the display effect of the live broadcasting video stream and the at least one live broadcasting component is improved, the user experience is improved, and the audience retention rate is improved.
In an alternative embodiment, the live component display method includes step S38, specifically as follows:
s38: and in response to a trigger operation of reentering the live room interface, displaying a live room page, removing the live video stream and at least one live component from the live room play window, and closing the live room play window.
The triggering operation of re-entering the live broadcasting room interface can be clicking a full screen key of a playing window of the live broadcasting room or clicking an application switching key to switch the current application to the live broadcasting application.
In the embodiment of the application, the live video stream and at least one live broadcast component are removed from the live broadcast room playing window, and then the live broadcast room playing window is closed, so that the problems of black screen, blocking and the like caused by reentry of the live broadcast room interface can be avoided.
Referring to fig. 6, fig. 6 is a schematic structural diagram of a live broadcast component display device according to an embodiment of the present application. The apparatus may be implemented as all or part of a computer device by software, hardware, or a combination of both. The live broadcast subassembly display 4 that this application embodiment provided includes:
a play window display module 41, configured to display a live broadcasting room play window in a preset area of a current display page after switching in response to a live broadcasting application background switching operation;
a live component display module 42, configured to synchronize live video stream data and at least one live component data of the live room to a live room play window, and display the live video stream and the at least one live component in the live room play window according to the live video stream data and the at least one live component data;
and the interactive content display module 43 is configured to respond to the triggering operation of at least one live broadcast component, and display interactive content corresponding to the triggered live broadcast component in the live broadcast room playing window.
It should be noted that, when the live broadcast component display apparatus provided in the foregoing embodiment performs the live broadcast component display method, only the division of the foregoing functional modules is used as an example, in practical application, the foregoing functional allocation may be performed by different functional modules according to needs, that is, the internal structure of the device is divided into different functional modules, so as to complete all or part of the functions described above. In addition, the live broadcast component display device and the live broadcast component display method provided in the foregoing embodiments belong to the same concept, which embody detailed implementation procedures in method embodiments, and are not described herein again.
Fig. 7 is a schematic structural diagram of an electronic device provided in the present application. As shown in fig. 7, the electronic device 21 may include: a processor 210, a memory 211, and a computer program 212 stored in the memory 211 and executable on the processor 210, for example: the live broadcast component displays the program; the processor 210, when executing the computer program 212, implements the steps of the embodiments described above.
Wherein the processor 210 may include one or more processing cores. The processor 210 performs various functions of the computer device 21 and processes data by executing or executing instructions, programs, code sets, or instruction sets stored in the memory 211, and invoking data in the memory 211, using various interfaces and lines to connect various parts within the computer device 21, alternatively, the processor 210 may be implemented in at least one hardware form of digital signal processing (Digital Signal Processing, DSP), field-programmable gate array (Field-Programmable Gate Array, FPGA), programmable logic array (Programble Logic Array, PLA). The processor 210 may integrate one or a combination of several of a central processing unit (Central Processing Unit, CPU), an image processor (Graphics Processing Unit, GPU), and a modem, etc. The CPU mainly processes an operating system, a user interface, an application program and the like; the GPU is used for rendering and drawing the content required to be displayed by the touch display screen; the modem is used to handle wireless communications. It will be appreciated that the modem may not be integrated into the processor 210 and may be implemented by a single chip.
The Memory 211 may include a random access Memory (Random Access Memory, RAM) or a Read-Only Memory (Read-Only Memory). Optionally, the memory 211 includes a non-transitory computer readable medium (non-transitory computer-readable storage medium). Memory 211 may be used to store instructions, programs, code sets, or instruction sets. The memory 211 may include a storage program area and a storage data area, wherein the storage program area may store instructions for implementing an operating system, instructions for at least one function (such as touch instructions, etc.), instructions for implementing the above-described various method embodiments, etc.; the storage data area may store data or the like referred to in the above respective method embodiments. The memory 211 may optionally also be at least one storage device located remotely from the aforementioned processor 210.
The embodiment of the present application further provides a computer storage medium, where a plurality of instructions may be stored, where the instructions are adapted to be loaded and executed by a processor, and the specific implementation procedure may refer to the specific description of the foregoing embodiment, and details are not repeated herein.
It will be apparent to those skilled in the art that, for convenience and brevity of description, only the above-described division of the functional units and modules is illustrated, and in practical application, the above-described functional distribution may be performed by different functional units and modules according to needs, i.e. the internal structure of the apparatus is divided into different functional units or modules to perform all or part of the above-described functions. The functional units and modules in the embodiment 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, where the integrated units may be implemented in a form of hardware or a form of a software functional unit. In addition, specific names of the functional units and modules are only for convenience of distinguishing from each other, and are not used for limiting the protection scope of the present application. The specific working process of the units and modules in the above system may refer to the corresponding process in the foregoing method embodiment, which is not described herein again.
In the foregoing embodiments, the descriptions of the embodiments are emphasized, and in part, not described or illustrated in any particular embodiment, reference is made to the related descriptions of other embodiments.
Those of ordinary skill in the art will appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, or combinations of computer software and electronic hardware. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present invention.
In the embodiments provided in the present invention, it should be understood that the disclosed apparatus/terminal device and method may be implemented in other manners. For example, the apparatus/terminal device embodiments described above are merely illustrative, e.g., the division of modules or units is merely a logical function division, and there may be additional divisions when actually implemented, e.g., 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 may be an indirect coupling or communication connection via interfaces, devices or units, which may be in electrical, mechanical or other forms.
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 over 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 invention 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 integrated units may be implemented in hardware or in software functional units.
The integrated modules/units, if implemented in the form of software functional units and sold or used as stand-alone products, may be stored in a computer readable storage medium. Based on such understanding, the present invention may implement all or part of the flow of the method of the above embodiment, or may be implemented by a computer program to instruct related hardware, where the computer program may be stored in a computer readable storage medium, and when the computer program is executed by a processor, the steps of each method embodiment described above may be implemented. Wherein the computer program comprises computer program code, which may be in the form of source code, object code, executable files or in some intermediate form, etc.
The present invention is not limited to the above-described embodiments, but, if various modifications or variations of the present invention are not departing from the spirit and scope of the present invention, the present invention is intended to include such modifications and variations as fall within the scope of the claims and the equivalents thereof.
Claims (13)
1. The live broadcast component display method is characterized by comprising the following steps of:
responding to the background switching operation of the live broadcast application, and displaying a live broadcast room playing window in a preset area of the switched current display page;
synchronizing live video stream data and at least one live component data of a live broadcasting room to a live broadcasting room playing window, and displaying a live video stream and at least one live broadcasting component in the live broadcasting room playing window according to the live video stream data and the at least one live broadcasting component data;
and responding to the triggering operation of at least one live broadcast component, and displaying the interaction content corresponding to the triggered live broadcast component in the live broadcast room playing window.
2. The live component display method of claim 1, wherein:
the step of synchronizing live video stream data and at least one live component data of a live broadcast room to the live broadcast room playing window, and displaying the live video stream and the at least one live component in the live broadcast room playing window according to the live video stream data and the at least one live component data includes:
acquiring window data of the live broadcasting room playing window; the window data comprises a first display position and a first display size of a playing window of the live video stream in the live broadcasting room, and a second display position and a second display size of the live broadcasting assembly in the live video stream;
rendering the live video stream data of the live broadcasting room according to the first display size to obtain a first view, and adding the first view to the first display position of the play window of the live broadcasting room;
and rendering the live broadcast component data of the live broadcast room according to the second display size to obtain a second view, and adding the second view to the second display position of the first view.
3. The live component display method of claim 1, further comprising:
monitoring window change data of the live broadcasting room playing window; wherein the window change data includes window position change data and window size change data;
and rendering the live video stream data and at least one live component data in the live broadcasting room according to the window position change data and the window size change data, and displaying the live video stream and the at least one live component obtained by rendering in the live broadcasting room playing window.
4. The live component display method of claim 1, further comprising:
monitoring the pre-triggering operation of the live broadcasting room playing window, and adjusting the window size of the live broadcasting room playing window to a preset first target window size to obtain a first live broadcasting room playing window; the window size of the first live broadcasting room playing window is larger than that of the live broadcasting room window, and the window size of the first live broadcasting room playing window is smaller than that of the current display page;
if the triggering operation of at least one live broadcast component is monitored within a preset time period, displaying the triggered interactive content corresponding to the live broadcast component in the first live broadcast room playing window, and recovering the window size of the first live broadcast room window to the window size of the live broadcast room playing window when the display time of the interactive content corresponding to the live broadcast component is longer than the preset time period.
5. The live component display method of claim 4, further comprising:
if the triggering operation of at least one live broadcast component is not monitored within a preset time period, the window size of the first live broadcast room playing window is restored to the window size of the live broadcast room playing window.
6. The live component display method of claim 1, further comprising:
responding to the triggering operation of at least one live broadcasting component, and adjusting the window size of the live broadcasting room playing window to a preset second target window size to obtain a second live broadcasting room playing window; the window size of the second live broadcasting room playing window is larger than that of the live broadcasting room window, and the window size of the second live broadcasting room playing window is smaller than that of the current display page;
and displaying the triggered interactive content corresponding to the live broadcast component in the second live broadcast room playing window, and recovering the window size of the second live broadcast room window to the window size of the live broadcast room playing window when the display time of the interactive content corresponding to the live broadcast component is longer than the preset time.
7. The live component display method of claim 1, further comprising:
and responding to a triggering operation of re-entering the live broadcasting room interface, displaying the live broadcasting room page, removing the live broadcasting video stream and at least one live broadcasting component from the live broadcasting room playing window, and closing the live broadcasting room playing window.
8. The live component display method according to any one of claims 1 to 7, wherein:
the live broadcast component includes a main broadcast attention control;
the step of responding to the triggering operation of at least one live broadcast component and displaying the interactive content corresponding to the triggered live broadcast component in the live broadcast room playing window comprises the following steps:
responding to the triggering operation of the anchor attention control, switching the functional state of the anchor attention control, and acquiring the switched functional state data;
and synchronizing the switched functional state data to the live broadcasting room playing window, and displaying the switched functional state at the position corresponding to the main broadcasting attention control.
9. The live component display method of claim 8, wherein:
the responding to the triggering operation of the anchor focus control, when the functional state of the anchor focus control is switched, further comprises:
acquiring preset animation special effect data;
and when the switched functional state data is synchronized to the live broadcasting room playing window, the method further comprises the following steps:
and synchronizing the preset animation special effect data to the live broadcasting room playing window, and displaying the preset animation special effect at the position corresponding to the main broadcasting attention control.
10. The live component display method according to any one of claims 1 to 7, wherein:
the live broadcast component comprises a public screen component, wherein the public screen component comprises a plurality of public screen chat messages;
the step of responding to the triggering operation of at least one live broadcast component and displaying the interactive content corresponding to the triggered live broadcast component in the live broadcast room playing window comprises the following steps:
responding to the sliding operation of a first message in a plurality of public screen chat messages, and moving the display position of the first message in the public screen assembly to a target display position; wherein the target display position is a position at which the sliding operation is stopped.
11. A live component display device, comprising:
the display module of the broadcasting window is used for responding to the background switching operation of the live broadcasting application and displaying the broadcasting window of the live broadcasting room in a preset area of the switched current display page;
the live broadcast component display module is used for synchronizing live broadcast video stream data and at least one live broadcast component data of a live broadcast room to the live broadcast room play window, and displaying the live broadcast video stream and the at least one live broadcast component in the live broadcast room play window according to the live broadcast video stream data and the at least one live broadcast component data;
and the interactive content display module is used for responding to the triggering operation of at least one live broadcast component and displaying the interactive content corresponding to the triggered live broadcast component in the live broadcast room playing window.
12. An electronic device, comprising: a processor, a memory and a computer program stored in the memory and executable on the processor, characterized in that the processor implements the steps of the method according to any one of claims 1 to 10 when the computer program is executed.
13. A computer readable storage medium storing a computer program, characterized in that the computer program when executed by a processor implements the steps of the method according to any one of claims 1 to 10.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310343430.2A CN116431261A (en) | 2023-03-31 | 2023-03-31 | Live broadcast component display method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310343430.2A CN116431261A (en) | 2023-03-31 | 2023-03-31 | Live broadcast component display method and device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116431261A true CN116431261A (en) | 2023-07-14 |
Family
ID=87084780
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310343430.2A Pending CN116431261A (en) | 2023-03-31 | 2023-03-31 | Live broadcast component display method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116431261A (en) |
-
2023
- 2023-03-31 CN CN202310343430.2A patent/CN116431261A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110597774B (en) | File sharing method, system, device, computing equipment and terminal equipment | |
| US11962858B2 (en) | Video playback method, video playback terminal, and non-volatile computer-readable storage medium | |
| EP1689155B1 (en) | Method and system to process video effects | |
| CN115509398A (en) | Method for displaying emoticons using instant messaging service and user device thereof | |
| CN111277845B (en) | Game live broadcast control method and device, computer storage medium and electronic equipment | |
| US20120173622A1 (en) | Social screen casting | |
| CN111541930B (en) | Live broadcast picture display method and device, terminal and storage medium | |
| US10521879B2 (en) | Overlaying multi-source media in VRAM | |
| US20150012831A1 (en) | Systems and methods for sharing graphical user interfaces between multiple computers | |
| CN102460407A (en) | Virtual desktop services | |
| CN109803151B (en) | Multimedia data stream switching method and device, storage medium and electronic device | |
| WO2023279937A1 (en) | Interaction method and apparatus based on live-streaming video, and device and storage medium | |
| CN111586452A (en) | Cross-device interaction method and device and playing device | |
| CN110740346B (en) | Video data processing method, device, server, terminal and storage medium | |
| CN113840154A (en) | Live broadcast interaction method and system based on virtual gift and computer equipment | |
| KR20220090411A (en) | Method, apparatus and device of live game broadcasting | |
| CN112295217B (en) | Device joining method and device, electronic device and computer readable medium | |
| CN111586338A (en) | Interaction method and system for 3D remote collaboration | |
| CN116431261A (en) | Live broadcast component display method and device, electronic equipment and storage medium | |
| CN114885191A (en) | Interaction method, system, device and equipment based on exclusive nickname of live broadcast room | |
| CN114760520A (en) | Live small and medium video shooting interaction method, device, equipment and storage medium | |
| WO2021031940A1 (en) | Screening room service management method, interaction method, display device, and mobile terminal | |
| CN113704517A (en) | Multimedia file playing method and device | |
| CN114210060A (en) | Banner card interaction method, device, equipment, medium and program product | |
| CN113282362A (en) | Application program management method, device, storage medium and terminal |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |