CN107911709A - live interface display method, device and terminal - Google Patents
live interface display method, device and terminal Download PDFInfo
- Publication number
- CN107911709A CN107911709A CN201711147841.5A CN201711147841A CN107911709A CN 107911709 A CN107911709 A CN 107911709A CN 201711147841 A CN201711147841 A CN 201711147841A CN 107911709 A CN107911709 A CN 107911709A
- Authority
- CN
- China
- Prior art keywords
- live
- video stream
- stream data
- data
- interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 40
- 238000009877 rendering Methods 0.000 claims description 29
- 238000001514 detection method Methods 0.000 claims description 7
- 241001269238 Data Species 0.000 description 14
- 230000006870 function Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000035800 maturation Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000007935 neutral effect Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/21—Server components or server architectures
- H04N21/218—Source of audio or video content, e.g. local disk arrays
- H04N21/2187—Live feed
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/436—Interfacing a local distribution network, e.g. communicating with another STB or one or more peripheral devices inside the home
- H04N21/4363—Adapting the video stream to a specific local network, e.g. a Bluetooth® network
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
- H04N21/44008—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving operations for analysing video streams, e.g. detecting features or characteristics in the video stream
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/442—Monitoring of processes or resources, e.g. detecting the failure of a recording device, monitoring the downstream bandwidth, the number of times a movie has been viewed, the storage space available from the internal hard disk
- H04N21/4424—Monitoring of the internal components or processes of the client device, e.g. CPU or memory load, processing speed, timer, counter or percentage of the hard disk space used
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Computer Networks & Wireless Communication (AREA)
- Databases & Information Systems (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
The embodiment of the present application discloses a kind of live interface display method, device and terminal, belongs to network direct broadcasting field, the described method includes：When receiving live data acquisition request, video stream data is pulled, video stream data is a part for live data；Decoding is carried out to the video stream data pulled to render；The video image rendered is shown in the player at live interface；Other network requests are added into main thread queue, and perform other network requests, other network requests are used for the live data outside acquisition request video stream data.In the embodiment of the present application, solve when pulling live data, the problem of live data beyond video stream data can take a large amount of Internet resources, influence pulling for video stream data, and video display postpones when causing to access live interface.
Description
Technical field
The invention relates to network direct broadcasting field, more particularly to a kind of live interface display method, device and terminal.
Background technology
With the continuous maturation of net cast technology, user uses browser or live class application program watching video live broadcast
While, transmission word can also be used or give the modes such as virtual present and main broadcaster's progress interaction.
In correlation technique, when user accesses live interface using live class application program, live class application program is synchronously drawn
The live datas such as video stream data, chat list data and present table data are taken, so that the live data pulled is parsed,
And it is shown on live interface.
However, the live data that live class application program pulls beyond video stream data can take a large amount of Internet resources, shadow
Pulling for video stream data is rung, video shows and postpones when causing to access live interface.
The content of the invention
The embodiment of the present application provides a kind of live interface display method, device and terminal, can be used for solution and pulls directly
During multicast data, the live data beyond video stream data can take a large amount of Internet resources, influence pulling for video stream data, cause
The problem of video display postpones when accessing live interface.The technical solution is as follows：
First aspect, there is provided a kind of live interface display method, this method include：
When receiving live data acquisition request, video stream data is pulled, video stream data is one of live data
Point；
Decoding is carried out to the video stream data pulled to render；
The video image rendered is shown in the player at live interface；
Other network requests are added into main thread queue, and perform other network requests, other network requests are used for please
Seek the live data obtained outside video stream data.
Second aspect, there is provided a kind of live interface display apparatus, the device include：
Flow module is drawn, for when receiving live data acquisition request, pulling video stream data, video stream data is straight
A part for multicast data；
Rendering module is decoded, is rendered for carrying out decoding to the video stream data pulled；
Display module, for showing the video image rendered in the player at live interface；
First execution module, for adding other network requests into main thread queue, and performs other network requests, its
Its network request is used for the live data outside acquisition request video stream data.
The third aspect, there is provided a kind of terminal, the terminal include processor and memory, be stored with the memory
At least one instruction, described instruction are loaded by the processor and performed to realize live interface display as described in relation to the first aspect
Method.
Fourth aspect, there is provided a kind of computer-readable recording medium, is stored with least one finger in the storage medium
Order, described instruction are loaded by processor and performed to realize live interface display method as described in relation to the first aspect.
The beneficial effect that technical solution provided by the embodiments of the present application is brought is：
In the embodiment of the present application, when terminal accesses live interface by browser or live class application program, browser
Or live class application program pulls video stream data, and the video stream data to pulling carries out decoding and renders, so that straight
Broadcast the video image that display renders in the player at interface；After video image is shown in live interface, then to main thread
Add other network requests in queue, the live data outside acquisition request video stream data；During live interface display, due to
Video stream data is preferentially pulled when pulling live data, therefore ensure that the network bandwidth pulled needed for video stream data, really
Protect and live video picture is preferentially shown in live interface, postpone so as to avoid video display when accessing live interface, reach
The effect of video display speed in the live interface of raising is arrived.
Brief description of the drawings
In order to illustrate more clearly of the technical solution in the embodiment of the present application, make required in being described below to embodiment
Attached drawing is briefly described, it should be apparent that, drawings in the following description are only some embodiments of the present application, for
For those of ordinary skill in the art, without creative efforts, other can also be obtained according to these attached drawings
Attached drawing.
Fig. 1 is the structure diagram for the live broadcast system that one exemplary embodiment of the application provides；
Fig. 2 is the flow chart for the live interface display method that one exemplary embodiment of the application provides；
Fig. 3 is the flow chart of the live interface display method of the application another exemplary embodiment offer；
Fig. 4 is the flow chart of the live interface display method of the application another exemplary embodiment offer；
Fig. 5 is the schematic diagram at the live interface that one exemplary embodiment of the application provides；
Fig. 6 is the flow chart for the live interface display method that one exemplary embodiment of the application provides；
Fig. 7 is the structure chart for the live interface display apparatus that one exemplary embodiment of the application provides；
Fig. 8 is a kind of terminal structure schematic diagram that one exemplary embodiment of the application provides.
Embodiment
To make the purpose, technical scheme and advantage of the application clearer, below in conjunction with attached drawing to the application embodiment party
Formula is described in further detail.
With reference to figure 1, the structure diagram of the live broadcast system provided it illustrates the application one embodiment.The live broadcast system
Including：Plug-flow end equipment 110, play end equipment 120 and streaming media server 130.
Plug-flow end equipment 110 can be that personal computer, smart mobile phone and tablet computer etc. have online direct broadcast function
Electronic equipment (equipment that main broadcaster uses), for gathering live video in real time, and is encoded into H.264 form by live video, and
Plug-flow is into streaming media server 130.
It can be that personal computer, smart mobile phone and tablet computer etc. are provided with browser or live to play end equipment 120
The electronic equipment (equipment that spectators use) of class application program, for when accessing live interface, from streaming media server 130
Video stream data is pulled, and the video stream data to pulling carries out decoding and renders, to realize the broadcasting of live video.
Streaming media server 130 is connected with plug-flow end equipment 110 and broadcasting end equipment 120 respectively.
The server cluster or cloud computing center that streaming media server 130 is a server, some servers form,
For receiving the video stream data of different 110 plug-flows of plug-flow end equipment, and receiving the drawing stream request of broadcasting end equipment 120
Afterwards, corresponding video stream data is pushed to and plays end equipment 120.
However as enriching constantly for live content, user can also use when watching live and send word, Huo Zhexiang
Main broadcaster gives the modes such as virtual present and carries out interaction.Correspondingly, need to increase chat data server and present in live broadcast system
Data server.
While broadcasting end equipment pulls video stream data from streaming media server, it is also necessary to from chat data server
In pull chat list data, present table data is pulled from present data server, and to pulling in live interface
Data carry out parsing and show.
Video stream data, chat list data and present row are synchronously pulled compared to live class application program in the prior art
The live datas such as table data, in the embodiment of the present application, when accessing live interface, live class application program preferentially pulls video flowing
Data, and after successfully showing video image in the player at live interface, then pull other outer live datas of video stream data
(including present table data and chat list data etc.), ensure that the network bandwidth pulled needed for video stream data, and then
Improve the display speed of video when accessing live interface.
The live interface display method that each embodiment of the application provides is applied in the broadcasting end equipment 120 shown in Fig. 1.
In order to facilitate description, following each embodiments are illustrated so that live interface display method is used in terminal as an example.
With reference to figure 2, it illustrates the live interface display method flow chart that one exemplary embodiment of the application provides.This
Embodiment is come applied to terminal in this way for example, the live interface display method includes the following steps：
Step 201, when receiving live data acquisition request, video stream data is pulled, video stream data is live number
According to a part.
In the present embodiment, schematically illustrated so that terminal accesses live interface by live class application program as an example.
In correlation technique, when terminal accesses live interface by live class application program, live class application program, that is, same
Step pulls the live datas such as video stream data, chat list data and present table data；In the present embodiment, when user uses directly
When broadcasting the class application program live interface of access, terminal receives live data and obtains request, which, which obtains, asks to use
In the corresponding live data of acquisition request direct broadcasting room, at this time, live class application program only carries out pulling the operation of video stream data.
Optionally, when accessing live interface, terminal enables main thread and renders basic interface element in live interface (extremely
Include player less), and show that video loads animation in the player rendered, meanwhile, perform and pull in sub-line journey
The logic of video stream data.
Wherein, main thread is live class application neutral after terminal accesses live interface by live class application program
Carve the thread of operation；Sub-line journey is other threads beyond main thread, can have multiple sub-lines in a live class application program
Journey；Video stream data is encoded and compression video data, is present in streaming media server.In a kind of possible realization
In mode, when detecting that terminal is to streaming media service when accessing the live interface of a certain direct broadcasting room by live class application program
Device, which is sent, draws stream request；After streaming media server receives drawing stream request, i.e., return to the corresponding video flowing of the direct broadcasting room to terminal
Data, correspondingly, terminal receives the video stream data.
Step 202, decoding is carried out to the video stream data pulled to render.
Optionally, after pulling video stream data, in order to realize video playing, terminal is using decoder to video stream data
Decoded, obtain multitude of video frame and be added in queue caching, and then the video frame in queue caching is rendered, with
Obtain video image.
Step 203, the video image rendered is shown in the player at live interface.
After being rendered to video frame, terminal shows the video image rendered in the player at live interface.
Optionally, after in order to make user enter live interface, live content can be watched immediately, reaches what the live second opened
Effect, the first frame (i.e. video head frames) and being shown in the player at live interface in terminal render-ahead queue caching first render
The first obtained frame video image.
Step 204, other network requests are added into main thread queue, and perform other network requests, other networks please
Ask for the live data outside acquisition request video stream data.
In a kind of possible embodiment, when detect successfully rendered the first frame of video in live interface after, terminal
Other network requests are added in the main thread queue of live class application program, and perform other network requests, are regarded with obtaining
Live data outside frequency flow data.Wherein, the live data outside video stream data includes：Spectators' list, history chat list or
The live datas such as present list, and different types of live data is from identical or different server.
For example, after success the first frame of render video in live interface, main thread team of the terminal in live class application program
Addition pulls the network request of spectators' list in row, and performs the network request, and spectators' row are pulled from attendance data server
Table data.
In conclusion in the embodiment of the present application, when terminal accesses live interface by browser or live class application program
When, browser or live class application program pull video stream data, and the video stream data to pulling carries out decoding and renders,
So as to show the video image rendered in the player at live interface；After video image is shown in live interface, then
Add other network requests into main thread queue, the live data outside acquisition request video stream data；Live interface display mistake
Cheng Zhong, due to preferentially pulling video stream data when pulling live data, ensure that the net pulled needed for video stream data
Network bandwidth, it is ensured that live video picture is preferentially shown in live interface, is shown so as to avoid video when accessing live interface
Now postpone, reached the effect of video display speed in the live interface of raising.
During drawing stream, influenced be subject to network factors, it is possible that the situation for being lost in and losing is drawn, in order to further optimize
Live interface display, when terminal carries out drawing stream, it is also necessary to which detection draws whether stream succeeds, and makes corresponding tune according to drawing stream situation
It is whole.
In a kind of possible implementation, after drawing loss to lose first, terminal pulls video stream data again, if still not
Stream can be successfully drawn, then is added into main thread queue and performs other network requests, synchronously pull live data.With reference to figure 3, its
Show the live interface display method flow chart that one exemplary embodiment of the application provides.The present embodiment is applied in this way
Come in terminal for example, the live interface display method includes the following steps：
Step 301, when receiving live data acquisition request, video stream data is pulled, video stream data is live number
According to a part.
The embodiment of this step is similar to above-mentioned steps 201, and details are not described herein for the present embodiment.
Step 302, detect whether to draw and flow successfully.
In the present embodiment, after user accesses live interface by live class application program, terminal receives live number
Asked according to obtaining, live class application program pulls video stream data, and further detects whether to draw to flow successfully.
In a kind of possible implementation, when terminal accesses live interface by live class application program, monitoring is live
Whether class application program and streaming media server shake hands success, after determining that the two is shaken hands successfully, further detect whether to receive
The video stream data sent to streaming media server, when detecting that it is to draw to flow successfully to obtain video stream data, terminal performs
Following step 303；Otherwise loss is drawn to lose, terminal performs following step 306.
Step 303, flowed successfully if drawing, carrying out decoding to the video stream data pulled renders.
In a kind of possible implementation, when accessing live interface by live class application program, terminal determines to broadcast
Display location of the device in live interface is put, and player is shown in the display location.When the video stream data to pulling into
After row decoding renders, i.e., the video image rendered is shown in the player at live interface.
Step 304, the video image rendered is shown in the player in live interface.
Step 305, other network requests are added into main thread queue, and perform other network requests, other networks please
Ask for the live data outside acquisition request video stream data.
The embodiment of step 304 to 305 is similar to above-mentioned steps 103 to 104, and details are not described herein for the present embodiment.
Step 306, if drawing loss to lose, stream is drawn again in scheduled duration.
Loss is drawn to lose if detecting, terminal is drawn stream again in scheduled duration.For example scheduled duration can be
3s。
In a kind of possible implementation, the gradation data that scheduled duration can be tested according to gray scale determines.Example
Such as, gradation data instruction terminal gets a length of 3s of mean time of first screen, i.e., scheduled duration is determined as 3s.
Step 307, detection draws whether stream succeeds again.
When receiving video stream data in scheduled duration, that is, determine that retrying drawing flows successfully, and perform following step
308；When not receiving video stream data in scheduled duration, that is, determine to retry and draw loss to lose, and perform following step 311.
Such as with reference to the example in step 306, when terminal pulls video stream data in 3s, it is determined that draw stream again
Success；If terminal does not pull video stream data in 3s, it is determined that draws loss to lose again.
Step 308, flowed successfully if drawing again, carrying out decoding to the video stream data pulled renders.
Being flowed successfully if it is determined that drawing again, terminal is to carry out decoding to the video stream data pulled to render, and then live
The video image rendered is shown in the player at interface.Wherein, video stream data is carried out the step of decoding renders with it is upper
It is similar to state step 202, details are not described herein for the present embodiment.
Step 309, the video image rendered is shown in the player in live interface.
Step 310, other network requests are added into main thread queue, and perform other network requests, other networks please
Ask for the live data outside acquisition request video stream data.
The embodiment of step 309 to 310 is similar to above-mentioned steps 103 to 104, and details are not described herein for the present embodiment.
Step 311, if drawing loss to lose again, other network requests are added into main thread queue, and perform other nets
Network is asked.
In order to avoid the step of when drawing loss to lose, circulation execution pulls video stream data in live class application program, lead
Cause the live datas such as chat list present list not pull, influence live interface display, however, it is determined that draw loss to lose again, terminal
Other network requests are then added into main thread queue, and perform other network requests, i.e., pull video stream data and its at the same time
His live data.
In the present embodiment, when terminal draws loss to lose and draws stream again not successfully, video stream data and other are synchronously pulled
The step of live data, avoids when drawing loss to lose, and circulation execution pulls video stream data in live class application program, causes
The problem of live contents such as chat list, present list can not be shown.
In correlation technique, when the live interface of terminal access, main thread synchronization render video image and live interface are enabled
In other interface elements, such as spectators' list, chat conversations frame and present list, due to rendering other in addition to video image
Interface element is also taking main thread, therefore is easy to cause video display when accessing live interface and postpones.
The efficiency that video is shown when accessing live interface to further improve, on the basis of Fig. 2, with reference to figure 4, it shows
The live interface display method flow chart that one exemplary embodiment of the application provides is gone out.The present embodiment is applied in this way
Terminal is come for example, the live interface display method includes the following steps：
Step 205, when receiving live data and obtaining request, enable main thread and render basic interface in live interface
Element, basic interface element include at least player.
Due to when showing video image at least it needs to be determined that go out the display location of video image, when accessing live boundary
During face, it is necessary first to render the interface element including at least player.
In a kind of possible embodiment, terminal obtains coordinate and display size of the player in live interface,
Carry out rendering display player in live interface respective regions according to coordinate and display size.
Schematically, as shown in figure 5, when the live interface 51 of terminal access, live class application program enables main thread wash with watercolours
Contaminate the player window 511 in live interface 51.
Step 201, video stream data is pulled.
It should be noted that stringent precedence relationship is not present between this step and above-mentioned steps 205, i.e., step 201 and
205 may be performed simultaneously, and the present embodiment is defined not to this.
Step 202, decoding is carried out to the video stream data pulled to render.
Step 203, the video image rendered is shown in the player at live interface.
Step 204, other network requests are added into main thread queue, and perform other network requests, other networks please
Ask for the live data outside acquisition request video stream data.
Step 206, sub- view rendering task is added into main thread queue, and performs sub- view rendering task, sub- view
Rendering task is used to ask to render the interface element outside basic interface element.
When showing the video image rendered in the player at live interface, terminal is i.e. to live class application program
Main thread in add sub- view rendering task, and perform sub- view rendering task, it is complete comprising all interface elements to show
Straightening broadcasts interface.Optionally, the interface element outside basic interface element includes spectators' list, present list and chat window etc..
Schematically, as shown in figure 5, showing the video figure rendered in the player window 511 at live interface 51
After 512, terminal adds sub- view rendering task in the main thread of live class application program, and performs sub- view rendering task,
So as to be rendered in live interface 51 and show chat window 513.
It should be noted that stringent precedence relationship is not present between this step and above-mentioned steps 204, i.e., step 204 and
206 may be performed simultaneously, and the present embodiment is defined not to this.
In the present embodiment, when accessing live interface, live class application program preferentially enables main thread and renders display broadcasting
Device, and the video image rendered is preferentially shown in player；Then the rendering task of sub- view is performed again, renders display
Other interface elements in live interface, further increase the efficiency that video is shown when accessing live interface.
Due to network bandwidth it is sufficiently large when, live class application program will not when pulling the live data beyond video stream data
Pulling for video stream data is impacted, when accessing live interface, is regarded without performing only to pull when pulling live data
The step of frequency flow data.In a kind of possible implementation, schematically, as shown in fig. 6, also being wrapped before above-mentioned steps 201
Include：
Step 207, when receiving live data acquisition request, current network bandwidth is obtained.
In order to determine whether current network bandwidth is suitable for while pulls video stream data and other live datas, when leading to
When crossing the live live interface of class application program access, terminal obtains current network bandwidth.
For example, the network bandwidth that terminal is got is N0。
Step 208, whether detection current network bandwidth is less than pre-set bandwidths threshold value.
It is stored with terminal while pulls required bandwidth value (i.e. default band when video stream data and other live datas
Wide threshold value), after getting current network bandwidth, terminal is i.e. by current network bandwidth compared with pre-set bandwidths threshold value.Wherein,
Pre-set bandwidths threshold value is N.
Step 209, if current network bandwidth is less than pre-set bandwidths threshold value, video stream data is pulled.
If it is determined that current network bandwidth is less than pre-set bandwidths threshold value, terminal determines that synchronously pulling all live datas can influence
The display speed of live video, so as to preferentially pull video stream data；
If it is determined that current network bandwidth is more than pre-set bandwidths threshold value, terminal determines synchronously to pull all live datas will not shadow
The display speed of live video is rung, so that enable main thread pulls video stream data and other live datas at the same time.
For example, work as N0<During N, terminal then performs step 201, preferentially pulls video stream data；Work as N0>N, terminal then enable master
Thread pulls video stream data and other live datas at the same time.
In the present embodiment, when accessing live interface, terminal judges whether current network bandwidth is less than pre-set bandwidths threshold
Value, pulls video stream data when network bandwidth is less than pre-set bandwidths threshold value, ensure that the network pulled needed for video stream data
Bandwidth, improves the efficiency that video is shown when accessing live interface；When network bandwidth is more than pre-set bandwidths threshold value, main line is enabled
Journey synchronously pulls video stream data and other live datas, and then improves the efficiency for completely showing live interface.
With reference to figure 7, the structural frames of the live interface display apparatus provided it illustrates one exemplary embodiment of the application
Figure.The live interface display apparatus can be implemented as by software, hardware and both combination terminal whole or one
Point.The live interface display apparatus includes：Flow module 710, decoding rendering module 720, display module 730, first is drawn to perform mould
Block 740.
Flow module 710 is drawn, for when receiving live data acquisition request, pulling video stream data, the video flowing
Data are a parts for live data；
Rendering module 720 is decoded, is rendered for carrying out decoding to the video stream data pulled；
Display module 730, for showing the video image rendered in the player at live interface；
First execution module 740, for adding other network requests into main thread queue, and performs other described networks
Request, other network requests are used for the live data described in acquisition request outside video stream data.
Optionally, the device, further includes：
Detection module, flows successfully for detecting whether drawing；
Rendering module is decoded, is flowed successfully if being additionally operable to draw, the described pair of video stream data pulled is performed and carries out
The step of decoding renders；
Again flow module is drawn, if for drawing loss to lose, is drawn stream again in scheduled duration.
First execution module, if being additionally operable to draw loss to lose again, performs in the queue to main thread and adds other nets
Network is asked, and described in execution the step of other network requests.
Optionally, the device, further includes：
Interface rendering module, for when receiving the live data acquisition request, enabling the main thread and rendering institute
The basic interface element in live interface is stated, the basis interface element includes at least the player；
Second execution module, for adding sub- view rendering task into the main thread queue, and performs the son and regards
Figure rendering task, the sub- view rendering task are used to ask to render the interface element outside the basic interface element.
Optionally, the device, further includes：
Acquisition module, for obtaining current network bandwidth；
Bandwidth detection module, for detecting whether the current network bandwidth is less than pre-set bandwidths threshold value；
Flow module is drawn, if being additionally operable to the current network bandwidth is less than the pre-set bandwidths threshold value, is pulled described in execution
The step of video stream data.
In conclusion in the embodiment of the present application, when terminal accesses live interface by browser or live class application program
When, browser or live class application program pull video stream data, and the video stream data to pulling carries out decoding and renders,
So as to show the video image rendered in the player at live interface；After video image is shown in live interface, then
Add other network requests into main thread queue, the live data outside acquisition request video stream data；Live interface display mistake
Cheng Zhong, due to preferentially pulling video stream data when pulling live data, ensure that the net pulled needed for video stream data
Network bandwidth, it is ensured that live video picture is preferentially shown in live interface, is shown so as to avoid video when accessing live interface
Now postpone, reached the effect of video display speed in the live interface of raising.
In the present embodiment, when terminal draws loss to lose and draws stream again not successfully, video stream data and other are synchronously pulled
The step of live data, avoids when drawing loss to lose, and circulation execution pulls video stream data in live class application program, causes
The problem of live contents such as chat list, present list can not be shown.
In the present embodiment, when accessing live interface, live class application program preferentially enables main thread and renders display broadcasting
Device, and the video image rendered is preferentially shown in player；Then the rendering task of sub- view is performed again, renders display
Other interface elements in live interface, further increase the efficiency that video is shown when accessing live interface.
In the present embodiment, when accessing live interface, terminal judges whether current network bandwidth is less than pre-set bandwidths threshold
Value, pulls video stream data when network bandwidth is less than pre-set bandwidths threshold value, ensure that the network pulled needed for video stream data
Bandwidth, improves the efficiency that video is shown when accessing live interface；When network bandwidth is more than pre-set bandwidths threshold value, main line is enabled
Journey synchronously pulls video stream data and other live datas, and then improves the efficiency for completely showing live interface.
It should be noted that：The live interface display apparatus that above-described embodiment provides is when carrying out live interface display, only
With the division progress of above-mentioned each function module for example, in practical application, can as needed and by above-mentioned function distribution by
Different function modules is completed, i.e., the internal structure of equipment is divided into different function modules, described above complete to complete
Portion or partial function.In addition, live interface display apparatus and the live interface display method embodiment of above-described embodiment offer
Belong to same design, its specific implementation process refers to embodiment of the method, and which is not described herein again.
As shown in figure 8, the embodiment of the present application provides a kind of terminal, which includes processor 810 and memory 820.
At least one instruction is stored with memory 820, which is loaded by processor 810 and performed to realize such as above-mentioned each implementation
The live interface display method that example provides.
Optionally, the miscellaneous parts such as sensor, audio player module, communication part, the end shown in Fig. 8 are further included in terminal
End does not form restriction to the concrete structure of terminal.
The embodiment of the present application additionally provides a kind of computer-readable medium, which has at least one
Instruction, at least one instruction are loaded as the processor and performed to realize the live interface described in as above each embodiment
Display methods.
The embodiment of the present application additionally provides a kind of computer program product, which is stored with least one
Instruction, at least one instruction are loaded as the processor and performed to realize the live interface described in as above each embodiment
Display methods.
Above-mentioned the embodiment of the present application sequence number is for illustration only, does not represent the quality of embodiment.
One of ordinary skill in the art will appreciate that hardware can be passed through by realizing all or part of step of above-described embodiment
To complete, relevant hardware can also be instructed to complete by program, the program can be stored in a kind of computer-readable
In storage medium, storage medium mentioned above can be read-only storage, disk or CD etc..
The foregoing is merely the preferred embodiment of the application, not to limit the application, it is all in spirit herein and
Within principle, any modification, equivalent replacement, improvement and so on, should be included within the protection domain of the application.
Claims (10)
- A kind of 1. live interface display method, it is characterised in that the described method includes：When receiving live data acquisition request, video stream data is pulled, the video stream data is one of live data Point；Decoding is carried out to the video stream data pulled to render；The video image rendered is shown in the player at live interface；Other network requests are added into main thread queue, and perform other described network requests, other network requests are used In the live data described in acquisition request outside video stream data.
- 2. according to the method described in claim 1, it is characterized in that, it is described pull video stream data after, including：Detect whether to draw and flow successfully；If drawing is flowed successfully, perform the described pair of video stream data pulled and carry out the step of decoding renders；If drawing loss to lose, stream is drawn again in scheduled duration；If drawing loss to lose again, perform and other network requests are added in the queue to main thread, and perform other described nets The step of network is asked.
- 3. method according to claim 1 or 2, it is characterised in that the method, further includes：When receiving the live data and obtaining request, enable main thread and render basic Interface Element in the live interface Element, the basis interface element include at least the player；After the video image that display renders in the player at the live interface, the method, further includes：Sub- view rendering task is added into the main thread queue, and performs the sub- view rendering task, the sub- view Rendering task is used to ask to render the interface element outside the basic interface element.
- 4. method according to claim 1 or 2, it is characterised in that it is described pull video stream data before, further include：Obtain current network bandwidth；Detect whether the current network bandwidth is less than pre-set bandwidths threshold value；If the current network bandwidth is less than the pre-set bandwidths threshold value, perform described in the step of pulling video stream data.
- 5. a kind of live interface display apparatus, it is characterised in that described device includes：Flow module is drawn, when obtaining request for receiving live data, pulls video stream data, the video stream data is live A part for data；Rendering module is decoded, is rendered for carrying out decoding to the video stream data pulled；Display module, for showing the video image rendered in the player at live interface；First execution module, for adding other network requests into main thread queue, and performs other described network requests, institute Other network requests are stated for the live data described in acquisition request outside video stream data.
- 6. device according to claim 5, it is characterised in that described device, further includes：Detection module, flows successfully for detecting whether drawing；The decoding rendering module, flows successfully if being additionally operable to draw, and performs the described pair of video stream data pulled and carries out The step of decoding renders；Again flow module is drawn, if for drawing loss to lose, is drawn stream again in scheduled duration；First execution module, if being additionally operable to draw loss to lose again, performs in the queue to main thread and adds other nets Network is asked, and described in execution the step of other network requests.
- 7. the device according to claim 5 or 6, it is characterised in that described device, further includes：Interface rendering module, for when receiving the live data acquisition request, enabling main thread and rendering the live boundary Basic interface element in face, the basis interface element include at least the player；Second execution module, for adding sub- view rendering task into the main thread queue, and performs the sub- view wash with watercolours Dye task, the sub- view rendering task are used to ask to render the interface element outside the basic interface element.
- 8. the device according to claim 5 or 6, it is characterised in that described device, further includes：Acquisition module, for obtaining current network bandwidth；Bandwidth detection module, for detecting whether the current network bandwidth is less than pre-set bandwidths threshold value；The drawing flow module, if being additionally operable to the current network bandwidth is less than the pre-set bandwidths threshold value, pulls described in execution The step of video stream data.
- 9. a kind of terminal, it is characterised in that the terminal includes processor and memory, and at least one is stored with the memory Bar instructs, and described instruction is loaded by the processor and performed to realize that the live interface as described in Claims 1-4 is any is shown Show method.
- 10. a kind of computer-readable medium, it is characterised in that be stored thereon with programmed instruction, described program is instructed by processor The live interface display method as described in Claims 1-4 is any is realized during execution.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711147841.5A CN107911709A (en) | 2017-11-17 | 2017-11-17 | live interface display method, device and terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711147841.5A CN107911709A (en) | 2017-11-17 | 2017-11-17 | live interface display method, device and terminal |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107911709A true CN107911709A (en) | 2018-04-13 |
Family
ID=61846203
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711147841.5A Pending CN107911709A (en) | 2017-11-17 | 2017-11-17 | live interface display method, device and terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107911709A (en) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108683957A (en) * | 2018-04-25 | 2018-10-19 | 北京酷我科技有限公司 | A kind of method and system of quick displaying live video |
| CN109819268A (en) * | 2019-03-15 | 2019-05-28 | 网易（杭州）网络有限公司 | Direct broadcasting room control method for playing back, device, medium and equipment in net cast |
| CN110213636A (en) * | 2018-04-28 | 2019-09-06 | 腾讯科技（深圳）有限公司 | Video frame generating method, device, storage medium and the equipment of Online Video |
| CN111464828A (en) * | 2020-05-14 | 2020-07-28 | 广州酷狗计算机科技有限公司 | Virtual special effect display method, device, terminal and storage medium |
| CN111954041A (en) * | 2019-05-15 | 2020-11-17 | 上海哔哩哔哩科技有限公司 | Video loading method, computer equipment and readable storage medium |
| CN112492332A (en) * | 2020-11-13 | 2021-03-12 | 北京达佳互联信息技术有限公司 | Data display control method and device, electronic equipment and storage medium |
| WO2021083175A1 (en) * | 2019-10-28 | 2021-05-06 | 阿里巴巴集团控股有限公司 | Data processing method, device and system, readable storage medium and server |
| CN109889907B (en) * | 2019-04-08 | 2021-06-01 | 北京东方国信科技股份有限公司 | HTML 5-based video OSD display method and device |
| CN115243070A (en) * | 2022-09-21 | 2022-10-25 | 广州市保伦电子有限公司 | Automatic recovery method for live broadcast stream progress abnormity and processing terminal |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103198125A (en) * | 2013-04-07 | 2013-07-10 | 东莞宇龙通信科技有限公司 | Method and system for controlling loading of page data |
| CN104850415A (en) * | 2014-02-13 | 2015-08-19 | 腾讯科技（深圳）有限公司 | Method and apparatus for loading pages |
| CN106095506A (en) * | 2016-06-14 | 2016-11-09 | 乐视控股（北京）有限公司 | A kind of page loading method and device |
| CN106658142A (en) * | 2016-12-09 | 2017-05-10 | 广州华多网络科技有限公司 | Interface configuration method and device |
| CN106899649A (en) * | 2016-06-30 | 2017-06-27 | 阿里巴巴集团控股有限公司 | A kind of task requests processing method, device and user equipment |
| CN107277594A (en) * | 2017-07-06 | 2017-10-20 | 广州华多网络科技有限公司 | A kind of video and audio and barrage synchronous method and device |
-
2017
- 2017-11-17 CN CN201711147841.5A patent/CN107911709A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103198125A (en) * | 2013-04-07 | 2013-07-10 | 东莞宇龙通信科技有限公司 | Method and system for controlling loading of page data |
| CN104850415A (en) * | 2014-02-13 | 2015-08-19 | 腾讯科技（深圳）有限公司 | Method and apparatus for loading pages |
| CN106095506A (en) * | 2016-06-14 | 2016-11-09 | 乐视控股（北京）有限公司 | A kind of page loading method and device |
| CN106899649A (en) * | 2016-06-30 | 2017-06-27 | 阿里巴巴集团控股有限公司 | A kind of task requests processing method, device and user equipment |
| CN106658142A (en) * | 2016-12-09 | 2017-05-10 | 广州华多网络科技有限公司 | Interface configuration method and device |
| CN107277594A (en) * | 2017-07-06 | 2017-10-20 | 广州华多网络科技有限公司 | A kind of video and audio and barrage synchronous method and device |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108683957A (en) * | 2018-04-25 | 2018-10-19 | 北京酷我科技有限公司 | A kind of method and system of quick displaying live video |
| CN110213636A (en) * | 2018-04-28 | 2019-09-06 | 腾讯科技（深圳）有限公司 | Video frame generating method, device, storage medium and the equipment of Online Video |
| CN109819268A (en) * | 2019-03-15 | 2019-05-28 | 网易（杭州）网络有限公司 | Direct broadcasting room control method for playing back, device, medium and equipment in net cast |
| CN109819268B (en) * | 2019-03-15 | 2021-03-02 | 网易（杭州）网络有限公司 | Live broadcast room play control method, device, medium and equipment in video live broadcast |
| CN109889907B (en) * | 2019-04-08 | 2021-06-01 | 北京东方国信科技股份有限公司 | HTML 5-based video OSD display method and device |
| CN111954041A (en) * | 2019-05-15 | 2020-11-17 | 上海哔哩哔哩科技有限公司 | Video loading method, computer equipment and readable storage medium |
| WO2021083175A1 (en) * | 2019-10-28 | 2021-05-06 | 阿里巴巴集团控股有限公司 | Data processing method, device and system, readable storage medium and server |
| CN111464828A (en) * | 2020-05-14 | 2020-07-28 | 广州酷狗计算机科技有限公司 | Virtual special effect display method, device, terminal and storage medium |
| CN112492332A (en) * | 2020-11-13 | 2021-03-12 | 北京达佳互联信息技术有限公司 | Data display control method and device, electronic equipment and storage medium |
| CN115243070A (en) * | 2022-09-21 | 2022-10-25 | 广州市保伦电子有限公司 | Automatic recovery method for live broadcast stream progress abnormity and processing terminal |
| CN115243070B (en) * | 2022-09-21 | 2022-12-27 | 广州市保伦电子有限公司 | Automatic recovery method for live broadcast stream progress abnormity and processing terminal |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107911709A (en) | live interface display method, device and terminal | |
| CN110557670B (en) | Method, device, terminal and storage medium for playing video in webpage | |
| CN105025351B (en) | The method and device of DST PLAYER buffering | |
| CN107547940A (en) | Video playback processing method, equipment and computer-readable recording medium | |
| WO2020048429A1 (en) | Method and apparatus for obtaining media resource | |
| WO2021159770A1 (en) | Video playback method, device, apparatus, and storage medium | |
| CN106550284B (en) | Method and device for playing fragment video | |
| CN104639951B (en) | The pumping frame processing method and device of video code flow | |
| CN108924582A (en) | Video recording method, computer readable storage medium and recording and broadcasting system | |
| EP4152757A1 (en) | Video playback method and apparatus, storage medium, and electronic device | |
| CN106817613B (en) | Method and device for playing audio and video contents | |
| US20180213232A1 (en) | Graphical instruction data processing method and apparatus, and system | |
| CN112437345A (en) | Video speed doubling playing method and device, electronic equipment and storage medium | |
| WO2019114330A1 (en) | Video playback method and apparatus, and terminal device | |
| CN107147921A (en) | Based on section and the intelligence CDN video playback accelerated methods dispatched and equipment | |
| CN107333163A (en) | A kind of method for processing video frequency and device, a kind of terminal and storage medium | |
| JP2017519406A (en) | Network video playback method and apparatus | |
| CN107920281A (en) | A kind of network direct broadcasting video loading method and terminal | |
| CN106921865A (en) | Method for processing video frequency and device | |
| CN108769816A (en) | A kind of video broadcasting method, device and storage medium | |
| US20150268808A1 (en) | Method, Device and System for Multi-Speed Playing | |
| CN107071550A (en) | A kind of video data sharing method and device | |
| CN110012315A (en) | A kind of video broadcasting method, device and electronic equipment | |
| CN114040245A (en) | Video playing method and device, computer storage medium and electronic equipment | |
| CN106254961B (en) | Video broadcasting method and TV in TV |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180413 |