CN110244998A - Page layout background, the setting method of live page background, device and storage medium - Google Patents

Page layout background, the setting method of live page background, device and storage medium Download PDF

Info

Publication number
CN110244998A
CN110244998A CN201910512001.7A CN201910512001A CN110244998A CN 110244998 A CN110244998 A CN 110244998A CN 201910512001 A CN201910512001 A CN 201910512001A CN 110244998 A CN110244998 A CN 110244998A
Authority
CN
China
Prior art keywords
audio
background
page
played
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
Application number
CN201910512001.7A
Other languages
Chinese (zh)
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.)
Guangzhou Kugou Computer Technology Co Ltd
Original Assignee
Guangzhou Kugou Computer 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 Guangzhou Kugou Computer Technology Co Ltd filed Critical Guangzhou Kugou Computer Technology Co Ltd
Priority to CN201910512001.7A priority Critical patent/CN110244998A/en
Publication of CN110244998A publication Critical patent/CN110244998A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation
    • G06T13/203D [Three Dimensional] animation
    • G06T13/2053D [Three Dimensional] animation driven by audio data

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • Processing Or Creating Images (AREA)

Abstract

The invention discloses a kind of page layout background, the setting method of live page background, device and storage mediums, belong to field of computer technology.The described method includes: determining the beat number and rhythm point of the audio when playing in target pages has audio;According to the beat number of the audio, the play time of the audio is divided, obtains beat point of at least one time division points as the audio;When the audio is played at the beat point, the first animation is played in the background area of the target pages;When the audio is played at the rhythm point, the second animation is played in the background area of the target pages.The present invention can show the dynamic effect that a kind of user visible area background changes with audio in audio playing process in target pages, the visualization experience of audio be increased, to improve the visual effect of target pages.

Description

Page layout background, the setting method of live page background, device and storage medium
Technical field
The present invention relates to field of computer technology, in particular to a kind of page layout background, live page background setting method, Device and storage medium.
Background technique
With the development of computer technology, in order to promote the visual experience of user, the various applications installed in terminal all can For the various backgrounds of page setup of itself.
Currently, the background of most of page is all pre-set static images or dynamic picture, compare fixation.Thus lead Cause page layout background relatively simple, visual effect is poor.
Summary of the invention
The embodiment of the invention provides a kind of page layout background, the setting method of live page background, device and storage medium, It can solve the poor problem of the visual effect of page layout background in the related technology.The technical solution is as follows:
On the one hand, a kind of setting method of page layout background is provided, which comprises
When playing in target pages has audio, the beat number and rhythm point of the audio are determined;
According to the beat number of the audio, the play time of the audio is divided, obtains at least one time stroke Beat point of the branch as the audio;
When the audio is played at the beat point, it is dynamic that first is played in the background area of the target pages It draws;
When the audio is played at the rhythm point, it is dynamic that second is played in the background area of the target pages It draws.
Optionally, the target pages are live page, and the audio is in the direct broadcasting room shown in the live page The audio of broadcasting, the background area of the live page be in the live page in addition to the region for showing the direct broadcasting room Other regions.
Optionally, the method also includes:
Obtain the background image of the live video played in the direct broadcasting room shown in the live page;
Similarity in the multiple images of storage between the background image of the live video is greater than similarity threshold Image be set as the live page background area background image.
Optionally, the target pages are the music page in music application, the background of the music page Region is other regions in the music page in addition to showing the region of cover image of the audio, the side Method further include:
Obtain the cover image of the audio shown in the music page;
The image that similarity in the multiple images of storage between the cover image is greater than similarity threshold is arranged For the background image of the background area of the music page.
Optionally, the method also includes:
Determine the music type of the audio;
The target pages are set by image corresponding with the music type of the audio in the multiple images of storage The background image of background area.
Optionally, the background image is the 3-D image with 3-D effect.
On the one hand, a kind of setting device of page layout background is provided, described device includes:
First determining module, for determining the beat number and rhythm of the audio when playing in target pages has audio Point;
Division module divides the play time of the audio for the beat number according to the audio, obtain to Few beat point of the time division points as the audio;
First playing module, for when the audio is played at the beat point, in the background of the target pages The first animation is played in region;
Second playing module, for when the audio is played at the rhythm point, in the background of the target pages The second animation is played in region.
Optionally, the target pages are live page, and the audio is in the direct broadcasting room shown in the live page The audio of broadcasting, the background area of the live page be in the live page in addition to the region for showing the direct broadcasting room Other regions.
Optionally, described device further include:
First obtains module, for obtaining the background of the live video played in the direct broadcasting room shown in the live page Image;
First setup module, it is similar between the background image of the live video in the multiple images for that will store The image that degree is greater than similarity threshold is set as the background image of the background area of the live page.
Optionally, the target pages are the music page in music application, the background of the music page Region is other regions in the music page in addition to showing the region of cover image of the audio, the dress It sets further include:
Second obtains module, for obtaining the cover image of the audio shown in the music page;
Second setup module, the similarity in the multiple images for that will store between the cover image are greater than similar The image of degree threshold value is set as the background image of the background area of the music page.
Optionally, described device further include:
Second determining module, for determining the music type of the audio;
Third setup module, image setting corresponding with the music type of the audio in the multiple images for that will store For the background image of the background area of the target pages.
Optionally, the background image is the 3-D image with 3-D effect.
On the one hand, a kind of computer readable storage medium is provided, instruction, described instruction are stored on the storage medium The step of setting method of above-mentioned page layout background is realized when being executed by processor.
On the one hand, a kind of setting method of live page background is provided, the method is applied to live broadcast system, described straight The system of broadcasting include direct broadcasting room main broadcaster end and multiple viewer ends, which comprises
Background image is set for the background area of the live page where the direct broadcasting room, at the main broadcaster end and described more The background image is shown in the background area for the live page that at least one viewer end is shown in a viewer end;
The audio played in the direct broadcasting room is obtained, the audio is the audio that the main broadcaster end plays or acquires;
Obtain the beat number and rhythm point of the audio;According to the beat number of the audio, when to the broadcasting of the audio Between divided, obtain beat point of at least one time division points as the audio;
When the audio is played at the beat point, shown at the main broadcaster end and at least one described viewer end The first animation is played in the background area of the live page;When the audio is played at the rhythm point, in the master It broadcasts in the background area for the live page that end and at least one described viewer end are shown and plays the second animation.
Optionally, the method also includes:
Receive the live streaming platform of the direct broadcasting room or the background display condition of main broadcaster end setting;
Judge whether each viewer end in the multiple viewer end meets the background display condition;
Meet in the viewer end of the background display condition in the multiple viewer end display have the background image, The live page of first animation and second animation;
Display in the viewer end of the background display condition is not met in the multiple viewer end has default background The live page.
Optionally, each viewer end judged in the multiple viewer end whether meet the background display condition it Afterwards, further includes:
The viewer end of the background display condition will not be met in the multiple viewer end as target audience end;
Condition, which is sent, to the target audience end reaches prompt information;
When determining the target audience end according to the condition and reach that meet the background after prompt information is operated aobvious When showing condition, display has the background image, first animation and second animation in the target audience end The live page.
On the one hand, a kind of setting device of live page background is provided, described device is applied to live broadcast system, described straight The system of broadcasting includes the main broadcaster end of direct broadcasting room and multiple viewer ends, described device include:
First display module, for background image to be arranged for the background area of the live page where the direct broadcasting room, It is shown in the background area for the live page that at least one viewer end is shown in the main broadcaster end and the multiple viewer end The background image;
First obtains module, and for obtaining the audio played in the direct broadcasting room, the audio is main broadcaster end broadcasting Or the audio of acquisition;
Second obtains module, for obtaining the beat number and rhythm point of the audio;It is right according to the beat number of the audio The play time of the audio is divided, and beat point of at least one time division points as the audio is obtained;
Playing module, for when the audio is played at the beat point, at the main broadcaster end and described at least one The first animation is played in the background area for the live page that a viewer end is shown;When the audio is played to the rhythm point When place, it is dynamic that second is played in the background area for the live page that the main broadcaster end and at least one described viewer end are shown It draws.
Optionally, described device further include:
Receiving module, for receiving the live streaming platform of the direct broadcasting room or the background display condition of main broadcaster end setting;
Judgment module, whether each viewer end for judging in the multiple viewer end, which meets the background, shows item Part;
Second display module is shown in the viewer end for meeting the background display condition in the multiple viewer end The live page with the background image, first animation and second animation;
Third display module is shown in the viewer end for not meeting the background display condition in the multiple viewer end Show the live page with default background.
Optionally, described device further include:
Determining module, for the viewer end using the background display condition is not met in the multiple viewer end as target Viewer end;
Sending module reaches prompt information for sending condition to the target audience end;
4th display module is operated for reaching prompt information according to the condition when the determining target audience end After when meeting the background display condition, display has the background image, first animation in the target audience end With the live page of second animation.
On the one hand, a kind of computer readable storage medium is provided, instruction, described instruction are stored on the storage medium The step of setting method of above-mentioned live page background is realized when being executed by processor.
Technical solution provided in an embodiment of the present invention can at least bring it is following the utility model has the advantages that
When playing in target pages has audio, the beat number and rhythm point of the audio are determined.According to the beat of the audio Number, divides the play time of the audio, obtains beat point of at least one time division points as the audio.When the sound When frequency is played at beat point, the first animation is played in the background area of target pages.When the audio is played at rhythm point When, the second animation is played in the background area of target pages.In this way, being presented in target pages in audio playing process The dynamic effect that a kind of user visible area background changes with audio out increases the visualization experience of audio, to improve The visual effect of target pages.
Detailed description of the invention
To describe the technical solutions in the embodiments of the present invention more clearly, make required in being described below to embodiment Attached drawing is briefly described, it should be apparent that, drawings in the following description are only some embodiments of the invention, for For those of ordinary skill in the art, without creative efforts, it can also be obtained according to these attached drawings other Attached drawing.
Fig. 1 is a kind of flow chart of the setting method of page layout background provided in an embodiment of the present invention;
Fig. 2 is the flow chart of the setting method of another page layout background provided in an embodiment of the present invention;
Fig. 3 is a kind of flow chart of the setting method of live page background provided in an embodiment of the present invention;
Fig. 4 is a kind of structural schematic diagram of the setting device of page layout background provided in an embodiment of the present invention;
Fig. 5 is a kind of structural schematic diagram of the setting device of live page background provided in an embodiment of the present invention;
Fig. 6 is the structural schematic diagram of the setting device of another page layout background provided in an embodiment of the present invention;
Fig. 7 is the structural schematic diagram of the setting device of another live page background provided in an embodiment of the present invention.
Specific embodiment
To make the object, technical solutions and advantages of the present invention clearer, below in conjunction with attached drawing to embodiment party of the present invention Formula is described in further detail.
Before the setting method to page layout background provided in an embodiment of the present invention carries out that explanation is explained in detail, first to this The application scenarios of inventive embodiments are explained.
The setting method of page layout background provided in an embodiment of the present invention can be applied in live streaming field, it can be applied to The background of live page is arranged, which can be the application interface in live streaming application, or in webcast website Webpage.Specifically, it can be broadcast live according to the beat point and rhythm point of the audio played in the direct broadcasting room shown in live page Corresponding animation is played in background area in the page in addition to the region for showing direct broadcasting room, to present in live page Dynamic effect of a kind of user visible area background with the audio variation played in direct broadcasting room out, the audio played in the direct broadcasting room Song, the song of spectators' program request of the direct broadcasting room etc. that can be being sung for the main broadcaster of the direct broadcasting room.
The setting method of page layout background provided in an embodiment of the present invention also can be applied in music application, it can application The background of the music page in music application is arranged.It specifically, can be according to being played in the music page The beat point and rhythm point of audio, the background in the music page in addition to showing the region of cover image of the audio Corresponding animation is played in region, to show a kind of user visible area background in the music page with music The dynamic effect of the audio variation played in the page, the audio played in the music page can be for the music applications The song etc. of broadcasting.
Fig. 1 is a kind of flow chart of the setting method of page layout background provided in an embodiment of the present invention, and this method is applied to eventually End.Referring to Fig. 1, this method comprises:
Step 101: when playing in target pages has audio, determining the beat number and rhythm point of audio.
Step 102: according to the beat number of audio, the play time of audio being divided, obtains at least one time stroke Beat point of the branch as audio.
Step 103: when audio is played at beat point, the first animation is played in the background area of target pages;When When audio is played at rhythm point, the second animation is played in the background area of target pages.
In embodiments of the present invention, when playing in target pages has audio, the beat number and rhythm point of the audio are determined. According to the beat number of the audio, the play time of the audio is divided, obtains at least one time division points as the sound The beat point of frequency.When the audio is played at beat point, the first animation is played in the background area of target pages.When the sound When frequency is played at rhythm point, the second animation is played in the background area of target pages.In this way, in audio playing process, The dynamic effect that a kind of user visible area background changes with audio is showed in target pages, increases the visualization of audio Experience, to improve the visual effect of target pages.
Optionally, target pages are live page, and audio is the audio played in the direct broadcasting room shown in live page, directly The background area of the page is broadcast as other regions in live page in addition to the region for showing direct broadcasting room.
Optionally, this method further include:
Obtain the background image of the live video played in the direct broadcasting room shown in live page;
Similarity in the multiple images of storage between the background image of live video is greater than to the figure of similarity threshold Background image as being set as the background area of live page.
Optionally, target pages are the music page in music application, and the background area of the music page is sound The happy other regions played in the page in addition to showing the region of cover image of audio, this method further include:
Obtain the cover image of the audio shown in the music page;
Sound is set by the image that the similarity in the multiple images of storage between cover image is greater than similarity threshold The background image of the happy background area for playing the page.
Optionally, this method further include:
Determine the music type of audio;
Set image corresponding with the music type of audio in the multiple images of storage to the background area of target pages Background image.
Optionally, background image is the 3-D image with 3-D effect.
All the above alternatives, can form alternative embodiment of the invention according to any combination, and the present invention is real It applies example and this is no longer repeated one by one.
Fig. 2 is a kind of flow chart of the setting method of page layout background provided in an embodiment of the present invention, and this method is applied to eventually End.Referring to fig. 2, this method comprises:
Step 201: when playing in target pages has audio, determining the beat number and rhythm point of the audio.
It should be noted that target pages are the page that can play audio.For example, target pages can be live streaming page Face, the live page can be the application interface in live streaming application, or the webpage in webcast website, at this time target pages The audio of middle broadcasting can be the audio played in the direct broadcasting room shown in the live page, such as can be the main broadcaster of the direct broadcasting room The song of spectators' program request etc. of the song, the direct broadcasting room sung.In another example target pages can be the sound in music application Happy to play the page, the audio played in target pages at this time is the music page to the audio played, and such as can be should Music application song being played on etc..Certainly, target pages may be other pages that can play audio, and the present invention is real It applies example and this is not construed as limiting.
In addition, the beat number of audio can be obtained according to the determination of the BPM value of the audio, the BPM value of the audio is the audio In beat number interior per minute, the beat of the audio can be obtained by multiplied by the BPM value of the audio with the playing duration of the audio Number.
Furthermore the rhythm point of audio is rhythm stronger time point in the audio, and audio rhythm detection can be used (Onset Detection) algorithm detects the rhythm point of the audio, it is of course also possible to detect the audio otherwise Rhythm point, the embodiment of the present invention is not construed as limiting this.
Step 202: according to the beat number of the audio, the play time of the audio being divided, when obtaining at least one Between beat point of the division points as the audio.
It should be noted that the beat point of audio is rough for the audio averagely marked off according to the beat number of the audio Rhythm repeats point.
For example, the beat number of the audio is 4, the play time of the audio is five minutes, then according to the beat number of the audio, After being divided to the play time of the audio, available 4 time division points, play time when being respectively as follows: 1 minute Play time when play time when point, 2 minutes, 3 minutes and play time at 4 minutes, at this time can by this 4 Beat point of a time division points as the audio.
Step 203: when the audio is played at beat point, the first animation is played in the background area of target pages; When the audio is played at rhythm point, the second animation is played in the background area of target pages.
It should be noted that the background area of target pages can in target pages except the region for playing audio it Outer other regions.For example, the background area of target pages can be in the live page when target pages are live page Other regions in addition to the region for showing direct broadcasting room.In another example when target pages are the music page in music application When face, the background areas of target pages can in the music page except the region for the cover image for showing the audio it Outer other regions.
, can be by user's manual setting in addition, the first animation and the second animation can be configured in advance, it can also be with It is arranged automatically by terminal.First animation or the second animation can be audio animation, light animation, light beam animation or water wave animation etc. Animation with regular movements effect, certainly, the first animation or the second animation may be other animations, the embodiment of the present invention to this not It limits.The animation effect of second animation can be better than the animation effect of the first animation.For example, compared to the first animation, second The regular movements amplitude of animation can bigger, color can be more gorgeous etc., more to protrude rhythm stronger time point in the audio.
It is worth noting that in the embodiment of the present invention, can be played in target pages when having audio, according to the audio Beat point plays the first animation in the background area of target pages, and according to the rhythm of audio point target pages background The second animation is played in region.In this way, showing a kind of user visible area back in target pages in audio playing process The dynamic effect that scape changes with audio increases the visualization experience of audio, to improve the visual effect of target pages.
It is worth noting that, in the embodiment of the present invention, it not only can be according to the realization pair of the beat point and rhythm point of the audio The cartoon setting of the background area of target pages can also be configured the background image of the background area of target pages, and The background image can also be arranged automatically by user's manual setting by terminal.Below to the background area of target pages Two kinds of possible set-up modes of background image are illustrated.
The first possible set-up mode: multiple target images are obtained.When detect in multiple target image extremely When the selection instruction of a few target image, it sets at least one target image to the background of the background area of target pages Image;Alternatively, when detecting the process instruction at least one target image in multiple target image, to this at least one A target image is handled, by the Background of the background area of treated at least one target image is set as target pages Picture.
It should be noted that selection instruction can be used for background image setting for selecting from multiple target image At least one target image.The selection instruction can be triggered by user, and user can pass through clicking operation, slide, voice The operations such as operation, gesture operation are triggered, and the embodiment of the present invention is not construed as limiting this.
In addition, process instruction is for being adjusted the essential attribute of at least one target image, which can be with Including color, brightness, tone, transparency, saturation degree etc..The process instruction can be triggered by user, and user can pass through click The operations such as operation, slide, voice operating, gesture operation are triggered, and the embodiment of the present invention is not construed as limiting this.
It, can be with it is worth noting that, when the background image of the background area of target pages only includes a target image This target image is directly displayed in the background area of target pages.When the background image packet of the background area of target pages When including at least two target images, can be shown in turn in a certain order in the background area of target pages this at least two A target image.
Wherein, when obtaining multiple target images, can when detecting image upload operation, using the image uploaded as Multiple target images;Alternatively, the music type of audio being played in target pages can be determined first, then by the multiple of storage Image corresponding with the music type of the audio is as multiple target images in image;Alternatively, can be music when target pages When the music page in, by the cover in the multiple images of storage with the audio shown in the music page Similarity between image is greater than the image of similarity threshold as multiple target images;Alternatively, can be straight when target pages When broadcasting the page, the background image of the live video played in the direct broadcasting room shown in the live page is first obtained, then by storage Similarity in multiple images between the background image of the live video is greater than the image of similarity threshold as multiple targets Image.It is of course also possible to obtain multiple target images by other means, the embodiment of the present invention is not construed as limiting this.
It should be noted that the corresponding relationship between image and music type can be preset, that is, the multiple figures stored Each image as in all has a corresponding music type.The wind of corresponding an image and a music type Lattice comparison match, such as when music type is light music, it is that the styles such as blue sky and white cloud are more pure and fresh that picture material, which can be set, Image is corresponding to it.In this case, the music type of audio being played in the target image and target pages got Style it is consistent, so as to improve the subsequent target pages being arranged according to target image background area background image Viewing effect.
In addition, similarity threshold can be configured in advance, and similarity threshold can be set it is larger.Such case Under, when target pages are the music page in music application, in the target image that gets and the music page The cover image of the audio of display is closely similar, and when target pages are live page, the target image got is straight with this The background image for broadcasting the live video played in the direct broadcasting room shown in the page is closely similar.In this way, subsequent basis can be improved The viewing effect of the background image of the background area for the target pages that target image is arranged.
Second of possible set-up mode: the music type of audio being played in target pages is determined, according to the sound The background image of the background area of target pages is arranged in the music type of frequency;Alternatively, when target pages are the sound in music application When the happy broadcasting page, according to the cover image of the audio shown in the music page, which is set The background image of background area;Alternatively, when target pages are live page, according in the direct broadcasting room shown in the live page The background image of the background area of the live page is arranged in the live video of broadcasting.
It wherein,, can be from depositing when the background image of the background area of target pages is set according to the music type of the audio In the multiple images of storage, the Background of background area of the image corresponding with the music type of the audio as target pages is obtained Picture.
In this case, the back of background area of the image corresponding with the music type of the audio as target pages is obtained Scape image can make the music class of audio being played in the background image and target pages of the background area of target pages The style of type is consistent, so as to further increase the visual effect of target pages.
Wherein, according to the cover image of the audio shown in the music page, which is set , can be from the multiple images of storage when the background image of background area, the similarity obtained between the cover image is greater than Background image of the image of similarity threshold as the background area of the music page.
In this case, it obtains the similarity between the cover image and is greater than the image of similarity threshold as the music The background image for playing the background area of the page can make the background image and the sound of the background area of the music page The happy cover for playing audio being played in the page combines together, so as to further increase the view of the music page Feel effect.
Wherein, according to the live video played in the direct broadcasting room shown in the live page, the back of the live page is set When the background image of scene area, the background image of the available live video from the multiple images of storage, obtains later Similarity between the background image of the live video is greater than background area of the image of similarity threshold as the live page The background image in domain.
In this case, the image that the similarity between the background image of the live video is greater than similarity threshold is obtained The background image of background area as the live page, can make the background image of the background area of the live page and be somebody's turn to do The background of the live video played in the direct broadcasting room shown in live page combines together, so as to further increase the live streaming The visual effect of the page.
Noteworthy point is that the background image of the background area of target pages can be still image, or Dynamic image, for example, the background image of the background area of target pages can be for particle effect (such as snowflake special efficacy, meteor Special efficacy, fluorescence special efficacy etc.) dynamic image etc..Particularly, the background image of the background area of target pages can also for The 3-D image of 3-D effect, to build the visual experience of three-dimensional scenic, further the vision effect of raising target pages Fruit.Certainly, the background image of the background area of target pages may be the two dimensional image with two-dimensional effects, and the present invention is implemented Example is not construed as limiting this.
It is noticeable on the other hand, the setting under live scene, to the background image of the background area of live page And the setting of the first animation and the second animation can be carried out by the main broadcaster end of the direct broadcasting room shown in live page.And And the viewing permission of personalized background can also be arranged in main broadcaster end, i.e. main broadcaster end can be set part viewer end and can be broadcast live The background image, the first animation and the second animation are seen on the page, and other viewer ends then cannot see that this in live page Background image, the first animation and the second animation.Certainly, viewer end can also actively choose whether viewing personalized background, that is, see Many ends can open personalized background function or close personalized background function, after personalized background function is opened, live page On can show the background image, the first animation and the second animation, after personalized background function is closed, do not shown in live page The background image, the first animation and the second animation.
Come the setting method to above-mentioned page layout background, possible embodiment is illustrated in live streaming field below, Illustratively, (1)-step (4) be may include steps of:
(1) song to be sung is chosen at the main broadcaster end of the direct broadcasting room shown in live page.
The song can be the song of spectators' program request, be also possible to the song to be sung of main broadcaster oneself.
(2) background image of the background area of the live page is arranged in main broadcaster end, and specified portions viewer end has individual character Change the viewing permission of background.
Main broadcaster can choose with image similar in the color of the background image of the live video of oneself shooting as the live streaming The background image of the background area of the page, and the background image can be the 3-D image with 3-D effect, such as can be three Tie up stage image.
Also, it watches in the part viewer end of the viewing permission in the viewer end of the direct broadcasting room with personalized background and showing Live page background area background image be main broadcaster end set by background image.
(3) main broadcaster end obtains the beat number and rhythm point of the song played in the direct broadcasting room, and according to the beat of the song Number, divides the play time of the song, obtains beat point of at least one time division points as the song.
(4) when the playback of songs is at beat point, it is dynamic that main broadcaster end plays first in the background area of the live page It draws;When the playback of songs is at rhythm point, main broadcaster end plays the second animation in the background area of the live page.
Main broadcaster end plays the same of the first animation and the second animation in the background area of the live page where its direct broadcasting room When, watch the live page shown in the part viewer end of the viewing permission in the viewer end of the direct broadcasting room with personalized background Background area in the first animation and the second animation can also be played simultaneously.
Assuming that the first animation and the second animation are light animation, the background image of the background area of the live page is three Tie up stage image.In this case, since direct broadcasting room is usually located at the centre of live page, then the three-dimensional around the direct broadcasting room Under stage image and setting off according to the light animation of the beat and rhythm regular movements of the song played in the direct broadcasting room, the live streaming Between available preferable effect of shadow, reach simulation live concert viewing impression, to substantially increase the live streaming page The visual effect in face.
In embodiments of the present invention, when playing in target pages has audio, the beat number and rhythm point of the audio are determined. According to the beat number of the audio, the play time of the audio is divided, obtains at least one time division points as the sound The beat point of frequency.When the audio is played at beat point, the first animation is played in the background area of target pages.When the sound When frequency is played at rhythm point, the second animation is played in the background area of target pages.In this way, in audio playing process, The dynamic effect that a kind of user visible area background changes with audio is showed in target pages, increases the visualization of audio Experience, to improve the visual effect of target pages.
Fig. 3 is a kind of flow chart of the setting method of live page background provided in an embodiment of the present invention.This method application In live broadcast system, the live broadcast system include direct broadcasting room main broadcaster end and multiple viewer ends, referring to Fig. 3, this method comprises:
Step 301: background image being set for the background area of the live page where direct broadcasting room, at main broadcaster end and multiple The background image is shown in the background area for the live page that at least one viewer end is shown in viewer end.
It should be noted that the operation that background image is arranged in the background area of the live page where direct broadcasting room can be joined Be admitted to state in Fig. 2 embodiment be arranged target pages background area background image operation, the embodiment of the present invention to this no longer It repeats.
Step 302: obtaining the audio played in the direct broadcasting room, which is the audio that main broadcaster end plays or acquires.
It should be noted that the main broadcaster or spectators of the direct broadcasting room can requesting songs, at this time live streamings in the direct broadcasting room Between middle broadcasting audio be main broadcaster end play audio.Alternatively, the main broadcaster of the direct broadcasting room oneself can also give song recitals, this When the direct broadcasting room in the audio that plays be the collected audio in main broadcaster end, can such as be collected for the microphone at the main broadcaster end Main broadcaster sing song.
Step 303: obtaining the beat number and rhythm point of the audio;Broadcasting according to the beat number of the audio, to the audio Time is divided, and beat point of at least one time division points as the audio is obtained.
It should be noted that the operation for obtaining the beat point and rhythm point of the audio can be with reference in above-mentioned Fig. 2 embodiment The operation of the beat point and rhythm point of audio is obtained, the embodiment of the present invention repeats no more this.
Step 304: when the audio is played at beat point, in the live streaming that main broadcaster end and at least one viewer end are shown The first animation is played in the background area of the page;When the audio is played at rhythm point, at main broadcaster end and at least one sight The second animation is played in the background area for the live page that many ends are shown.
It should be noted that for the main broadcaster end of the direct broadcasting room, the background area for the live page that main broadcaster end is shown In show the background image being arranged in step 301, and played in the background area of live page that shows of main broadcaster end and have first Animation and the second animation.It that is to say, the live streaming page with the background image, the first animation and the second animation is shown in main broadcaster end Face, i.e., it is shown that the live page with personalized background.
For multiple viewer ends of the direct broadcasting room, can only it be shown at least one viewer end in multiple viewer end Show the live page with the background image, the first animation and the second animation, i.e., only shows tool at least one viewer end There is the live page of personalized background.It illustratively, can (1)-step (3) Lai Shixian as follows.
(1) the live streaming platform of direct broadcasting room or the background display condition of main broadcaster end setting are received.
It should be noted that background display condition is that can show the live page with personalized background for limiting The condition of viewer end, as background display condition can give main broadcaster the sight of the viewer end of virtual present, the grade for reaching setting Many ends, the viewer end of permission for reaching setting etc..The background display condition can by main broadcaster in direct broadcasting room manual setting, can also To be arranged automatically by live streaming platform, the embodiment of the present invention is not construed as limiting this.
(2) judge whether each viewer end in multiple viewer end meets the background display condition.
For example, the background display condition is the viewer end for giving main broadcaster virtual present, then it can be by multiple viewer end In given virtual present to main broadcaster viewer end be determined as meeting the viewer end of the background display condition, by multiple sight The viewer end for not giving virtual present to main broadcaster in many ends is determined as not meeting the viewer end of the background display condition.
(3) meeting in the viewer end of the background display condition display in multiple viewer end has the background image, the The live page of one animation and the second animation.It does not meet in the viewer end of the background display condition and shows in multiple viewer end Live page with default background.
It in this case, is that display has individual character in the viewer end for meet in multiple viewer end the background display condition Change the live page of background, and display in the viewer end of the background display condition is not met in multiple viewer end has default The live page of background.The default background can be able to be the common background of live page by live streaming platform configuration.
It further, will when can also have the viewer end for not meeting the background display condition in multiple viewer end The viewer end of the background display condition is not met in multiple viewer end as target audience end, is then sent to target audience end Condition reaches prompt information.When determining target audience end according to the condition and reach that meet the background after prompt information is operated aobvious When showing condition, display has the live page of the background image, the first animation and the second animation in target audience end.
It should be noted that the condition reaches prompt information for prompting for progress needed for reaching the background display condition Operation is also the operation carried out needed for the personalized background of viewing live page.For example, when the background display condition is to master When broadcasting the viewer end for giving virtual present, the condition reach prompt information for prompt can give main broadcaster virtual present to see See live the personalized background of the page.
In addition, sending after the condition reaches prompt information to target audience end, target audience end can show the condition Reach prompt information, spectators can reach prompt information according to the condition to operate at this time, so that target audience end reaches To the background display condition, so that target audience end is reached the background as spectators can give virtual present to main broadcaster and show item Part.When target audience end reaches according to the condition and meets the background display condition after prompt information is operated, so that it may Display has the live page of personalized background in target audience end.
In embodiments of the present invention, background image is arranged in the background area of the live page where direct broadcasting room, in main broadcaster The background image is shown in the background area for the live page that at least one viewer end is shown in end and multiple viewer end.It obtains The audio played in the direct broadcasting room is taken, which is the audio that main broadcaster end plays or acquires.Later, the beat number of the audio is obtained The play time of the audio is divided with rhythm point and according to the beat number of the audio, obtains the division of at least one time Beat point of the point as the audio.Finally, when the audio is played at beat point, at main broadcaster end and at least one viewer end The first animation is played in the background area of the live page of display;When the audio is played at rhythm point, at main broadcaster end and it is somebody's turn to do The second animation is played in the background area for the live page that at least one viewer end is shown.In this way, during the live streaming of main broadcaster, Not only background image can be set for the background area of the live page where the direct broadcasting room of main broadcaster, it can also be in the live page Background area in there is the animation that changes with the variation of the audio played in the direct broadcasting room, to improve live page Visual effect.
Fig. 4 is a kind of structural schematic diagram of the setting device of page layout background provided in an embodiment of the present invention.Referring to fig. 4, should Device includes:
First determining module 401, for determining the beat number and rhythm of audio when playing in target pages has audio Point;
Division module 402 divides the play time of audio for the beat number according to audio, obtains at least one Beat point of a time division points as audio;
First playing module 403, for being played in the background area of target pages when audio is played at beat point First animation;
Second playing module 404, for being played in the background area of target pages when audio is played at rhythm point Second animation.
Optionally, target pages are live page, and audio is the audio played in the direct broadcasting room shown in live page, directly The background area of the page is broadcast as other regions in live page in addition to the region for showing direct broadcasting room.
Optionally, the device further include:
First obtains module, for obtaining the Background of the live video played in the direct broadcasting room shown in live page Picture;
First setup module, the similarity in the multiple images for that will store between the background image of live video are big The background image of the background area of live page is set as in the image of similarity threshold.
Optionally, target pages are the music page in music application, and the background area of the music page is sound The happy other regions played in the page in addition to showing the region of cover image of audio, the device further include:
Second obtains module, for obtaining the cover image of the audio shown in the music page;
Second setup module, the similarity in the multiple images for that will store between cover image are greater than similarity threshold The image of value is set as the background image of the background area of the music page.
Optionally, the device further include:
Second determining module, for determining the music type of audio;
Third setup module is set as mesh for image corresponding with the music type of audio in the multiple images by storage Mark the background image of the background area of the page.
Optionally, background image is the 3-D image with 3-D effect.
In embodiments of the present invention, when playing in target pages has audio, the beat number and rhythm point of the audio are determined. According to the beat number of the audio, the play time of the audio is divided, obtains at least one time division points as the sound The beat point of frequency.When the audio is played at beat point, the first animation is played in the background area of target pages.When the sound When frequency is played at rhythm point, the second animation is played in the background area of target pages.In this way, in audio playing process, The dynamic effect that a kind of user visible area background changes with audio is showed in target pages, increases the visualization of audio Experience, to improve the visual effect of target pages.
It should be understood that the setting device of page layout background provided by the above embodiment is when being arranged page layout background, only with The division progress of above-mentioned each functional module can according to need and for example, in practical application by above-mentioned function distribution by not Same functional module is completed, i.e., the internal structure of device is divided into different functional modules, to complete whole described above Or partial function.In addition, the setting device of page layout background provided by the above embodiment and the setting method of page layout background are implemented Example belongs to same design, and specific implementation process is detailed in embodiment of the method, and which is not described herein again.
Fig. 5 is a kind of structural schematic diagram of the setting device of live page background provided in an embodiment of the present invention.The device Applied to live broadcast system, the live broadcast system include direct broadcasting room main broadcaster end and multiple viewer ends, referring to Fig. 5, which includes:
First display module 501, for background image to be arranged for the background area of the live page where direct broadcasting room, in master Broadcast display background image in the background area for the live page that at least one viewer end is shown in end and multiple viewer ends;
First obtains module 502, and for obtaining the audio played in direct broadcasting room, audio is the sound that main broadcaster end plays or acquires Frequently;
Second obtains module 503, for obtaining the beat number and rhythm point of audio;According to the beat number of audio, to audio Play time divided, obtain beat point of at least one time division points as audio;
Playing module 504, for being shown at main broadcaster end and at least one viewer end when audio is played at beat point The first animation is played in the background area of live page;When audio is played at rhythm point, at main broadcaster end and at least one sight The second animation is played in the background area for the live page that many ends are shown.
Optionally, the device further include:
Receiving module, for receiving the live streaming platform of direct broadcasting room or the background display condition of main broadcaster end setting;
Whether judgment module, each viewer end for judging in multiple viewer ends meet background display condition;
Second display module, display has background in the viewer end for meeting background display condition in multiple viewer ends The live page of image, the first animation and the second animation;
Third display module, display has silent in the viewer end for not meeting background display condition in multiple viewer ends Recognize the live page of background.
Optionally, the device further include:
Determining module, for the viewer end using background display condition is not met in multiple viewer ends as target audience end;
Sending module reaches prompt information for sending condition to target audience end;
4th display module meets back for reaching when determining target audience end according to condition after prompt information is operated When scape display condition, display has the live page of background image, the first animation and the second animation in target audience end.
In embodiments of the present invention, background image is arranged in the background area of the live page where direct broadcasting room, in main broadcaster The background image is shown in the background area for the live page that at least one viewer end is shown in end and multiple viewer end.It obtains The audio played in the direct broadcasting room is taken, which is the audio that main broadcaster end plays or acquires.Later, the beat number of the audio is obtained The play time of the audio is divided with rhythm point and according to the beat number of the audio, obtains the division of at least one time Beat point of the point as the audio.Finally, when the audio is played at beat point, at main broadcaster end and at least one viewer end The first animation is played in the background area of the live page of display;When the audio is played at rhythm point, at main broadcaster end and it is somebody's turn to do The second animation is played in the background area for the live page that at least one viewer end is shown.In this way, during the live streaming of main broadcaster, Not only background image can be set for the background area of the live page where the direct broadcasting room of main broadcaster, it can also be in the live page Background area in there is the animation that changes with the variation of the audio played in the direct broadcasting room, to improve live page Visual effect.
It should be understood that the setting device of live page background provided by the above embodiment is in setting live page background When, only the example of the division of the above functional modules, in practical application, it can according to need and divide above-mentioned function With being completed by different functional modules, i.e., the internal structure of device is divided into different functional modules, to complete above description All or part of function.In addition, the setting device of live page background provided by the above embodiment and live page background Setting method embodiment belong to same design, specific implementation process is detailed in embodiment of the method, and which is not described herein again.
Fig. 6 is a kind of structural schematic diagram of the setting device of page layout background provided in an embodiment of the present invention.It, should referring to Fig. 6 Device can be terminal 600, and terminal 600 may is that smart phone, tablet computer, MP3 player (Moving Picture Experts Group Audio Layer III, dynamic image expert's compression standard audio level 3), MP4 (Moving Picture Experts Group Audio Layer IV, dynamic image expert's compression standard audio level 4) player, pen Remember this computer or desktop computer.Terminal 600 is also possible to referred to as user equipment, portable terminal, laptop terminal, terminal console Deng other titles.
In general, terminal 600 includes: processor 601 and memory 602.
Processor 601 may include one or more processing cores, such as 4 core processors, 8 core processors etc..Place Reason device 601 can use DSP (Digital Signal Processing, Digital Signal Processing), FPGA (Field- Programmable Gate Array, field programmable gate array), PLA (Programmable Logic Array, may be programmed Logic array) at least one of example, in hardware realize.Processor 601 also may include primary processor and coprocessor, master Processor is the processor for being handled data in the awake state, also referred to as CPU (Central Processing Unit, central processing unit);Coprocessor is the low power processor for being handled data in the standby state.? In some embodiments, processor 601 can integrate GPU (Graphics Processing Unit, image processor), GPU For being responsible for the rendering and drafting of content to be shown needed for display screen.In some embodiments, processor 601 can also include AI (Artificial Intelligence, artificial intelligence) processor, the AI processor is for handling the calculating in relation to machine learning Operation.
Memory 602 may include one or more computer readable storage mediums, which can To be non-transient.Memory 602 may also include high-speed random access memory and nonvolatile memory, for example, one or Multiple disk storage equipments, flash memory device.In some embodiments, non-transient computer-readable in memory 602 Storage medium for storing at least one instruction, at least one instruction for performed by processor 601 to realize the application The setting method for the page layout background that middle embodiment of the method provides.
In some embodiments, terminal 600 is also optional includes: peripheral device interface 603 and at least one peripheral equipment. It can be connected by bus or signal wire between processor 601, memory 602 and peripheral device interface 603.Each peripheral equipment It can be connected by bus, signal wire or circuit board with peripheral device interface 603.Specifically, peripheral equipment includes: radio circuit 604, at least one of touch display screen 605, camera 606, voicefrequency circuit 607, positioning component 608 and power supply 609.
Peripheral device interface 603 can be used for I/O (Input/Output, input/output) is relevant outside at least one Peripheral equipment is connected to processor 601 and memory 602.In some embodiments, processor 601, memory 602 and peripheral equipment Interface 603 is integrated on same chip or circuit board;In some other embodiments, processor 601, memory 602 and outer Any one or two in peripheral equipment interface 603 can realize that this is not added in the application on individual chip or circuit board To limit.
Radio circuit 604 is for receiving and emitting RF (Radio Frequency, radio frequency) signal, also referred to as electromagnetic signal.It penetrates Frequency circuit 604 is communicated by electromagnetic signal with communication network and other communication equipments.Radio circuit 604 turns electric signal It is changed to electromagnetic signal to be sent, alternatively, the electromagnetic signal received is converted to electric signal.Optionally, radio circuit 604 wraps It includes: antenna system, RF transceiver, one or more amplifiers, tuner, oscillator, digital signal processor, codec chip Group, user identity module card etc..Radio circuit 604 can be led to by least one wireless communication protocol with other terminals Letter.The wireless communication protocol includes but is not limited to: Metropolitan Area Network (MAN), each third generation mobile communication network (2G, 3G, 4G and 5G), wireless local area Net and/or WiFi (Wireless Fidelity, Wireless Fidelity) network.In some embodiments, radio circuit 604 can be with Including the related circuit of NFC (Near Field Communication, wireless near field communication), the application does not limit this It is fixed.
Display screen 605 is for showing UI (User Interface, user interface).The UI may include figure, text, figure Mark, video and its their any combination.When display screen 605 is touch display screen, display screen 605 also there is acquisition to show The ability of the touch signal on the surface or surface of screen 605.The touch signal can be used as control signal and be input to processor 601 are handled.At this point, display screen 605 can be also used for providing virtual push button and/or dummy keyboard, also referred to as soft button and/or Soft keyboard.In some embodiments, display screen 605 can be one, and the front panel of terminal 600 is arranged in;In other implementations In example, display screen 605 can be at least two, be separately positioned on the different surfaces of terminal 600 or in foldover design;Still other In embodiment, display screen 605 can be flexible display screen, be arranged on the curved surface of terminal 600 or on fold plane.Even, Display screen 605 can also be arranged to non-rectangle irregular figure, namely abnormity screen.Display screen 605 can use LCD (Liquid Crystal Display, liquid crystal display), OLED (Organic Light-Emitting Diode, You Jifa Optical diode) etc. materials preparation.
CCD camera assembly 606 is for acquiring image or video.Optionally, CCD camera assembly 606 include front camera and Rear camera.In general, the front panel of terminal is arranged in front camera, the back side of terminal is arranged in rear camera.One In a little embodiments, rear camera at least two is main camera, depth of field camera, wide-angle camera, focal length camera shooting respectively Any one in head, to realize that main camera and the fusion of depth of field camera realize background blurring function, main camera and wide-angle Camera fusion realizes that pan-shot and VR (Virtual Reality, virtual reality) shooting function or other fusions are clapped Camera shooting function.In some embodiments, CCD camera assembly 606 can also include flash lamp.Flash lamp can be monochromatic warm flash lamp, It is also possible to double-colored temperature flash lamp.Double-colored temperature flash lamp refers to the combination of warm light flash lamp and cold light flash lamp, can be used for not With the light compensation under colour temperature.
Voicefrequency circuit 607 may include microphone and loudspeaker.Microphone is used to acquire the sound wave of user and environment, and will Sound wave, which is converted to electric signal and is input to processor 601, to be handled, or is input to radio circuit 604 to realize voice communication. For stereo acquisition or the purpose of noise reduction, microphone can be separately positioned on the different parts of terminal 600 to be multiple.Mike Wind can also be array microphone or omnidirectional's acquisition type microphone.Loudspeaker is then used to that processor 601 or radio circuit will to be come from 604 electric signal is converted to sound wave.Loudspeaker can be traditional wafer speaker, be also possible to piezoelectric ceramic loudspeaker.When When loudspeaker is piezoelectric ceramic loudspeaker, the audible sound wave of the mankind can be not only converted electrical signals to, it can also be by telecommunications Number the sound wave that the mankind do not hear is converted to carry out the purposes such as ranging.In some embodiments, voicefrequency circuit 607 can also include Earphone jack.
Positioning component 608 is used for the current geographic position of positioning terminal 600, to realize navigation or LBS (Location Based Service, location based service).Positioning component 608 can be the GPS (Global based on the U.S. Positioning System, global positioning system), the dipper system of China, Russia Gray receive this system or European Union The positioning component of Galileo system.
Power supply 609 is used to be powered for the various components in terminal 600.Power supply 609 can be alternating current, direct current, Disposable battery or rechargeable battery.When power supply 609 includes rechargeable battery, which can support wired charging Or wireless charging.The rechargeable battery can be also used for supporting fast charge technology.
In some embodiments, terminal 600 further includes having one or more sensors 610.The one or more sensors 610 include but is not limited to: acceleration transducer 611, gyro sensor 612, pressure sensor 613, fingerprint sensor 614, Optical sensor 615 and proximity sensor 616.
The acceleration that acceleration transducer 611 can detecte in three reference axis of the coordinate system established with terminal 600 is big It is small.For example, acceleration transducer 611 can be used for detecting component of the acceleration of gravity in three reference axis.Processor 601 can With the acceleration of gravity signal acquired according to acceleration transducer 611, touch display screen 605 is controlled with transverse views or longitudinal view Figure carries out the display of user interface.Acceleration transducer 611 can be also used for the acquisition of game or the exercise data of user.
Gyro sensor 612 can detecte body direction and the rotational angle of terminal 600, and gyro sensor 612 can To cooperate with acquisition user to act the 3D of terminal 600 with acceleration transducer 611.Processor 601 is according to gyro sensor 612 Following function may be implemented in the data of acquisition: when action induction (for example changing UI according to the tilt operation of user), shooting Image stabilization, game control and inertial navigation.
The lower layer of side frame and/or touch display screen 605 in terminal 600 can be set in pressure sensor 613.Work as pressure When the side frame of terminal 600 is arranged in sensor 613, user can detecte to the gripping signal of terminal 600, by processor 601 Right-hand man's identification or prompt operation are carried out according to the gripping signal that pressure sensor 613 acquires.When the setting of pressure sensor 613 exists When the lower layer of touch display screen 605, the pressure operation of touch display screen 605 is realized to UI circle according to user by processor 601 Operability control on face is controlled.Operability control includes button control, scroll bar control, icon control, menu At least one of control.
Fingerprint sensor 614 is used to acquire the fingerprint of user, collected according to fingerprint sensor 614 by processor 601 The identity of fingerprint recognition user, alternatively, by fingerprint sensor 614 according to the identity of collected fingerprint recognition user.It is identifying When the identity of user is trusted identity out, the user is authorized to execute relevant sensitive operation, the sensitive operation packet by processor 601 Include solution lock screen, check encryption information, downloading software, payment and change setting etc..Fingerprint sensor 614 can be arranged on end Front, the back side or the side at end 600.When being provided with physical button or manufacturer Logo in terminal 600, fingerprint sensor 614 can To be integrated with physical button or manufacturer Logo.
Optical sensor 615 is for acquiring ambient light intensity.In one embodiment, processor 601 can be according to optics The ambient light intensity that sensor 615 acquires controls the display brightness of touch display screen 605.Specifically, when ambient light intensity is higher When, the display brightness of touch display screen 605 is turned up;When ambient light intensity is lower, the display for turning down touch display screen 605 is bright Degree.In another embodiment, the ambient light intensity that processor 601 can also be acquired according to optical sensor 615, dynamic adjust The acquisition parameters of CCD camera assembly 606.
Proximity sensor 616 is also referred to as range sensor, is generally arranged at the front panel of terminal 600.Proximity sensor 616 is used In the distance between the front of acquisition user and terminal 600.In one embodiment, when proximity sensor 616 detects user When the distance between front of terminal 600 gradually becomes smaller, touch display screen 605 is controlled by processor 601 and is cut from bright screen state It is changed to breath screen state;When proximity sensor 616 detects user and the distance between the front of terminal 600 becomes larger, by Processor 601 controls touch display screen 605 and is switched to bright screen state from breath screen state.
It will be understood by those skilled in the art that the restriction of structure shown in Fig. 6 not structure paired terminal 600, can wrap It includes than illustrating more or fewer components, perhaps combine certain components or is arranged using different components.
Fig. 7 is a kind of structural schematic diagram of the setting device of live page background provided in an embodiment of the present invention.Referring to figure 7, which can be server 700, and server 700 can be the server in background server cluster.Specifically:
Server 700 includes central processing unit (CPU) 701 including random access memory (RAM) 702 and read-only deposits The system storage 704 of reservoir (ROM) 703, and the system bus of connection system storage 704 and central processing unit 701 705.Server 700 further includes the basic input/output (I/O that information is transmitted between each device helped in computer System) 706, and for the mass-memory unit of storage program area 713, application program 714 and other program modules 715 707。
Basic input/output 706 includes display 708 for showing information and inputs information for user The input equipment 709 of such as mouse, keyboard etc.Wherein display 708 and input equipment 709 are all by being connected to system bus 705 i/o controller 710 is connected to central processing unit 701.Basic input/output 706 can also include defeated Enter/o controller 710 is for receiving and handling from the defeated of multiple other equipment such as keyboard, mouse or electronic touch pen Enter.Similarly, i/o controller 710 also provides output to display screen, printer or other kinds of output equipment.
Mass-memory unit 707 is connected by being connected to the bulk memory controller (not shown) of system bus 705 To central processing unit 701.Mass-memory unit 707 and its associated computer-readable medium are that server 700 provides Non-volatile memories.That is, mass-memory unit 707 may include the meter of such as hard disk or CD-ROM drive etc Calculation machine readable medium (not shown).
Without loss of generality, computer-readable medium may include computer storage media and communication media.Computer storage Medium includes any side for storing the information such as computer readable instructions, data structure, program module or other data Method or the volatile and non-volatile of technology realization, removable and irremovable medium.Computer storage medium include RAM, ROM, EPROM, EEPROM, flash memory or other solid-state storages its technologies, and including CD-ROM, DVD or other optical storages, magnetic Tape drum, tape, disk storage or other magnetic storage devices.Certainly, skilled person will appreciate that computer storage medium not It is confined to above-mentioned several.System storage 704 and mass-memory unit 707 may be collectively referred to as memory.
According to various embodiments of the present invention, server 700 can also pass through the network connections such as internet to network On remote computer operation.Namely server 700 can be by the Network Interface Unit 711 that is connected on system bus 705 It is connected to network 712, in other words, Network Interface Unit 711 can be used also to be connected to other kinds of network or long-range meter Calculation machine system (not shown).
Above-mentioned memory further includes one, and perhaps more than one program one or more than one program are stored in storage In device, it is configured to be executed by CPU.This or more than one program include the live streaming page for carrying out Fig. 3 embodiment offer The instruction of the setting method of face background.
Those of ordinary skill in the art will appreciate that realizing that all or part of the steps of above-described embodiment can pass through hardware It completes, relevant hardware can also be instructed to complete by program, the program can store in a kind of computer-readable In storage medium, storage medium mentioned above can be read-only memory, disk or CD etc..
The foregoing is merely presently preferred embodiments of the present invention, is not intended to limit the invention, it is all in spirit of the invention and Within principle, any modification, equivalent replacement, improvement and so on be should all be included in the protection scope of the present invention.

Claims (11)

1. a kind of setting method of page layout background, which is characterized in that the described method includes:
When playing in target pages has audio, the beat number and rhythm point of the audio are determined;
According to the beat number of the audio, the play time of the audio is divided, obtains at least one time division points Beat point as the audio;
When the audio is played at the beat point, the first animation is played in the background area of the target pages;
When the audio is played at the rhythm point, the second animation is played in the background area of the target pages.
2. the method as described in claim 1, which is characterized in that the target pages are live page, and the audio is described The audio played in the direct broadcasting room shown in live page, the background area of the live page are in the live page except aobvious It is shown with other regions except the region of the direct broadcasting room.
3. method according to claim 2, which is characterized in that the method also includes:
Obtain the background image of the live video played in the direct broadcasting room shown in the live page;
Similarity in the multiple images of storage between the background image of the live video is greater than to the figure of similarity threshold Background image as being set as the background area of the live page.
4. the method as described in claim 1, which is characterized in that the target pages are the music page in music application Face, the background area of the music page are in the music page except the cover image for showing the audio Other regions except region, the method also includes:
Obtain the cover image of the audio shown in the music page;
Institute is set by the image that the similarity in the multiple images of storage between the cover image is greater than similarity threshold State the background image of the background area of the music page.
5. the method as described in claim 1, which is characterized in that the method also includes:
Determine the music type of the audio;
Set image corresponding with the music type of the audio in the multiple images of storage to the background of the target pages The background image in region.
6. a kind of setting method of live page background, which is characterized in that the method is applied to live broadcast system, the live streaming system Main broadcaster end and multiple viewer end of the system including direct broadcasting room, which comprises
Background image is set for the background area of the live page where the direct broadcasting room, in the main broadcaster end and the multiple sight The background image is shown in the background area for the live page that at least one viewer end is shown in many ends;
The audio played in the direct broadcasting room is obtained, the audio is the audio that the main broadcaster end plays or acquires;
Obtain the beat number and rhythm point of the audio;According to the beat number of the audio, to the play time of the audio into Row divides, and obtains beat point of at least one time division points as the audio;
When the audio is played at the beat point, shown at the main broadcaster end and at least one described viewer end described in The first animation is played in the background area of live page;When the audio is played at the rhythm point, at the main broadcaster end The second animation is played in the background area of the live page shown at least one described viewer end.
7. method as claimed in claim 6, which is characterized in that the method also includes:
Receive the live streaming platform of the direct broadcasting room or the background display condition of main broadcaster end setting;
Judge whether each viewer end in the multiple viewer end meets the background display condition;
Meeting in the viewer end of the background display condition display in the multiple viewer end has the background image, described The live page of first animation and second animation;
Display in the viewer end of the background display condition is not met in the multiple viewer end to be had described in default background Live page.
8. the method for claim 7, which is characterized in that described to judge that each viewer end in the multiple viewer end is It is no meet the background display condition after, further includes:
The viewer end of the background display condition will not be met in the multiple viewer end as target audience end;
Condition, which is sent, to the target audience end reaches prompt information;
When determining the target audience end according to the condition and reach that meeting the background after prompt information is operated shows item When part, display has described in the background image, first animation and second animation in the target audience end Live page.
9. a kind of setting device of page layout background, which is characterized in that described device includes:
First determining module, for determining the beat number and rhythm point of the audio when playing in target pages has audio;
Division module divides the play time of the audio for the beat number according to the audio, obtains at least one Beat point of a time division points as the audio;
First playing module, for when the audio is played at the beat point, in the background area of the target pages The first animation of middle broadcasting;
Second playing module, for when the audio is played at the rhythm point, in the background area of the target pages The second animation of middle broadcasting.
10. a kind of setting device of live page background, which is characterized in that described device is applied to live broadcast system, the live streaming System includes the main broadcaster end of direct broadcasting room and multiple viewer ends, described device include:
First display module, for background image to be arranged for the background area of the live page where the direct broadcasting room, described In the background area for the live page that at least one viewer end is shown in main broadcaster end and the multiple viewer end described in display Background image;
First obtains module, and for obtaining the audio played in the direct broadcasting room, the audio is that the main broadcaster end plays or adopts The audio of collection;
Second obtains module, for obtaining the beat number and rhythm point of the audio;According to the beat number of the audio, to described The play time of audio is divided, and beat point of at least one time division points as the audio is obtained;
Playing module, for when the audio is played at the beat point, at the main broadcaster end and at least one described sight The first animation is played in the background area for the live page that many ends are shown;When the audio is played at the rhythm point When, it is dynamic that second is played in the background area for the live page that the main broadcaster end and at least one described viewer end are shown It draws.
11. a kind of computer readable storage medium, instruction is stored on the storage medium, which is characterized in that described instruction quilt The step of any one method described in claim 1-8 is realized when processor executes.
CN201910512001.7A 2019-06-13 2019-06-13 Page layout background, the setting method of live page background, device and storage medium Pending CN110244998A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910512001.7A CN110244998A (en) 2019-06-13 2019-06-13 Page layout background, the setting method of live page background, device and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910512001.7A CN110244998A (en) 2019-06-13 2019-06-13 Page layout background, the setting method of live page background, device and storage medium

Publications (1)

Publication Number Publication Date
CN110244998A true CN110244998A (en) 2019-09-17

Family

ID=67886917

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910512001.7A Pending CN110244998A (en) 2019-06-13 2019-06-13 Page layout background, the setting method of live page background, device and storage medium

Country Status (1)

Country Link
CN (1) CN110244998A (en)

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110624243A (en) * 2019-08-29 2019-12-31 北京金山安全软件有限公司 Method and device for playing music and electronic equipment
CN111611430A (en) * 2020-05-26 2020-09-01 广州酷狗计算机科技有限公司 Song playing method, device, terminal and storage medium
CN111813970A (en) * 2020-07-14 2020-10-23 广州酷狗计算机科技有限公司 Multimedia content display method, device, terminal and storage medium
CN112019556A (en) * 2020-09-02 2020-12-01 广州趣丸网络科技有限公司 Voice live broadcast visualization method, device, equipment and storage medium
CN112698757A (en) * 2020-12-25 2021-04-23 北京小米移动软件有限公司 Interface interaction method and device, terminal equipment and storage medium
CN113157369A (en) * 2021-04-07 2021-07-23 杭州网易云音乐科技有限公司 Music playing interaction method and device, storage medium and electronic equipment
CN113157157A (en) * 2021-04-12 2021-07-23 腾讯科技(深圳)有限公司 Interactive image management method, device, equipment and storage medium based on live broadcast
CN113613056A (en) * 2021-08-03 2021-11-05 广州繁星互娱信息科技有限公司 Animation special effect display method and device, electronic equipment and medium
CN113727164A (en) * 2020-05-26 2021-11-30 百度在线网络技术(北京)有限公司 Live broadcast room entrance display method and device, electronic equipment and storage medium
CN114302232A (en) * 2021-12-31 2022-04-08 广州酷狗计算机科技有限公司 Animation playing method and device, computer equipment and storage medium
CN114329001A (en) * 2021-12-23 2022-04-12 游艺星际(北京)科技有限公司 Dynamic picture display method and device, electronic equipment and storage medium
WO2022228415A1 (en) * 2021-04-27 2022-11-03 北京字节跳动网络技术有限公司 Rhythm interaction method and device
WO2022262560A1 (en) * 2021-06-17 2022-12-22 北京字跳网络技术有限公司 Image display method and apparatus, device, and storage medium
CN112866732B (en) * 2020-12-30 2023-04-25 广州方硅信息技术有限公司 Music broadcasting method and device, equipment and medium thereof

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040239762A1 (en) * 2003-05-21 2004-12-02 Porikli Fatih M. Adaptive background image updating
US20100300271A1 (en) * 2009-05-27 2010-12-02 Microsoft Corporation Detecting Beat Information Using a Diverse Set of Correlations
WO2012081969A1 (en) * 2010-12-13 2012-06-21 Mimos Berhad A system and method to detect intrusion event
US20130162867A1 (en) * 2011-12-21 2013-06-27 Canon Kabushiki Kaisha Method and system for robust scene modelling in an image sequence
CN107920256A (en) * 2017-11-30 2018-04-17 广州酷狗计算机科技有限公司 Live data playback method, device and storage medium
CN107967706A (en) * 2017-11-27 2018-04-27 腾讯音乐娱乐科技(深圳)有限公司 Processing method, device and the computer-readable recording medium of multi-medium data

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040239762A1 (en) * 2003-05-21 2004-12-02 Porikli Fatih M. Adaptive background image updating
US20100300271A1 (en) * 2009-05-27 2010-12-02 Microsoft Corporation Detecting Beat Information Using a Diverse Set of Correlations
WO2012081969A1 (en) * 2010-12-13 2012-06-21 Mimos Berhad A system and method to detect intrusion event
US20130162867A1 (en) * 2011-12-21 2013-06-27 Canon Kabushiki Kaisha Method and system for robust scene modelling in an image sequence
CN107967706A (en) * 2017-11-27 2018-04-27 腾讯音乐娱乐科技(深圳)有限公司 Processing method, device and the computer-readable recording medium of multi-medium data
CN107920256A (en) * 2017-11-30 2018-04-17 广州酷狗计算机科技有限公司 Live data playback method, device and storage medium

Cited By (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110624243A (en) * 2019-08-29 2019-12-31 北京金山安全软件有限公司 Method and device for playing music and electronic equipment
CN113727164A (en) * 2020-05-26 2021-11-30 百度在线网络技术(北京)有限公司 Live broadcast room entrance display method and device, electronic equipment and storage medium
CN111611430A (en) * 2020-05-26 2020-09-01 广州酷狗计算机科技有限公司 Song playing method, device, terminal and storage medium
CN113727164B (en) * 2020-05-26 2024-04-26 百度在线网络技术(北京)有限公司 Live broadcasting room entrance display method and device, electronic equipment and storage medium
CN111813970A (en) * 2020-07-14 2020-10-23 广州酷狗计算机科技有限公司 Multimedia content display method, device, terminal and storage medium
CN112019556B (en) * 2020-09-02 2022-12-13 广州趣丸网络科技有限公司 Voice live broadcast visualization method, device, equipment and storage medium
CN112019556A (en) * 2020-09-02 2020-12-01 广州趣丸网络科技有限公司 Voice live broadcast visualization method, device, equipment and storage medium
CN112698757A (en) * 2020-12-25 2021-04-23 北京小米移动软件有限公司 Interface interaction method and device, terminal equipment and storage medium
CN112866732B (en) * 2020-12-30 2023-04-25 广州方硅信息技术有限公司 Music broadcasting method and device, equipment and medium thereof
CN113157369A (en) * 2021-04-07 2021-07-23 杭州网易云音乐科技有限公司 Music playing interaction method and device, storage medium and electronic equipment
CN113157157A (en) * 2021-04-12 2021-07-23 腾讯科技(深圳)有限公司 Interactive image management method, device, equipment and storage medium based on live broadcast
CN113157157B (en) * 2021-04-12 2024-04-09 腾讯科技(深圳)有限公司 Live broadcast-based interactive image management method, device, equipment and storage medium
WO2022228415A1 (en) * 2021-04-27 2022-11-03 北京字节跳动网络技术有限公司 Rhythm interaction method and device
WO2022262560A1 (en) * 2021-06-17 2022-12-22 北京字跳网络技术有限公司 Image display method and apparatus, device, and storage medium
CN113613056A (en) * 2021-08-03 2021-11-05 广州繁星互娱信息科技有限公司 Animation special effect display method and device, electronic equipment and medium
CN114329001A (en) * 2021-12-23 2022-04-12 游艺星际(北京)科技有限公司 Dynamic picture display method and device, electronic equipment and storage medium
CN114302232A (en) * 2021-12-31 2022-04-08 广州酷狗计算机科技有限公司 Animation playing method and device, computer equipment and storage medium
CN114302232B (en) * 2021-12-31 2024-04-02 广州酷狗计算机科技有限公司 Animation playing method and device, computer equipment and storage medium

Similar Documents

Publication Publication Date Title
CN110244998A (en) Page layout background, the setting method of live page background, device and storage medium
CN107959860B (en) The method and apparatus of display live streaming list
CN109982102A (en) The interface display method and system and direct broadcast server of direct broadcasting room and main broadcaster end
CN110233976A (en) The method and device of Video Composition
CN110139142A (en) Virtual objects display methods, device, terminal and storage medium
CN108401124A (en) The method and apparatus of video record
CN108965922A (en) Video cover generation method, device and storage medium
CN109379643A (en) Image synthesizing method, device, terminal and storage medium
CN108922506A (en) Song audio generation method, device and computer readable storage medium
CN110427110A (en) A kind of live broadcasting method, device and direct broadcast server
CN109920065A (en) Methods of exhibiting, device, equipment and the storage medium of information
CN109618212A (en) Information display method, device, terminal and storage medium
CN110213638A (en) Cartoon display method, device, terminal and storage medium
CN109348247A (en) Determine the method, apparatus and storage medium of audio and video playing timestamp
CN109660855A (en) Paster display methods, device, terminal and storage medium
CN109285178A (en) Image partition method, device and storage medium
CN110033503A (en) Cartoon display method, device, computer equipment and storage medium
CN108174275A (en) Image presentation method, device and computer readable storage medium
CN108965757A (en) video recording method, device, terminal and storage medium
CN110149332A (en) Live broadcasting method, device, equipment and storage medium
CN109448761A (en) The method and apparatus for playing song
CN109346111A (en) Data processing method, device, terminal and storage medium
CN109275013A (en) Method, apparatus, equipment and the storage medium that virtual objects are shown
CN110139143A (en) Virtual objects display methods, device, computer equipment and storage medium
CN109635133A (en) Visualize audio frequency playing method, device, electronic equipment and storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20190917