CN108712670A - A kind of method, apparatus and computer equipment for video preview - Google Patents
A kind of method, apparatus and computer equipment for video preview Download PDFInfo
- Publication number
- CN108712670A CN108712670A CN201810292192.6A CN201810292192A CN108712670A CN 108712670 A CN108712670 A CN 108712670A CN 201810292192 A CN201810292192 A CN 201810292192A CN 108712670 A CN108712670 A CN 108712670A
- Authority
- CN
- China
- Prior art keywords
- room
- video
- preview
- direct broadcasting
- live
- 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
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/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
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
- H04L65/40—Support for services or applications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
- H04L65/60—Network streaming of media packets
- H04L65/75—Media network packet handling
-
- 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/44213—Monitoring of end-user related data
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Computer Networks & Wireless Communication (AREA)
- Health & Medical Sciences (AREA)
- General Health & Medical Sciences (AREA)
- Social Psychology (AREA)
- Databases & Information Systems (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
The present invention provides a kind of methods for video preview, are applied in webcast website, the method includes：The trigger action signal for whether receiving preview target direct broadcasting room video is monitored in the room list layer of live page, if receiving the trigger action signal, obtains the room ID of target direct broadcasting room；Wherein, the live page includes the room list layer and video preview layer, and when showing the video preview layer, the room list layer is in hidden state；Room ID based on the target direct broadcasting room generates live video preview request, and the live video preview request is sent to server, obtains the video flowing address in target live streaming room；In the video preview layer, the live video of target direct broadcasting room described in simultaneously preview is played based on the video flowing address.
Description
Technical field
The invention belongs to the technical field of net cast more particularly to it is a kind of by the method, apparatus of video preview and based on
Calculate machine equipment.
Background technology
With the progress of network communication technology and the speed-raising of broadband network, net cast technology has obtained more and more hairs
Exhibition and application.
Currently, increasing with live streaming user, live streaming type is more and more, and user can select when being unfamiliar with live content
Live video preview has taken off whether the direct broadcasting room is interested direct broadcasting room, but in the prior art in preview, usually
It is only able to display a frame picture, the information content that user gets is less, whether interested between current live is unable to accurate judgement.
As it can be seen that webcast website's video preview exists in the prior art, preview video is unable to the technical issues of chain broadcast is put.
Invention content
In view of the problems of the existing technology, an embodiment of the present invention provides a kind of method, apparatus for video preview
And computer equipment, when for solving webcast website's progress video preview in the prior art, what preview video cannot be played continuously
Technical problem.
The embodiment of the present invention provides a kind of method for video preview, is applied in webcast website, the method includes：
The trigger action letter for whether receiving preview target direct broadcasting room video is monitored in the room list layer of live page
Number, if receiving the trigger action signal, obtain the room ID of target direct broadcasting room；Wherein, the live page includes institute
Room list layer and video preview layer are stated, when showing the video preview layer, the room list layer is in hidden state；
Room ID based on the target direct broadcasting room generates live video preview request, and by the live video preview
Request is sent to server, obtains the video flowing address in target live streaming room；
In the video preview layer, the live streaming that target direct broadcasting room described in simultaneously preview is played based on the video flowing address is regarded
Frequently.
In said program, if described receive the trigger action signal, the room ID of target direct broadcasting room is obtained, is wrapped
It includes：
The message dished out according to the trigger action signal obtains the room ID of the target direct broadcasting room, is taken in the message
Room ID with the target direct broadcasting room.
It is described in the video preview layer in said program, mesh described in simultaneously preview is played based on the video flowing address
The live video of direct broadcasting room is marked, including：
The Video stream information of the target direct broadcasting room is obtained based on the video flowing address；
The Video stream information is loaded onto in the preview player control in the video preview layer, the preview is passed through
Player control plays the Video stream information, the live video of target direct broadcasting room described in preview.
In said program, when detecting that the trigger action signal removes, hides the video preview layer and suspend and broadcast
Put the live video in target live streaming room.
In said program, when playing the live video of target direct broadcasting room described in simultaneously preview based on the video flowing address, institute
The room information for stating target direct broadcasting room is completely shown in the video preview layer.
The present invention also provides a kind of device for video preview, described device includes：
Whether monitoring unit receives preview target direct broadcasting room video for being monitored in the room list layer of live page
Trigger action signal obtain the room ID of target direct broadcasting room if receiving the trigger action signal；Wherein, described straight
It includes the room list layer and video preview layer to broadcast the page, when showing the video preview layer, at the room list layer
In hidden state；
Generation unit is used for the room ID based on the target direct broadcasting room, generates live video preview request；
Transmission unit obtains target live streaming room for the live video preview request to be sent to server
Video flowing address；
Preview unit, in the video preview layer, target described in simultaneously preview to be played based on the video flowing address
The live video of direct broadcasting room.
In said program, the monitoring unit is specifically used for：
The message dished out according to the trigger action signal obtains the room ID of the target direct broadcasting room, is taken in the message
Room ID with the target direct broadcasting room.
In said program, the preview unit is specifically used for：
The Video stream information of the target direct broadcasting room is obtained based on the video flowing address；
The Video stream information is loaded onto in the preview player control in the video preview layer, the preview is passed through
Player control plays the Video stream information, the live video of target direct broadcasting room described in preview.
The present invention also provides a kind of computer readable storage mediums, are stored thereon with computer program, which is handled
Device realizes method described in any one of the above embodiments when executing.
The present invention also provides a kind of computer equipment, including memory, processor and storage on a memory and can located
The computer program run on reason device, which is characterized in that the processor is realized when executing described program described in any of the above-described
Method.
The present invention provides a kind of methods for video preview, are applied in webcast website, the method includes：Straight
The trigger action signal monitored in the room list layer of the page and whether receive preview target direct broadcasting room video is broadcast, if receiving institute
Trigger action signal is stated, then obtains the room ID of target direct broadcasting room；Wherein, the live page include the room list layer and
Video preview layer, when showing the video preview layer, the room list layer is in hidden state；It is broadcast live based on the target
Between room ID, live video preview request is generated, and the live video preview request is sent to server, described in acquisition
The video flowing address in room is broadcast live in target；In the video preview layer, played described in simultaneously preview based on the video flowing address
The live video of target direct broadcasting room；In this way, because live page includes room list layer and video preview layer, room list layer is shown
All direct broadcasting rooms, when needing the live video to target direct broadcasting room to carry out preview, mouse is moved in target direct broadcasting room, will
The trigger action signal for receiving a preview target direct broadcasting room video obtains the room ID of target direct broadcasting room；Then according to room
Between ID the video flowing address of the direct broadcasting room is obtained to server, and video flowing address is fed back in video preview layer, video preprocessor
Layer of looking at can continuously play the live video of the target direct broadcasting room based on the video flowing address, and such user regards in preview
When frequency, preview to be exactly the video pictures continuously played, so as to precisely judge the direct broadcasting room whether be itself sense it is emerging
The direct broadcasting room of interest.
Description of the drawings
Fig. 1 is the flow diagram for video previewing method that the embodiment of the present invention one provides；
Fig. 2 is provided by Embodiment 2 of the present invention for video preview apparatus structure schematic diagram；
Fig. 3 is used for video preview computer equipment overall structure diagram for what the embodiment of the present invention three provided.
Specific implementation mode
The present invention provides a kind of method and device for video preview, for solve in the prior art webcast website into
When row video preview, the technical issues of preview video cannot be played continuously.
Technical solution in the embodiment of the present application, general thought are as follows：
The trigger action letter for whether receiving preview target direct broadcasting room video is monitored in the room list layer of live page
Number, if receiving the trigger action signal, obtain the room ID of target direct broadcasting room；Wherein, the live page includes institute
Room list layer and video preview layer are stated, when showing the video preview layer, the room list layer is in hidden state；Base
In the room ID of the target direct broadcasting room, live video preview request is generated, and the live video preview request is sent to
Server obtains the video flowing address in target live streaming room；In the video preview layer, it is based on the video flowing address
Play the live video of target direct broadcasting room described in simultaneously preview.
Technical scheme of the present invention is described in further detail below by drawings and the specific embodiments.
Embodiment one
The present embodiment provides a kind of methods for video preview, are applied to webcast website, as shown in Figure 1, the method
Including：
S101 monitors the triggering behaviour for whether receiving preview target direct broadcasting room video in the room list layer of live page
Make signal, if receiving the trigger action signal, obtains the room ID of target direct broadcasting room；
In this step, because direct broadcasting room includes multiple, therefore server has the rooms roomManager manager, Mei Gezhi
Then there is direct broadcasting room network interface room interfaces, server can be connect by roomManager and the room networks in terminal between broadcasting
Mouth is communicated, and realizes the management to each direct broadcasting room.Live page can be realized by following manner：
A1：Window object Qt is created, and so that window object is inherited QQuickView and instantiates,
A2：A QQmlApplicationEngine Engine objects are created in Qt, for parsing and creating the control of the interfaces ui
Part, program are realized as follows：
M_engine=new QQmlApplicationEngine (this)；
Wherein, the m_engine is Engine objects, and QQmlApplicationEngine is engine, and this is
The parent of QQmlApplicationEngine.
A3：The addresses QQmlContext in QQmlApplicationEngine objects are obtained, for binding pair in Qt
As program is realized as follows：
QQmlContext*context=m_engine->rootContext()；
Wherein, the QQmlContext*context is the context of qml files, and rootContext () is to obtain
The call method of Contex root node contexts；
A4：Preset qml file paths are set, are realized as follows：
context->setContextPdoperty("_app_path",appPath)；
Wherein, context->SetContextPdoperty is the method for calling file path, and appPath is window pair
As middle main window file path.
All ui interface controls of live page are loaded by the path
A5：The method that conveniently roomManager will be called in QML in roomManager object bindings to QML contexts,
Since each preview interface is required for request network interface, there are one request services for all each each preview interface tools
The interface room interfaces of device, and there are one the lists of all room interfaces (room network interface) in roomManager.
Live page includes two layers, that is, includes room list layer and video preview layer, when showing the video preview layer,
The room list layer is in hidden state；User is facilitated to watch the preview video of video preview layer.Video preview layer includes
There are video playing control, room information to show control, room title, temperature information and label information etc..
In specific implementation process, room list layer includes that list realizes that part sum number factually shows part, wherein list
Realize that part is specific as follows：
B1：A view is added in preset qml script files shows control：GridView controls are straight for showing
Broadcast a panel pattern；
B2：The general property of gridView controls is set, the format for direct broadcasting room panel pattern to be arranged, such as position,
Size and each size of node；Each node refers to just each direct broadcasting room in live page；
B3：View display agency is added, for realizing that the panel pattern of all direct broadcasting rooms, each direct broadcasting room panel pattern be
Identical, only data are different.Room panel pattern is the pattern for referring to each direct broadcasting room intermediate node in list, panel sample
Formula is fixed.And model that data are arranged by gridView controls provides.
Data realize that part is implemented as follows：
C1：After the completion of the window object of live page creates, all live streamings of get acquisition requests are sent to server
Between list information；
C2：Server is got to return to json formats (JavaScript Object Notation, JS object tags are
A kind of data interchange format of lightweight) room list information, and room list information is parsed；Wherein, server
What is returned is the dope vector of json formats, it is therefore desirable to be parsed to dope vector, obtain the list letter in each room
Breath；The list information includes：Room title, main broadcaster's title, online number etc..
C3：View display model is built, and the list information after parsing is added in view display model,
C4：The view display model setting of structure is shown into control to view：In gridView controls, then view is set
The data of display model, and data are supplemented in room list.
After the realization for describing room list layer, the realization process of video preview layer is described below：
D1：A control panel is added in preset qml files；
D2：Play control is added in control panel, is used for playblast video；
D3：Room information is added in control panel shows control, room title, temperature, classification and label information etc..
After setting information above, gridView controls monitored in the room list layer of live page whether receive it is pre-
The trigger action signal of target direct broadcasting room video look at obtains the room of target direct broadcasting room if receiving the trigger action signal
Between ID；Here, if mouse is moved to and (be not required to click) on the mesh table direct broadcasting room in room list layer by user, one will be listened to
The trigger action signal of a preview target direct broadcasting room video, the trigger action signal will dish out a message, then
The message dished out according to the trigger action signal obtains the room ID of the target direct broadcasting room, is carried in the message described
The room ID of target direct broadcasting room.The trigger action signal includes：Mouse moves into signal；I.e. when user's preview target direct broadcasting room
When live video, what is listened to is that mouse moves into signal.
S102, the room ID based on the target direct broadcasting room generate live video preview request, and by the live video
Preview request is sent to server, obtains the video flowing address in target live streaming room；
After getting the room ID of target direct broadcasting room, it is pre- to generate live video by the room ID based on the target direct broadcasting room
It lookes at request, and the live video preview request is sent to server, obtain the video flowing address in target live streaming room.
Specifically, live video preview request can be converted into a letter by room ID of the terminal based on target direct broadcasting room
Number, live video preview request is then generated according to the essential information of inverted signal and terminal, the essential information of terminal can be
The mark of terminal user.After server receives live video preview request, can the room ID based on target direct broadcasting room by the room
Between video flowing address information be back to terminal, the video flowing address information is the information of json formats.
S103 plays target direct broadcasting room described in simultaneously preview in the video preview layer based on the video flowing address
Live video.
After terminal gets video flowing address, in the video preview layer, played simultaneously based on the video flowing address
The live video of target direct broadcasting room described in preview.
Specific implementation process is as follows：The Video stream information of the target direct broadcasting room is obtained based on the video flowing address；
The Video stream information is loaded onto in the preview player control in the video preview layer, the preview player control is passed through
Part plays the Video stream information, the live video of target direct broadcasting room described in preview.In this way because player control can continuously be broadcast
Put live video, therefore user can the continuous preview live video.
Further, when based on the live video of target direct broadcasting room described in video flowing address viewing or preview, institute
Stating the room information of target direct broadcasting room can completely be shown in the video preview layer, i.e., be completely shown in preview interface,
No matter how much room information can completely show.The so described trigger action signal may include：Mouse click signal or
Mouse moves into signal；Namely user's direct viewing target direct broadcasting room live video when, what is listened to is mouse click signal；When
When the live video of user's preview target direct broadcasting room, what is listened to is that mouse moves into signal.
Specific implementation process is as follows：
If listening to the trigger action signal, the room ID and room serial number of target direct broadcasting room are obtained；Here, if with
When mouse is moved to or clicked the mesh table direct broadcasting room in room list layer by family, trigger action signal will be triggered, trigger action
Signal will dish out a message, and the message dished out according to the trigger action signal obtains the room ID of the target direct broadcasting room
And room serial number, the room ID and room serial number of the target direct broadcasting room are carried in the message.Such as in live page
There are 9 live streaming rooms, the format of similar nine grids, then the sequence in each room is exactly from left to right, to arrange successively from top to bottom
Row.
After getting room ID and the room serial number of target direct broadcasting room, the room ID of target direct broadcasting room and room subscript are passed
It is handed in gridView controls, and determines that the target direct broadcasting room exists according to the room ID of the target direct broadcasting room and room serial number
Coordinate information in the live page；Specific implementation process is as follows：
Determine the target direct broadcasting room in the live page according to x=index%columnCount*cellWidth
Abscissa information；
According to y=(cellHeight* ((index-index%columnCount)/.columnCount))-
ContentY determines ordinate information of the target direct broadcasting room in the live page；Wherein, the x is the horizontal seat
Mark, the y are the ordinate, and the index is the room serial number, and cellWidth is the width of the target direct broadcasting room,
The number of direct broadcasting room in described columnCount a line, cellHeight are the height of the target direct broadcasting room, and contentY is
The height of the room list of live page where the target direct broadcasting room.
After room ID and the room serial number of determining target direct broadcasting room, according to the target direct broadcasting room in the live page
In coordinate information determine the displaing coordinate value (x, y) of the target direct broadcasting room.
The displaing coordinate value of target direct broadcasting room has been got, displaing coordinate then is set in room information shows control
Value on the basis of displaing coordinate value, adjusts the position of video playing layer so that video is broadcast in real time in preview or broadcasting video
The position that layer is put with respect to the target direct broadcasting room is constantly in middle position.
Then roomManager objects will send a get request by the network interface of target direct broadcasting room to server
The room information for obtaining target direct broadcasting room, carries the room ID of target direct broadcasting room in the request.Server can be based on room
ID returns to the room information in the room, includes in video preview layer by room information after terminal receives room information.This
In, the room information includes：The information such as room title, main broadcaster's title, room label information, online number；The room letter
Breath is also the information of json formats.
After terminal receives the room information of target direct broadcasting room, which is fed back into room information and shows control
In, thus can by room information show control by room information include in the preview interface of video preview layer, and
Since the coordinate position of preview interface relative target direct broadcasting room is constantly in center condition, room information can completely be shown
In preview or viewing interface.
As a kind of optional embodiment, when detecting that the trigger action signal removes, the video preview is hidden
Layer simultaneously suspends the live video for playing target live streaming room.
Based on same inventive concept, the present invention also provides a kind of devices for video preview, referring specifically to implementation
Example two.
Embodiment two
The present embodiment provides a kind of devices for video preview, and referring to Fig. 2, described device includes：Monitoring unit 21, life
At unit 22, transmission unit 23 and preview unit 24；Wherein,
Whether monitoring unit 21 receives preview target direct broadcasting room and regards for being monitored in the room list layer of live page
The trigger action signal of frequency obtains the room ID of target direct broadcasting room if receiving the trigger action signal.
Specifically, because direct broadcasting room includes multiple, therefore server has the rooms roomManager manager, each to be broadcast live
Between then there is direct broadcasting room network interface room interfaces, server can pass through the room network interfaces in roomManager and terminal
It is communicated, and realizes the management to each direct broadcasting room.Live page can be realized by following manner：
A1：Window object Qt is created, and so that window object is inherited QQuickView and instantiates,
A2：A QQmlApplicationEngine Engine objects are created in Qt, for parsing and creating the control of the interfaces ui
Part, program are realized as follows：
M_engine=new QQmlApplicationEngine (this)；
Wherein, the m_engine is Engine objects, and QQmlApplicationEngine is engine, and this is
The parent of QQmlApplicationEngine.
A3：The addresses QQmlContext in QQmlApplicationEngine objects are obtained, for binding pair in Qt
As program is realized as follows：
QQmlContext*context=m_engine->rootContext()；
Wherein, the QQmlContext*context is the context of qml files, and rootContext () is to obtain
The call method of Contex root node contexts；
A4：Preset qml file paths are set, are realized as follows：
context->setContextPdoperty("_app_path",appPath)；
Wherein, context->SetContextPdoperty is the method for calling file path, and appPath is window pair
As middle main window file path.
All ui interface controls of live page are loaded by the path
A5：The method that conveniently roomManager will be called in QML in roomManager object bindings to QML contexts,
Since each preview interface is required for request network interface, there are one request services for all each each preview interface tools
The interface room interfaces of device, and there are one the lists of all room interfaces (room network interface) in roomManager.
Live page includes two layers, that is, includes room list layer and video preview layer, when showing the video preview layer,
The room list layer is in hidden state；User is facilitated to watch the preview video of video preview layer.Video preview layer includes
There are video playing control, room information to show control, room title, temperature information and label information etc..
In specific implementation process, room list layer includes that list realizes that part sum number factually shows part, wherein list
Realize that part is specific as follows：
B1：A view is added in preset qml script files shows control：GridView controls are straight for showing
Broadcast a panel pattern；
B2：The general property of gridView controls is set, the format for direct broadcasting room panel pattern to be arranged, such as position,
Size and each size of node；Each node refers to just each direct broadcasting room in live page；
B3：View display agency is added, for realizing that the panel pattern of all direct broadcasting rooms, each direct broadcasting room panel pattern be
Identical, only data are different.Room panel pattern is the pattern for referring to each direct broadcasting room intermediate node in list, panel sample
Formula is fixed.And model that data are arranged by gridView controls provides.
Data realize that part is implemented as follows：
C1：After the completion of the window object of live page creates, all live streamings of get acquisition requests are sent to server
Between list information；
C2：Server is got to return to json formats (JavaScript Object Notation, JS object tags are
A kind of data interchange format of lightweight) room list information, and room list information is parsed；Wherein, server
What is returned is the dope vector of json formats, it is therefore desirable to be parsed to dope vector, obtain the list letter in each room
Breath；The list information includes：Room title, main broadcaster's title, online number etc..
C3：View display model is built, and the list information after parsing is added in view display model,
C4：The view display model setting of structure is shown into control to view：In gridView controls, then view is set
The data of display model, and data are supplemented in room list.
After the realization for describing room list layer, the realization process of video preview layer is described below：
D1：A control panel is added in preset qml files；
D2：Addition plays space in control panel, is used for playblast video；
D3：Room information is added in control panel shows control, room title, temperature, classification and label information etc..
After setting information above, gridView controls monitored in the room list layer of live page whether receive it is pre-
The trigger action signal of target direct broadcasting room video look at obtains the room of target direct broadcasting room if receiving the trigger action signal
Between ID；Here, if mouse is moved to and (be not required to click) on the mesh table direct broadcasting room in room list layer by user, one will be listened to
The trigger action signal of a preview target direct broadcasting room video, the trigger action signal will dish out a message, then
The message dished out according to the trigger action signal obtains the room ID of the target direct broadcasting room, is carried in the message described
The room ID of target direct broadcasting room.The trigger action signal includes：Mouse moves into signal；I.e. when user's preview target direct broadcasting room
When live video, what is listened to is that mouse moves into signal.
After getting the room ID of target direct broadcasting room, generation unit 22 is used for the room ID based on the target direct broadcasting room,
Generate live video preview request；Transmission unit 23 is used to the live video preview request being sent to server, obtains institute
State the video flowing address in target live streaming room.
Specifically, live video preview request can be converted into a letter by room ID of the terminal based on target direct broadcasting room
Number, live video preview request is then generated according to the essential information of inverted signal and terminal, the essential information of terminal can be
The mark of terminal user.The live video preview request is sent to server by transmission unit 23, and server receives live streaming
Video preview request after, can the room ID based on target direct broadcasting room the video flowing address information in the room is back to terminal, institute
State the information that video flowing address information is json formats.
After terminal gets video flowing address, preview unit 24 is used for described in the video preview layer, being based on
Video flowing address plays the live video of target direct broadcasting room described in simultaneously preview.
Specific implementation process is as follows：Preview unit 24 obtains regarding for the target direct broadcasting room based on the video flowing address
Frequency stream information；The Video stream information is loaded onto in the preview player control in the video preview layer, by described pre-
Player control of looking at plays the Video stream information, the live video of target direct broadcasting room described in preview.In this way because of player control
Live video can continuously be played, therefore user can the continuous preview live video.
Further, when based on the live video of target direct broadcasting room described in video flowing address viewing or preview, institute
Stating the room information of target direct broadcasting room can completely be shown in the video preview layer, i.e., be completely shown in preview interface,
No matter how much room information can completely show.The so described trigger action signal may include：Mouse click signal or
Mouse moves into signal；Namely user's direct viewing target direct broadcasting room live video when, what is listened to is mouse click signal；When
When the live video of user's preview target direct broadcasting room, what is listened to is that mouse moves into signal.
Specific implementation process is as follows：
If listening to the trigger action signal, the room ID and room serial number of target direct broadcasting room are obtained；Here, if with
When mouse is moved to or clicked the mesh table direct broadcasting room in room list layer by family, trigger action signal will be triggered, trigger action
Signal will dish out a message, and the message dished out according to the trigger action signal obtains the room ID of the target direct broadcasting room
And room serial number, the room ID and room serial number of the target direct broadcasting room are carried in the message.Such as in live page
There are 9 live streaming rooms, the format of similar nine grids, then the sequence in each room is exactly from left to right, to arrange successively from top to bottom
Row.
After getting room ID and the room serial number of target direct broadcasting room, the room ID of target direct broadcasting room and room subscript are passed
It is handed in gridView controls, and determines that the target direct broadcasting room exists according to the room ID of the target direct broadcasting room and room serial number
Coordinate information in the live page；Specific implementation process is as follows：
Determine the target direct broadcasting room in the live page according to x=index%columnCount*cellWidth
Abscissa information；
According to y=(cellHeight* ((index-index%columnCount)/.columnCount))-
ContentY determines ordinate information of the target direct broadcasting room in the live page；Wherein, the x is the horizontal seat
Mark, the y are the ordinate, and the index is the room serial number, and cellWidth is the width of the target direct broadcasting room,
The number of direct broadcasting room in described columnCount a line, cellHeight are the height of the target direct broadcasting room, and contentY is
The height of the room list of live page where the target direct broadcasting room.
After room ID and the room serial number of determining target direct broadcasting room, according to the target direct broadcasting room in the live page
In coordinate information determine the displaing coordinate value (x, y) of the target direct broadcasting room.
The displaing coordinate value of target direct broadcasting room has been got, displaing coordinate then is set in room information shows control
Value on the basis of displaing coordinate value, adjusts the position of video playing layer so that video is broadcast in real time in preview or broadcasting video
The position that layer is put with respect to the target direct broadcasting room is constantly in middle position.
Then roomManager objects will send a get request by the network interface of target direct broadcasting room to server
The room information for obtaining target direct broadcasting room, carries the room ID of target direct broadcasting room in the request.Server can be based on room
ID returns to the room information in the room, includes in video preview layer by room information after terminal receives room information.This
In, the room information includes：The information such as room title, main broadcaster's title, room label information, online number；The room letter
Breath is also the information of json formats.
After terminal receives the room information of target direct broadcasting room, which is fed back into room information and shows control
In, thus can by room information show control by room information include in the preview interface of video preview layer, and
Since the coordinate position of preview interface relative target direct broadcasting room is constantly in middle position, room information can completely be shown
In preview interface.
As a kind of optional embodiment, when detecting that the trigger action signal removes, preview unit 24 is additionally operable to
It hides the video preview layer and suspends the live video for playing target live streaming room.
Based on same inventive concept, calculating corresponding with the method for video preview is used for that the present invention also provides a kind of
Machine readable storage medium storing program for executing and computer equipment, referring specifically to embodiment three.
Embodiment three
The present embodiment also provides a kind of computer equipment for video preview, as shown in figure 3, the computer equipment packet
It includes：Radio frequency (Radio Frequency, RF) circuit 310, memory 320, input unit 330, display unit 340, voicefrequency circuit
350, the components such as WiFi module 360, processor 370 and power supply 380.It will be understood by those skilled in the art that being shown in Fig. 3
Computer equipment structure do not constitute the restriction to computer equipment, may include than illustrating more or fewer components, or
Person combines certain components or different components arrangement.
Each component parts of computer equipment is specifically introduced with reference to Fig. 3：
RF circuits 310 can be used for sending and receiving for signal, particularly, after the downlink information of base station is received, to processing
The processing of device 370.In general, RF circuits 310 include but not limited at least one amplifier, transceiver, coupler, low noise amplification
Device (Low Noise Amplifier, LNA), duplexer etc..
Memory 320 can be used for storing software program and module, and processor 370 is stored in memory 320 by operation
Software program and module, to execute various function application and the data processing of computer equipment.Memory 320 can be led
To include storing program area and storage data field, wherein storing program area can storage program area, needed at least one function
Application program etc.；Storage data field can be stored uses created data etc. according to computer equipment.In addition, memory 320
May include high-speed random access memory, can also include nonvolatile memory, a for example, at least disk memory,
Flush memory device or other volatile solid-state parts.
Input unit 330 can be used for receiving the number or character information of input, and generate the user with computer equipment
Setting and the related key signals input of function control.Specifically, input unit 330 may include keyboard 331 and other inputs
Equipment 332.Keyboard 331 collects the input operation of user on it, and drives corresponding connection according to preset formula
Device.Keyboard 331 gives processor 370 again after collecting output information.In addition to keyboard 331, input unit 330 can also include
Other input equipments 332.Specifically, other input equipments 332 can include but is not limited to touch panel, function key (such as sound
Measure control button, switch key etc.), it is trace ball, mouse, one or more in operating lever etc..
Display unit 340 can be used for showing information input by user or the information and computer equipment that are supplied to user
Various menus.Display unit 340 may include display panel 341, optionally, liquid crystal display (Liquid may be used
Crystal Display, LCD), the forms such as Organic Light Emitting Diode (Organic Light-Emitting Diode, OLED)
To configure display panel 341.Further, keyboard 331 can cover display panel 341, when keyboard 331 detect it is on it or attached
After close touch operation, processor 370 is sent to determine the type of touch event, is followed by subsequent processing device 370 according to incoming event
Type corresponding visual output is provided on display panel 341.Although keyboard 331 and display panel 341 are conducts in figure 3
Two independent components realize input and the input function of computer equipment, but in some embodiments it is possible to by keyboard
331 is integrated with display panel 341 and that realizes computer equipment output and input function.
Voicefrequency circuit 350, loud speaker 351, microphone 352 can provide the audio interface between user and computer equipment.
The transformed electric signal of the audio data received can be transferred to loud speaker 351, is converted by loud speaker 351 by voicefrequency circuit 350
It is exported for voice signal；
WiFi belongs to short range wireless transmission technology, and computer equipment can help user to receive and dispatch by WiFi module 360
Email, browsing webpage and access streaming video etc., it has provided wireless broadband internet to the user and has accessed.Although Fig. 3
Show WiFi module 360, but it is understood that, and it is not belonging to must be configured into for computer equipment, it completely can root
It is omitted in the range for the essence for not changing invention according to needs.
Processor 370 is the control centre of computer equipment, utilizes various interfaces and the entire computer equipment of connection
Various pieces, by running or execute the software program and/or module that are stored in memory 320, and call and be stored in
Data in memory 320 execute the various functions and processing data of computer equipment, whole to be carried out to computer equipment
Monitoring.Optionally, processor 370 may include one or more processing units；Preferably, processor 370 can be integrated using processing
Device, wherein the main processing operation system of application processor, user interface and application program etc..
Computer equipment further includes the power supply 380 (such as power supply adaptor) powered to all parts, it is preferred that power supply can
With logically contiguous by power-supply management system and processor 370.
The advantageous effect that method, apparatus and computer equipment provided in an embodiment of the present invention for video preview can be brought
At least：
The present invention provides a kind of methods for video preview, are applied in webcast website, the method includes：Straight
The trigger action signal monitored in the room list layer of the page and whether receive preview target direct broadcasting room video is broadcast, if receiving institute
Trigger action signal is stated, then obtains the room ID of target direct broadcasting room；Wherein, the live page include the room list layer and
Video preview layer, when showing the video preview layer, the room list layer is in hidden state；It is broadcast live based on the target
Between room ID, live video preview request is generated, and the live video preview request is sent to server, described in acquisition
The video flowing address in room is broadcast live in target；In the video preview layer, played described in simultaneously preview based on the video flowing address
The live video of target direct broadcasting room；In this way, because live page includes room list layer and video preview layer, room list layer is shown
All direct broadcasting rooms, when needing the live video to target direct broadcasting room to carry out preview, mouse is moved in target direct broadcasting room, will
The trigger action signal for receiving a preview target direct broadcasting room video obtains the room ID of target direct broadcasting room；Then according to room
Between ID the video flowing address of the direct broadcasting room is obtained to server, and video flowing address is fed back in video preview layer, video preprocessor
Layer of looking at can continuously play the live video of the target direct broadcasting room based on the video flowing address, be used to regard in preview in this way
When frequency, preview to be exactly the video pictures continuously played, so as to precisely judge the direct broadcasting room whether be itself sense it is emerging
The direct broadcasting room of interest.And since preview page is in center condition always relative to direct broadcasting room, in preview live video,
Room information can be completely shown in preview interface, and better experience can be brought to user.
Algorithm and display be not inherently related to any certain computer, virtual system or miscellaneous equipment provided herein.
Various general-purpose systems can also be used together with teaching based on this.As described above, it constructs required by this kind of system
Structure be obvious.In addition, the present invention is not also directed to any certain programmed language.It should be understood that can utilize various
Programming language realizes the content of invention described herein, and the description done above to language-specific is to disclose this hair
Bright preferred forms.
In the instructions provided here, numerous specific details are set forth.It is to be appreciated, however, that the implementation of the present invention
Example can be put into practice without these specific details.In some instances, well known method, structure is not been shown in detail
And technology, so as not to obscure the understanding of this description.
Similarly, it should be understood that in order to simplify the disclosure and help to understand one or more of each inventive aspect,
Above in the description of exemplary embodiment of the present invention, each feature of the invention is grouped together into single implementation sometimes
In example, figure or descriptions thereof.However, the method for the disclosure should be construed to reflect following intention：It is i.e. required to protect
Shield the present invention claims the more features of feature than being expressly recited in each claim.More precisely, as following
Claims reflect as, inventive aspect is all features less than single embodiment disclosed above.Therefore,
Thus the claims for following specific implementation mode are expressly incorporated in the specific implementation mode, wherein each claim itself
All as a separate embodiment of the present invention.
Those skilled in the art, which are appreciated that, to carry out adaptively the module in the equipment in embodiment
Change and they are arranged in the one or more equipment different from the embodiment.It can be the module or list in embodiment
Member or component be combined into a module or unit or component, and can be divided into addition multiple submodule or subelement or
Sub-component.Other than such feature and/or at least some of process or unit exclude each other, it may be used any
Combination is disclosed to all features disclosed in this specification (including adjoint claim, abstract and attached drawing) and so to appoint
Where all processes or unit of method or equipment are combined.Unless expressly stated otherwise, this specification (including adjoint power
Profit requires, abstract and attached drawing) disclosed in each feature can be by providing the alternative features of identical, equivalent or similar purpose come generation
It replaces.
In addition, it will be appreciated by those of skill in the art that although some embodiments in this include institute in other embodiments
Including certain features rather than other feature, but the combination of the feature of different embodiment means to be in the scope of the present invention
Within and form different embodiments.For example, in the following claims, embodiment claimed it is arbitrary it
One mode can use in any combination.
The all parts embodiment of the present invention can be with hardware realization, or to run on one or more processors
Software module realize, or realized with combination thereof.It will be understood by those of skill in the art that can use in practice
Microprocessor or digital signal processor (DSP, Digital Signal Processing) are implemented to realize according to the present invention
The gateway of example, some or all functions of proxy server, some or all components in system.It is of the invention acceptable real
It is now for executing some or all equipment or program of device of method as described herein (for example, computer journey
Sequence and computer program product).It is such to realize that the program of the present invention be stored on computer readable storage medium, or
It can be with the form of one or more signal.Such signal can be downloaded from internet website and be obtained, or carried
It provides on body signal, or provides in any other forms.
It should be noted that the present invention will be described rather than limits the invention for above-described embodiment, and ability
Field technique personnel can design alternative embodiment without departing from the scope of the appended claims.In the claims,
Any reference mark between bracket should not be configured to limitations on claims.Word "comprising" does not exclude the presence of not
Element or step listed in the claims.Word "a" or "an" before element does not exclude the presence of multiple such
Element.The present invention can be by means of including the hardware of several different elements and being come by means of properly programmed computer real
It is existing.In the unit claims listing several devices, several in these devices can be by the same hardware branch
To embody.The use of word first, second, and third does not indicate that any sequence.These words can be explained and be run after fame
Claim.
The foregoing is only a preferred embodiment of the present invention, is not intended to limit the scope of the present invention, it is all
All any modification, equivalent and improvement made by within the spirit and principles in the present invention etc. should be included in the protection of the present invention
Within the scope of.
Claims (10)
1. a kind of method for video preview, which is characterized in that it is applied in webcast website, the method includes：
The trigger action signal for whether receiving preview target direct broadcasting room video is monitored in the room list layer of live page, if
The trigger action signal is received, then obtains the room ID of target direct broadcasting room；Wherein, the live page includes the room
List layer and video preview layer, when showing the video preview layer, the room list layer is in hidden state；
Room ID based on the target direct broadcasting room generates live video preview request, and by the live video preview request
It is sent to server, obtains the video flowing address in target live streaming room；
In the video preview layer, the live video of target direct broadcasting room described in simultaneously preview is played based on the video flowing address.
2. the method as described in claim 1, which is characterized in that if described receive the trigger action signal, obtain mesh
The room ID of direct broadcasting room is marked, including：
The message dished out according to the trigger action signal obtains the room ID of the target direct broadcasting room, is carried in the message
The room ID of the target direct broadcasting room.
3. the method as described in claim 1, which is characterized in that it is described in the video preview layer, it is based on the video flowing
Address plays the live video of target direct broadcasting room described in simultaneously preview, including：
The Video stream information of the target direct broadcasting room is obtained based on the video flowing address；
The Video stream information is loaded onto in the preview player control in the video preview layer, is played by the preview
Device control plays the Video stream information, the live video of target direct broadcasting room described in preview.
4. the method as described in claim 1, which is characterized in that when detecting that the trigger action signal removes, hide institute
It states video preview layer and suspends the live video for playing target live streaming room.
5. the method as described in claim 1, which is characterized in that it is straight to play target described in simultaneously preview based on the video flowing address
When live video between broadcasting, the room information of the target direct broadcasting room is completely shown in the video preview layer.
6. a kind of device for video preview, which is characterized in that described device includes：
Whether monitoring unit receives touching for preview target direct broadcasting room video for being monitored in the room list layer of live page
Hair operation signal obtains the room ID of target direct broadcasting room if receiving the trigger action signal；Wherein, the live streaming page
Face includes the room list layer and video preview layer, and when showing the video preview layer, the room list layer is in hidden
Tibetan state；
Generation unit is used for the room ID based on the target direct broadcasting room, generates live video preview request；
Transmission unit obtains regarding for the target live streaming room for the live video preview request to be sent to server
Frequency stream address；
Preview unit, in the video preview layer, target live streaming described in simultaneously preview to be played based on the video flowing address
Between live video.
7. device as claimed in claim 6, which is characterized in that the monitoring unit is specifically used for：
The message dished out according to the trigger action signal obtains the room ID of the target direct broadcasting room, is carried in the message
The room ID of the target direct broadcasting room.
8. device as claimed in claim 6, which is characterized in that the preview unit is specifically used for：
The Video stream information of the target direct broadcasting room is obtained based on the video flowing address；
The Video stream information is loaded onto in the preview player control in the video preview layer, is played by the preview
Device control plays the Video stream information, the live video of target direct broadcasting room described in preview.
9. a kind of computer readable storage medium, is stored thereon with computer program, which is characterized in that the program is held by processor
Realize claim 1 to claim 5 any one of them method when row.
10. a kind of computer equipment, including memory, processor and storage are on a memory and the meter that can run on a processor
Calculation machine program, which is characterized in that the processor realizes claim 1 to any one of claim 5 institute when executing described program
The method stated.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810292192.6A CN108712670A (en) | 2018-03-30 | 2018-03-30 | A kind of method, apparatus and computer equipment for video preview |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810292192.6A CN108712670A (en) | 2018-03-30 | 2018-03-30 | A kind of method, apparatus and computer equipment for video preview |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108712670A true CN108712670A (en) | 2018-10-26 |
Family
ID=63867104
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810292192.6A Pending CN108712670A (en) | 2018-03-30 | 2018-03-30 | A kind of method, apparatus and computer equipment for video preview |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108712670A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110072138A (en) * | 2019-04-26 | 2019-07-30 | 广州酷狗计算机科技有限公司 | Video broadcasting method, equipment and computer readable storage medium |
| CN110097428A (en) * | 2019-04-30 | 2019-08-06 | 北京达佳互联信息技术有限公司 | Electronic order generation method, device, terminal and storage medium |
| CN112087665A (en) * | 2020-09-17 | 2020-12-15 | 掌阅科技股份有限公司 | Previewing method of live video, computing equipment and computer storage medium |
| CN113891110A (en) * | 2021-09-27 | 2022-01-04 | 武汉斗鱼网络科技有限公司 | Information display method and related equipment |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103634686A (en) * | 2013-12-19 | 2014-03-12 | 北京奇艺世纪科技有限公司 | Method and device for previewing video |
| CN104869429A (en) * | 2015-05-19 | 2015-08-26 | 乐视致新电子科技（天津）有限公司 | Video previewing method and apparatus |
| CN105828163A (en) * | 2016-04-19 | 2016-08-03 | 乐视控股（北京）有限公司 | Video preview method and device |
| CN105828157A (en) * | 2016-03-22 | 2016-08-03 | 乐视网信息技术（北京）股份有限公司 | Video preview method and device |
| CN105915979A (en) * | 2016-04-19 | 2016-08-31 | 乐视控股（北京）有限公司 | Video play method and device |
| CN106162378A (en) * | 2016-06-30 | 2016-11-23 | 乐视控股（北京）有限公司 | The browsing method of video file and browsing apparatus |
| US20170070779A1 (en) * | 2015-09-08 | 2017-03-09 | Naver Corporation | Method, system, apparatus, and non-transitory computer readable recording medium for extracting and providing highlight image of video content |
-
2018
- 2018-03-30 CN CN201810292192.6A patent/CN108712670A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103634686A (en) * | 2013-12-19 | 2014-03-12 | 北京奇艺世纪科技有限公司 | Method and device for previewing video |
| CN104869429A (en) * | 2015-05-19 | 2015-08-26 | 乐视致新电子科技（天津）有限公司 | Video previewing method and apparatus |
| US20170070779A1 (en) * | 2015-09-08 | 2017-03-09 | Naver Corporation | Method, system, apparatus, and non-transitory computer readable recording medium for extracting and providing highlight image of video content |
| CN105828157A (en) * | 2016-03-22 | 2016-08-03 | 乐视网信息技术（北京）股份有限公司 | Video preview method and device |
| CN105828163A (en) * | 2016-04-19 | 2016-08-03 | 乐视控股（北京）有限公司 | Video preview method and device |
| CN105915979A (en) * | 2016-04-19 | 2016-08-31 | 乐视控股（北京）有限公司 | Video play method and device |
| CN106162378A (en) * | 2016-06-30 | 2016-11-23 | 乐视控股（北京）有限公司 | The browsing method of video file and browsing apparatus |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110072138A (en) * | 2019-04-26 | 2019-07-30 | 广州酷狗计算机科技有限公司 | Video broadcasting method, equipment and computer readable storage medium |
| CN110072138B (en) * | 2019-04-26 | 2021-06-18 | 广州酷狗计算机科技有限公司 | Video playing method, video playing equipment and computer readable storage medium |
| CN110097428A (en) * | 2019-04-30 | 2019-08-06 | 北京达佳互联信息技术有限公司 | Electronic order generation method, device, terminal and storage medium |
| CN110097428B (en) * | 2019-04-30 | 2021-08-17 | 北京达佳互联信息技术有限公司 | Electronic order generation method, device, terminal and storage medium |
| CN112087665A (en) * | 2020-09-17 | 2020-12-15 | 掌阅科技股份有限公司 | Previewing method of live video, computing equipment and computer storage medium |
| CN113891110A (en) * | 2021-09-27 | 2022-01-04 | 武汉斗鱼网络科技有限公司 | Information display method and related equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108712670A (en) | A kind of method, apparatus and computer equipment for video preview | |
| CN108810602A (en) | A kind of method, apparatus and computer equipment for showing direct broadcasting room information | |
| US10271083B2 (en) | Pre-roll advertisement playing method, terminal, and video server | |
| CN104838333B (en) | Multimedia audio volume is adjusted when switching between multiple multimedia content | |
| CN110324693A (en) | The direct broadcasting room processing method and processing device of video is played for realizing how small window | |
| CN107391115A (en) | A kind of method, apparatus and computer equipment for realizing pop-up alternative events | |
| CN107835444A (en) | Information interacting method, device, voice frequency terminal and computer-readable recording medium | |
| CN109152095A (en) | Wireless network connecting method for terminal | |
| CN106993200A (en) | A kind of live broadcasting method of data, relevant device and system | |
| CN107391468A (en) | A kind of method, apparatus and equipment for adding chart | |
| CN107124652B (en) | It is a kind of to connect windows switching method and device in wheat live streaming | |
| CN104602135B (en) | Control the method and device of played in full screen | |
| CN105283845A (en) | Display object pre-generation | |
| CN104469528B (en) | A kind of method, apparatus and browser client for carrying out video data loading | |
| CN109151594A (en) | Direct playing and playback video broadcasting method, device and electronic equipment | |
| CN104519262B (en) | Obtain the method, apparatus and terminal of video data | |
| WO2019007327A1 (en) | Video playback method and apparatus, computing device, and storage medium | |
| CN104581401A (en) | Method and device for playing data | |
| EP3387838A1 (en) | Video player framework for a media distribution and management platform | |
| CN108319708A (en) | Video broadcasting method, device, storage medium and electronic equipment | |
| CN105303412A (en) | Method, device and system for layout of content items | |
| CN106657657B (en) | Method, the system of mobile terminal and mobile terminal video browsing | |
| CN108521598A (en) | A kind of method, apparatus and computer equipment for video preview | |
| CN108712662A (en) | A kind of method, apparatus and computer equipment for video playing | |
| CN108182090A (en) | Flash plug-in loading methods and device based on blink kernels |
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 |
Application publication date: 20181026 |
|
| RJ01 | Rejection of invention patent application after publication |