CN108334504A - The methods of exhibiting and device of media elements - Google Patents

The methods of exhibiting and device of media elements Download PDF

Info

Publication number
CN108334504A
CN108334504A CN201710031363.5A CN201710031363A CN108334504A CN 108334504 A CN108334504 A CN 108334504A CN 201710031363 A CN201710031363 A CN 201710031363A CN 108334504 A CN108334504 A CN 108334504A
Authority
CN
China
Prior art keywords
value
display area
media elements
coordinate position
movement locus
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.)
Granted
Application number
CN201710031363.5A
Other languages
Chinese (zh)
Other versions
CN108334504B (en
Inventor
谭义洋
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Wuhan Douyu Network Technology Co Ltd
Original Assignee
Wuhan Douyu Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Wuhan Douyu Network Technology Co Ltd filed Critical Wuhan Douyu Network Technology Co Ltd
Priority to CN201710031363.5A priority Critical patent/CN108334504B/en
Publication of CN108334504A publication Critical patent/CN108334504A/en
Application granted granted Critical
Publication of CN108334504B publication Critical patent/CN108334504B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/40Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
    • G06F16/43Querying
    • G06F16/438Presentation of query results
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/40Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
    • G06F16/48Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually
    • G06F16/487Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually using geographical or spatial information, e.g. location

Abstract

The embodiment of the invention discloses a kind of methods of exhibiting of media elements and devices, wherein the method includes:Configure starting coordinate position of the media elements in current live interface;The display area of the media elements is determined according to the location information of the starting coordinate position and the current live interface;Model is generated using preset curve according to the starting coordinate position and generates movement locus of the media elements in the display area;The media elements are subjected to Mobile exhibiting along the movement locus in the display area.The interesting and recreational of room is broadcast live during being effectively improved net cast in the embodiment of the present invention, and promotes user experience.

Description

The methods of exhibiting and device of media elements
Technical field
The present invention relates to technical field of the computer network more particularly to the methods of exhibiting and device of a kind of media elements.
Background technology
With the fast development of computer networking technology, demand of the people to various application software is also higher and higher.Wherein, Application software is broadcast live, for example, bucket fish software, as currently most by one of favorite live streaming software of user, increasingly by extensive User crowd favor.
But in realizing process of the present invention, inventor has found existing live streaming application software in a series of the straight of columns During broadcasting, live streaming room seems lonely, and without atmosphere, and live streaming process is excessively in the form of a single, lacks interesting and amusement Property, and then live streaming effect is influenced, it cannot be satisfied the use demand of user.
Invention content
In view of the above problems, it is proposed that the present invention overcoming the above problem in order to provide one kind or solves at least partly The methods of exhibiting and device for stating the media elements of problem, be effectively improved the interest that room is broadcast live during net cast and It is recreational, promote user experience.
One aspect of the present invention provides a kind of methods of exhibiting of media elements, including:
Configure starting coordinate position of the media elements in current live interface;
The media elements are determined according to the location information of the starting coordinate position and the current live interface Display area;
Model is generated using preset curve according to the starting coordinate position and generates the media elements in the displaying Movement locus in region;
The media elements are subjected to Mobile exhibiting along the movement locus in the display area.
Optionally, described that the media elements are subjected to Mobile exhibiting along the movement locus in the display area Before, the method further includes:
The corresponding user behavior data of live content for obtaining current live interface is counted according to the user behavior data The popularity value of the live content;
Preset mapping relations are searched according to the popularity value, obtain the first media elements corresponding with popularity value The frequency of occurrences includes the correspondence between popularity value and the first media elements frequency of occurrences in the mapping relations.
Optionally, the method further includes:
Receive user trigger action, in response to user trigger action according to the preset second media elements frequency of occurrences The media elements are subjected to the displaying along the movement locus.
Optionally, described according to described in the starting coordinate position and the determination of the location information at the current live interface The display area of media elements, including:
Obtain the minimum width value on left and right boundary of the starting coordinate position apart from the current live interface;
The peak width value of the display area is calculated according to the minimum width value, formula is as follows:
Peak width value=minimum width value × 2;
Obtain the current live interface the first height value and the starting coordinate position apart from the current live Second height value of the lower boundary at interface;
The region height value of the display area is calculated according to first height value and the second height value, formula is as follows:
Region height value=(first the-the second height value of height value)/2;
The display area is determined according to the peak width value and the region height value, wherein the origin coordinates position Setting on the lower boundary of the display area.
Optionally, described that the model generation media elements are generated using preset curve according to the starting coordinate position Movement locus in the display area, including:
According to the peak width value and region height value, the terminal point coordinate position is calculated using default random factor, Formula is as follows:
Tx=(peak width value × random factor-display area lateral shift value)/2;
Ty=- region heights value+(region height value/3) × random factor;
Wherein, tx is the X-coordinate value of terminal, and ty is the Y-coordinate value of terminal, and display area lateral shift value is the starting Lateral shift value of the coordinate position relative to the midpoint of the lower boundary of the display area;
Model is generated using preset curve according to the starting coordinate position and terminal point coordinate position, generates the media Movement locus of the element in the display area.
Another aspect of the present invention provides a kind of displaying device of media elements, including:
Configuration module, for configuring starting coordinate position of the media elements in current live interface;
Determining module, for determining institute according to the location information of the starting coordinate position and the current live interface State the display area of media elements;
Generation module generates the media element for generating model using preset curve according to the starting coordinate position Movement locus of the element in the display area;
Control module, for the media elements to be carried out the exhibition of moving along the movement locus in the display area Show.
Optionally, described device further includes:
Statistical module, for the media elements to be carried out the exhibition of moving along the movement locus in the display area Before showing, the corresponding user behavior data of live content at current live interface is obtained, is counted according to the user behavior data The popularity value of the live content;
Acquisition module obtains corresponding with popularity value for searching preset mapping relations according to the popularity value The first media elements frequency of occurrences, include between popularity value and the first media elements frequency of occurrences in the mapping relations Correspondence.
Optionally, the control module, be additionally operable to receive user trigger action, in response to user trigger action according to The media elements are carried out the displaying along the movement locus by the preset second media elements frequency of occurrences.
Optionally, the determining module, including:
First acquisition unit, for obtaining left and right boundary of the starting coordinate position apart from the current live interface Minimum width value;
First computing unit, the peak width value for calculating the display area according to the minimum width value, formula It is as follows:
Peak width value=minimum width value × 2;
Second acquisition unit, the first height value for obtaining the current live interface and the starting coordinate position Second height value of the lower boundary apart from the current live interface;
Second computing unit, the region for calculating the display area according to first height value and the second height value Height value, formula are as follows:
Region height value=(first the-the second height value of height value)/2;
Determination unit, for determining the display area according to the peak width value and the region height value, wherein The starting coordinate position is located on the lower boundary of the display area.
Optionally, the generation module, including:
Third computing unit, for according to the peak width value and region height value, being calculated using default random factor The terminal point coordinate position, formula are as follows:
Tx=(peak width value × random factor-display area lateral shift value)/2;
Ty=- region heights value+(region height value/3) × random factor;
Wherein, tx is the X-coordinate value of terminal, and ty is the Y-coordinate value of terminal, and display area lateral shift value is the starting Lateral shift value of the coordinate position relative to the midpoint of the lower boundary of the display area;
Generation unit, for generating mould using preset curve according to the starting coordinate position and terminal point coordinate position Type generates movement locus of the media elements in the display area.
The methods of exhibiting and device of media elements provided in an embodiment of the present invention, by adding matchmaker in current live interface The Dynamic Display of element of volume, according to movement locus of the media elements of generation in display area, by media in display area Element is moved along the movement locus, can increase the atmosphere of direct broadcasting room, is effectively improved straight during net cast Broadcast the interest in room and recreational, promotion user experience.
Above description is only the general introduction of technical solution of the present invention, in order to better understand the technical means of the present invention, And can be implemented in accordance with the contents of the specification, and in order to allow above and other objects of the present invention, feature and advantage can It is clearer and more comprehensible, below the special specific implementation mode for lifting the present invention.
Description of the drawings
By reading the detailed description of hereafter preferred embodiment, various other advantages and benefit are common for this field Technical staff will become clear.Attached drawing only for the purpose of illustrating preferred embodiments, and is not considered as to the present invention Limitation.And throughout the drawings, the same reference numbers will be used to refer to the same parts.In the accompanying drawings:
Fig. 1 is a kind of flow chart of the methods of exhibiting of media elements of the embodiment of the present invention;
Fig. 2 be the embodiment of the present invention a kind of media elements methods of exhibiting in step S12 subdivision flow chart;
Fig. 3 is the generating process schematic diagram one of the movement locus of a camber line in the embodiment of the present invention;
Fig. 4 is the generating process schematic diagram two of the movement locus of a camber line in the embodiment of the present invention;
Fig. 5 is the generating process schematic diagram three of the movement locus of a camber line in the embodiment of the present invention;
Fig. 6 is the generating process schematic diagram one of the movement locus of multi sphere line in the embodiment of the present invention;
Fig. 7 is the generating process schematic diagram two of the movement locus of multi sphere line in the embodiment of the present invention;
Fig. 8 is a kind of structural schematic diagram of the displaying device of media elements of the embodiment of the present invention;
Fig. 9 is a kind of internal structure schematic diagram for showing determining module in device of media elements of the embodiment of the present invention.
Specific implementation mode
The exemplary embodiment of the disclosure is more fully described below with reference to accompanying drawings.Although showing the disclosure in attached drawing Exemplary embodiment, it being understood, however, that may be realized in various forms the disclosure without should be by embodiments set forth here It is limited.On the contrary, these embodiments are provided to facilitate a more thoroughly understanding of the present invention, and can be by the scope of the present disclosure Completely it is communicated to those skilled in the art.
Those skilled in the art of the present technique are appreciated that unless otherwise defined, all terms used herein (including technology art Language and scientific terminology), there is meaning identical with the general understanding of the those of ordinary skill in fields of the present invention.Should also Understand, those terms such as defined in the general dictionary, it should be understood that have in the context of the prior art The consistent meaning of meaning, and unless by specific definitions, otherwise will not be explained with the meaning of idealization or too formal.
Fig. 1 diagrammatically illustrates the flow chart of the methods of exhibiting of the media elements of one embodiment of the invention.Referring to Fig.1, The methods of exhibiting of the media elements of the embodiment of the present invention specifically includes following steps:
Step S11, starting coordinate position of the configuration media elements in current live interface.
Media elements in the present embodiment can be the media contents such as word, image, animation, for example, bubble, flower, table Feelings symbol and/or full animation expression etc. are not especially limited this present invention.
Specifically, starting coordinate position of the configuration media elements in current live interface can be pre-set according to system Acquiescence origin coordinates directly configured, also starting coordinate position can be determined by user by user's trigger action.At one In specific embodiment, do not receive user such as custom-configures request, then according to the pre-set acquiescence origin coordinates of system Directly starting coordinate position of the configuration media elements in current live interface.In another specific embodiment, such as receive User's custom-configures request, then monitors the mouse action of user, and according to user's mouse-click or the position coordinates of double-click Determine starting coordinate position of the media elements in current live interface.
Step S12, the matchmaker is determined according to the location information of the starting coordinate position and the current live interface The display area of element of volume.
In the present embodiment, the location information at current live interface includes the upper and lower, left and right boundary at current live interface Coordinate information etc..
The display area of media elements includes following parameter:The peak width value sw of display area, display area Region height value sh, display area lateral shift value sox;Wherein, display area lateral shift value specifically refers to the starting seat Lateral shift value of the cursor position relative to the midpoint of the lower boundary of the display area.In the embodiment of the present invention, by according to step The starting coordinate position configured in rapid S11 determines the peak width value of display area and the region height value of display area, In, display area lateral shift value can be pre-set, and can be also configured according to practical application scene.
Step S13, the model generation media elements are generated using preset curve according to the starting coordinate position to exist Movement locus in the display area.
Step S14, the media elements are subjected to Mobile exhibiting along the movement locus in the display area.
In practical applications, when media elements carry out Mobile exhibiting along the movement locus, each media elements move When moving the terminal of the movement locus, can it be set as invisible pattern, or hide display, to show a kind of matchmaker of user Element of volume is from the display effect having to nothing.
The methods of exhibiting of media elements provided in an embodiment of the present invention, by adding media elements in current live interface Dynamic Display, according to movement locus of the media elements of generation in display area, by media elements edge in display area It the movement locus to be moved, the atmosphere of direct broadcasting room can be increased, be effectively improved net cast and room is broadcast live in the process Interest and it is recreational, promoted user experience.
In an alternate embodiment of the present invention where, before step S14, the methods of exhibiting of the media elements further includes Unshowned step in the following drawings:
Step S15, the corresponding user behavior data of live content for obtaining current live interface, according to the user behavior The popularity value of live content described in data statistics.Popularity value in the embodiment of the present invention refers to paying close attention to the spectators of current live content Number.
Step S16, preset mapping relations are searched according to the popularity value, obtained and popularity value corresponding first The media elements frequency of occurrences includes the corresponding pass between popularity value and the first media elements frequency of occurrences in the mapping relations System.In the embodiment of the present invention, tables of data can be used in mapping relations or the mode of database is realized.In the embodiment of the present invention, pass through The mode for pre-setting mapping relations realizes the record of the correspondence between popularity value and the first media elements frequency of occurrences, into And it can quickly and accurately realize the control of the first media elements frequency of occurrences.
Correspondingly, the media elements are carried out along the movement locus in the display area in step S14 Mobile exhibiting specially carries out the media elements along the movement locus according to the first media elements frequency of occurrences Displaying.
In a specific embodiment, it is illustrated using bubble as media elements to be added in live streaming interface.This reality It applies in example, bubble can be emerged according to the popularity value of live content automatically from the starting coordinate position of configuration along movement locus, And the frequency of emerging of bubble is determined according to popularity value.
In a specific example, determine that bubble is emerged frequency according to popularity value, it is specific as follows:
3-30 people, every five seconds for example are emerged 1;
31-100 people is emerged 1 for every 4 seconds;
101-500 people is emerged 1 for every 3 seconds;
501-1000 people is emerged 1 for every 2 seconds;
1001-3000 people is emerged 1 for every 1 second;
3001-8000 people is emerged 2 for every 1 second;
Ten thousand people of 8001-3 are emerged 3 for every 1 second;
It more than 30000 people, emerges 4 within every 1 second.
In an alternate embodiment of the present invention where, the method is further comprising the steps of:
Receive user trigger action, in response to user trigger action according to the preset second media elements frequency of occurrences The media elements are subjected to the displaying along the movement locus.
In the present embodiment, still illustrated using bubble as media elements to be added in live streaming interface.In order to increase The flexibility of media elements displaying, bubble not only can automatically emerge according to popularity value, can also be according to the trigger action of user According to the preset second media elements frequency of occurrences by media elements progress along the displaying of the movement locus.At one In specific example, by the manual clicking trigger of user, once emerge a bubble or primary five bubbles etc. of emerging of click are clicked, This present invention is not specifically limited.
In an alternate embodiment of the present invention where, as shown in Fig. 2, in step S12 according to the starting coordinate position And the location information at the current live interface determines the display area of the media elements, specifically includes following steps:
Step S121, the minimum for obtaining left and right boundary of the starting coordinate position apart from the current live interface is wide Angle value bw;
Step S122, the peak width value sw of the display area is calculated according to the minimum width value, formula is as follows:
Peak width value=minimum width value × 2;
Step S123, the first height value ph and the starting coordinate position at the acquisition current live interface are apart from institute State the second height value bh of the lower boundary at current live interface;
Step S124, the region height of the display area is calculated according to the first height value ph and the second height value bh Value sh, formula are as follows:
Region height value=(first the-the second height value of height value)/2;
Step S125, the display area is determined according to the peak width value sw and the region height value sh, wherein The starting coordinate position is located on the lower boundary of the display area.
In a specific example, still illustrated using bubble as media elements to be added in live streaming interface.Sw Value, bubble are emerged positional distance player rightmost bw;Then sw=bw*2;
Sh values, bubble emit out position specific player bottom bh, player height ph;Then sh=(ph-bg)/2.
In the embodiment of the present invention, step S13 generates model using preset curve according to the starting coordinate position and generates Movement locus of the media elements in the display area, specifically includes following steps:
According to the peak width value and region height value, the terminal point coordinate position is calculated using default random factor, Formula is as follows:
Tx=(peak width value × random factor-display area lateral shift value)/2;
Ty=- region heights value+(region height value/3) × random factor;
Wherein, tx is the X-coordinate value of terminal, and ty is the Y-coordinate value of terminal, and display area lateral shift value is the starting Lateral shift value of the coordinate position relative to the midpoint of the lower boundary of the display area;
Model is generated using preset curve according to the starting coordinate position and terminal point coordinate position, generates the media Movement locus of the element in the display area.
In the embodiment of the present invention, still illustrated using bubble as media elements to be added in live streaming interface.
In a specific example, using Bezier model come skimulated motion track.
The case where movement locus is a camber line is described below, shown in Fig. 3 to Fig. 5:
First, according to the parameters of bubble display area, the random coordinates that bubble is put into terminal point coordinate position are calculated (tx, ty);
Tx=(sw × Math.random ()-sow)/2;
Ty=-sh+ (sh/3) × Math.random ();
Math.random () is random factor, indicates 0~1 random value.
Then, it is determined that Bezier node coordinate (nx, ny);
Nx=tx/2;
Ny=ty/2;
Bubbling track in this way determines that.
The case where movement locus is multiple camber lines is described below, is illustrated in case of 3 camber lines, referring to Fig. 6 Shown in Fig. 7:
First, according to the parameters of bubble display area, the random coordinates that bubble is put into terminal point coordinate position are calculated (tx, ty), circular can be found in the case where movement locus is a camber line, do not state specifically herein.
Then, it is determined that Bezier node coordinate A (n1x, n1y) B (n2x, n2y) C (n3x, n3y);
In true environment, bubble slowly floats up, more and more remoter with a distance from viewpoint, and the radian that bubble waves is increasingly It is small.In the embodiment of the present invention, using an attenuation coefficient k, realize that the lateral distance of node, fore-and-aft distance constantly decay, in turn Smaller and smaller come the arc radius of simulating Bezier, concrete methods of realizing is as follows:
Set initial fore-and-aft distance sx, i.e. the fore-and-aft distance sx of A nodes.
Bubble effect is adjusted by the value of adjusting sx, k.
Attenuation coefficient k, value range 0~1.
K values are smaller, decaying it is faster, bubble collapse it is faster.
Sx is bigger, and the wiggly amplitude of bubble is bigger.
Wherein, the fore-and-aft distance of B node is sx*k, and the fore-and-aft distance of C nodes is sx*k*k.
The lateral distance sy of A nodes, the lateral distance sy*k*k of lateral distance sy*k, the C node of B node.
Distance that Sy, sy*k are added with sy*k*k and equal to origin-to-destination calculates the value of sy according to the equation.
Calculate the coordinate of A, B, C successively further according to the slope of line segment (starting point S to terminal T).
After confirming node coordinate, Bezier is drawn out according to the coordinate of each node, then determines bubble motion rail Mark.
In practical applications, bubble can be allowed to move according to the track of design by using TweenMax.to methods, TweenMax.to is the api in the libraries greensock, can fast realize animation effect.It is specific as follows:TweenMax.to (target,duration,{bezier:{values:[{x:n1x,y:n1y},{x:n2x,y:n2y},{x:n3x,y:n3y}, {x:tx,y:ty}]}});Wherein, target indicates that bubble object, duration indicate that the time to disappearance occurs in bubble, Bezier indicates that it is an array to use Bezier, values, places the coordinate of each node and terminal.
Intelligible, the present embodiment is only used for the feelings for example, for multiple camber lines that movement locus is other quantity Condition can refer to above method realization, and the present invention does not state specifically herein.
In the embodiment of the present invention, bubbling region can flexibly be changed, and can be shown according to actual business requirement.And it is opposite In physics realization engine, also have it is small, performance is good, it is at low cost the advantages that.
For embodiment of the method, for simple description, therefore it is all expressed as a series of combination of actions, but this field Technical staff should know that the present invention is not limited by the described action sequence, because embodiment according to the present invention, certain Step can be performed in other orders or simultaneously.Next, those skilled in the art should also know that, it is described in the specification Embodiment belong to preferred embodiment, involved action is not necessarily essential to the invention.
Fig. 8 diagrammatically illustrates the structural schematic diagram of the displaying device of the media elements of one embodiment of the invention.Reference The displaying device of Fig. 8, the media elements of the embodiment of the present invention specifically include configuration module 301, determining module 302, generation module 303 and control module 304, wherein the configuration module 301, for configuring media elements in current live interface Starting coordinate position;The determining module 302, for according to the starting coordinate position and the current live interface Location information determines the display area of the media elements;The generation module 303, for according to the starting coordinate position Model is generated using preset curve and generates movement locus of the media elements in the display area;The control mould Block 304, for the media elements to be carried out Mobile exhibiting along the movement locus in the display area.
The displaying device of media elements provided in an embodiment of the present invention, by adding media elements in current live interface Dynamic Display, according to movement locus of the media elements of generation in display area, by media elements edge in display area It the movement locus to be moved, the atmosphere of direct broadcasting room can be increased, be effectively improved net cast and room is broadcast live in the process Interest and it is recreational, promoted user experience.
In an alternate embodiment of the present invention where, described device further includes statistical module and acquisition module, wherein:
The statistical module, for carrying out the media elements along the movement locus in the display area Before Mobile exhibiting, the corresponding user behavior data of live content at current live interface is obtained, according to the user behavior number The popularity value of the live content according to statistics;
The acquisition module obtains and the popularity value for searching preset mapping relations according to the popularity value The corresponding first media elements frequency of occurrences includes popularity value and the first media elements frequency of occurrences in the mapping relations Between correspondence.
Correspondingly, the control module 304 is specifically used for the media according to the first media elements frequency of occurrences Element carries out the displaying along the movement locus.
In an alternate embodiment of the present invention where, the control module 304 is additionally operable to receive the trigger action of user, The media elements are carried out along described according to the preset second media elements frequency of occurrences in response to the trigger action of user The displaying of movement locus.
In an alternate embodiment of the present invention where, as shown in figure 9, the determining module 302, including first acquisition unit 3021, the first computing unit 3022, second acquisition unit 3023, the second computing unit 3024 and determination unit 3025, wherein:
First acquisition unit 3021, for obtaining the starting coordinate position apart from the left and right of the current live interface The minimum width value on boundary;
First computing unit 3022, the peak width value for calculating the display area according to the minimum width value, Formula is as follows:
Peak width value=minimum width value × 2;
Second acquisition unit 3023, the first height value for obtaining the current live interface and the origin coordinates Second height value of the lower boundary at current live interface described in positional distance;
Second computing unit 3024, for calculating the display area according to first height value and the second height value Region height value, formula are as follows:
Region height value=(first the-the second height value of height value)/2;
Determination unit 3025, for determining the display area according to the peak width value and the region height value, The wherein described starting coordinate position is located on the lower boundary of the display area.
Further, the generation module 303, including third computing unit and generation unit, wherein:
The third computing unit, for according to the peak width value and region height value, using it is default it is random because Son calculates the terminal point coordinate position, and formula is as follows:
Tx=(peak width value × random factor-display area lateral shift value)/2;
Ty=- region heights value+(region height value/3) × random factor;
Wherein, tx is the X-coordinate value of terminal, and ty is the Y-coordinate value of terminal, and display area lateral shift value is the starting Lateral shift value of the coordinate position relative to the midpoint of the lower boundary of the display area;
The generation unit, for being given birth to using preset curve according to the starting coordinate position and terminal point coordinate position At model, movement locus of the media elements in the display area is generated.
For device embodiments, since it is basically similar to the method embodiment, so fairly simple, the correlation of description Place illustrates referring to the part of embodiment of the method.
The methods of exhibiting and device of media elements provided in an embodiment of the present invention, by adding matchmaker in current live interface The Dynamic Display of element of volume, according to movement locus of the media elements of generation in display area, by media in display area Element is moved along the movement locus, can increase the atmosphere of direct broadcasting room, is effectively improved straight during net cast Broadcast the interest in room and recreational, promotion user experience.
The apparatus embodiments described above are merely exemplary, wherein the unit illustrated as separating component can It is physically separated with being or may not be, the component shown as unit may or may not be physics list Member, you can be located at a place, or may be distributed over multiple network units.It can be selected according to the actual needs In some or all of module achieve the purpose of the solution of this embodiment.Those of ordinary skill in the art are not paying creativeness Labour in the case of, you can to understand and implement.
Through the above description of the embodiments, those skilled in the art can be understood that each embodiment can It is realized by the mode of software plus required general hardware platform, naturally it is also possible to pass through hardware.Based on this understanding, on Stating technical solution, substantially the part that contributes to existing technology can be expressed in the form of software products in other words, should Computer software product can store in a computer-readable storage medium, such as ROM/RAM, magnetic disc, CD, including several fingers It enables and using so that a computer equipment (can be personal computer, server or the network equipment etc.) executes each implementation Method described in certain parts of example or embodiment.
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.
Finally it should be noted that:The above embodiments are merely illustrative of the technical solutions of the present invention, rather than its limitations;Although Present invention has been described in detail with reference to the aforementioned embodiments, it will be understood by those of ordinary skill in the art that:It still may be used With technical scheme described in the above embodiments is modified or equivalent replacement of some of the technical features; And these modifications or replacements, various embodiments of the present invention technical solution that it does not separate the essence of the corresponding technical solution spirit and Range.

Claims (10)

1. a kind of methods of exhibiting of media elements, which is characterized in that including:
Configure starting coordinate position of the media elements in current live interface;
The displaying of the media elements is determined according to the location information of the starting coordinate position and the current live interface Region;
Model is generated using preset curve according to the starting coordinate position and generates the media elements in the display area In movement locus;
The media elements are subjected to Mobile exhibiting along the movement locus in the display area.
2. according to the method described in claim 1, it is characterized in that, it is described in the display area by the media elements edge Before the movement locus progress Mobile exhibiting, the method further includes:
The corresponding user behavior data of live content for obtaining the current live interface is counted according to the user behavior data The popularity value of the live content;
Preset mapping relations are searched according to the popularity value, the first media elements corresponding with popularity value is obtained and occurs Frequency includes the correspondence between popularity value and the first media elements frequency of occurrences in the mapping relations.
3. method according to claim 1 or 2, which is characterized in that the method further includes:
The trigger action for receiving user, in response to user trigger action according to the preset second media elements frequency of occurrences by institute State displaying of the media elements progress along the movement locus.
4. according to the method described in claim 1, it is characterized in that, described according to the starting coordinate position and described current The location information at live streaming interface determines the display area of the media elements, including:
Obtain the minimum width value on left and right boundary of the starting coordinate position apart from the current live interface;
The peak width value of the display area is calculated according to the minimum width value, formula is as follows:
Peak width value=minimum width value × 2;
Obtain the current live interface the first height value and the starting coordinate position apart from the current live interface Lower boundary the second height value;
The region height value of the display area is calculated according to first height value and the second height value, formula is as follows:
Region height value=(first the-the second height value of height value)/2;
The display area is determined according to the peak width value and the region height value, wherein the starting coordinate position On the lower boundary of the display area.
5. according to the method described in claim 4, it is characterized in that, described use preset song according to the starting coordinate position Line generates model and generates movement locus of the media elements in the display area, including:
According to the peak width value and the region height value, the terminal point coordinate position is calculated using default random factor, Formula is as follows:
Tx=(peak width value × random factor-display area lateral shift value)/2;
Ty=- region heights value+(region height value/3) × random factor;
Wherein, tx is the X-coordinate value of terminal, and ty is the Y-coordinate value of terminal, and display area lateral shift value is the origin coordinates Lateral shift value of the position relative to the midpoint of the lower boundary of the display area;
Model is generated using preset curve according to the starting coordinate position and terminal point coordinate position, generates the media elements Movement locus in the display area.
6. a kind of displaying device of media elements, which is characterized in that including:
Configuration module, for configuring starting coordinate position of the media elements in current live interface;
Determining module, for determining the matchmaker according to the location information of the starting coordinate position and the current live interface The display area of element of volume;
Generation module exists for generating the model generation media elements using preset curve according to the starting coordinate position Movement locus in the display area;
Control module, for the media elements to be carried out Mobile exhibiting along the movement locus in the display area.
7. device according to claim 6, which is characterized in that described device further includes:
Statistical module, in the display area by the media elements along the movement locus carry out Mobile exhibiting it Before, the corresponding user behavior data of live content at current live interface is obtained, according to user behavior data statistics The popularity value of live content;
Acquisition module obtains corresponding with popularity value for searching preset mapping relations according to the popularity value The one media elements frequency of occurrences includes corresponding between popularity value and the first media elements frequency of occurrences in the mapping relations Relationship.
8. the device described according to claim 6 or 7, which is characterized in that the control module is additionally operable to receive the triggering of user Operation, in response to user trigger action according to the preset second media elements frequency of occurrences by the media elements carry out along The displaying of the movement locus.
9. device according to claim 6, which is characterized in that the determining module, including:
First acquisition unit, for obtaining left and right boundary of the starting coordinate position apart from the current live interface most Small width value;
First computing unit, the peak width value for calculating the display area according to the minimum width value, formula are as follows:
Peak width value=minimum width value × 2;
Second acquisition unit, the first height value for obtaining the current live interface and the starting coordinate position distance Second height value of the lower boundary at the current live interface;
Second computing unit, the region height for calculating the display area according to first height value and the second height value Value, formula are as follows:
Region height value=(first the-the second height value of height value)/2;
Determination unit, for determining the display area according to the peak width value and the region height value, wherein described Starting coordinate position is located on the lower boundary of the display area.
10. device according to claim 9, which is characterized in that the generation module, including:
Third computing unit is used for according to the peak width value and region height value, described in the calculating of default random factor Terminal point coordinate position, formula are as follows:
Tx=(peak width value × random factor-display area lateral shift value)/2;
Ty=- region heights value+(region height value/3) × random factor;
Wherein, tx is the X-coordinate value of terminal, and ty is the Y-coordinate value of terminal, and display area lateral shift value is the origin coordinates Lateral shift value of the position relative to the midpoint of the lower boundary of the display area;
Generation unit, it is raw for generating model using preset curve according to the starting coordinate position and terminal point coordinate position At movement locus of the media elements in the display area.
CN201710031363.5A 2017-01-17 2017-01-17 Media element display method and device Active CN108334504B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710031363.5A CN108334504B (en) 2017-01-17 2017-01-17 Media element display method and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710031363.5A CN108334504B (en) 2017-01-17 2017-01-17 Media element display method and device

Publications (2)

Publication Number Publication Date
CN108334504A true CN108334504A (en) 2018-07-27
CN108334504B CN108334504B (en) 2021-02-02

Family

ID=62921900

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710031363.5A Active CN108334504B (en) 2017-01-17 2017-01-17 Media element display method and device

Country Status (1)

Country Link
CN (1) CN108334504B (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110213638A (en) * 2019-06-05 2019-09-06 北京达佳互联信息技术有限公司 Cartoon display method, device, terminal and storage medium

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102298787A (en) * 2011-08-08 2011-12-28 深圳市万兴软件有限公司 Control method and control system for animation object motion
CN102800119A (en) * 2012-06-13 2012-11-28 天脉聚源(北京)传媒科技有限公司 Animation display method and device of three-dimensional curve
EP2728541A1 (en) * 2012-10-31 2014-05-07 Vikram Raju Sayyaparaju System and method to provide a real-time live interaction between a celebrity and an audience
CN104994421A (en) * 2015-06-30 2015-10-21 广州华多网络科技有限公司 Interaction method, device and system of virtual goods in live channel
CN105897770A (en) * 2016-06-20 2016-08-24 武汉斗鱼网络科技有限公司 Virtual gift display method and device based on live broadcasting
CN106101804A (en) * 2016-06-16 2016-11-09 乐视控股(北京)有限公司 Barrage establishing method and device

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102298787A (en) * 2011-08-08 2011-12-28 深圳市万兴软件有限公司 Control method and control system for animation object motion
CN102800119A (en) * 2012-06-13 2012-11-28 天脉聚源(北京)传媒科技有限公司 Animation display method and device of three-dimensional curve
EP2728541A1 (en) * 2012-10-31 2014-05-07 Vikram Raju Sayyaparaju System and method to provide a real-time live interaction between a celebrity and an audience
CN104994421A (en) * 2015-06-30 2015-10-21 广州华多网络科技有限公司 Interaction method, device and system of virtual goods in live channel
CN106101804A (en) * 2016-06-16 2016-11-09 乐视控股(北京)有限公司 Barrage establishing method and device
CN105897770A (en) * 2016-06-20 2016-08-24 武汉斗鱼网络科技有限公司 Virtual gift display method and device based on live broadcasting

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110213638A (en) * 2019-06-05 2019-09-06 北京达佳互联信息技术有限公司 Cartoon display method, device, terminal and storage medium

Also Published As

Publication number Publication date
CN108334504B (en) 2021-02-02

Similar Documents

Publication Publication Date Title
CN108597530B (en) Sound reproducing method and apparatus, storage medium and electronic apparatus
US20100100851A1 (en) Mapping a real-world object in a personal virtual world
CN104243463B (en) A kind of method and apparatus for showing virtual objects
US9843881B1 (en) Speaker array behind a display screen
JP2023162233A (en) Virtual object control method and apparatus, terminal, and storage medium
US20150050997A1 (en) 2.5-dimensional graphical object social network
CN104461318A (en) Touch read method and system based on augmented reality technology
JP2017086215A (en) Game system for performing route search of non-player character based on movement history of player
CN103893970B (en) In response to detecting that corresponding token carrys out the system of management role, environment and/or theme
CN106687954A (en) Content interface layout construction
CN110110201A (en) A kind of content recommendation method and system
US11422674B2 (en) Graphical representation showing information to a user
US20200278776A1 (en) Method and apparatus for visualization of public welfare activities
CN109191550B (en) Particle rendering method and device, electronic equipment and storage medium
CN111111167A (en) Sound effect playing method and device in game scene and electronic device
WO2013099037A1 (en) Information processing system, method for controlling information processing system, program, and information recording medium
WO2020048288A1 (en) Information synchronization method, device, and storage medium
CN108939535B (en) Sound effect control method and device for virtual scene, storage medium and electronic equipment
CN109672920A (en) A kind of method and terminal thumbing up barrage
CN108646917B (en) Intelligent device control method and device, electronic device and medium
CN108334504A (en) The methods of exhibiting and device of media elements
CN109976632A (en) Text animation control methods and device, storage medium and processor
US20130268543A1 (en) System and method for recommending content
CN103457944A (en) Method and device for pushing information and server
CN105243268A (en) Game map positioning method and apparatus as well as user terminal

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant