CN114095751A - 直播相关页面的背景处理方法、电子设备及存储介质 - Google Patents

直播相关页面的背景处理方法、电子设备及存储介质 Download PDF

Info

Publication number
CN114095751A
CN114095751A CN202111165633.4A CN202111165633A CN114095751A CN 114095751 A CN114095751 A CN 114095751A CN 202111165633 A CN202111165633 A CN 202111165633A CN 114095751 A CN114095751 A CN 114095751A
Authority
CN
China
Prior art keywords
background
gift
live broadcast
image
broadcast room
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202111165633.4A
Other languages
English (en)
Inventor
曾家乐
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Cubesili Information Technology Co Ltd
Original Assignee
Guangzhou Cubesili Information 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 Cubesili Information Technology Co Ltd filed Critical Guangzhou Cubesili Information Technology Co Ltd
Priority to CN202111165633.4A priority Critical patent/CN114095751A/zh
Publication of CN114095751A publication Critical patent/CN114095751A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/23Processing of content or additional data; Elementary server operations; Server middleware
    • H04N21/234Processing of video elementary streams, e.g. splicing of video streams, manipulating MPEG-4 scene graphs
    • H04N21/23418Processing of video elementary streams, e.g. splicing of video streams, manipulating MPEG-4 scene graphs involving operations for analysing video streams, e.g. detecting features or characteristics
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/21Server components or server architectures
    • H04N21/218Source of audio or video content, e.g. local disk arrays
    • H04N21/2187Live feed
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/44Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream, rendering scenes according to MPEG-4 scene graphs
    • H04N21/44008Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream, rendering scenes according to MPEG-4 scene graphs involving operations for analysing video streams, e.g. detecting features or characteristics in the video stream
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/478Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4788Supplemental services, e.g. displaying phone caller identification, shopping application communicating with other users, e.g. chatting

Abstract

本申请公开了直播相关页面的背景处理方法、电子设备及存储介质。该方法包括获取直播间页面中直播画面的颜色信息;以颜色信息为基础生成背景图像;将背景图像设置为直播间页面的位于直播画面外的背景。通过上述方式,本申请能够提高直播间的交互效果。

Description

直播相关页面的背景处理方法、电子设备及存储介质
技术领域
本申请涉及直播技术领域,特别是涉及直播相关页面的背景处理方法。
背景技术
随着智能设备的普及以及通信技术的发展,社会进入了智能互联的时代。网络通信速度越来越快,人们能够方便地使用智能设备畅游网络。直播技术的出现,丰富了智能设备的使用场景,人们可以随时随地观看直播或者进行直播,进而也丰富了人们的生活。
目前的直播技术中,一般将直播间直播画面之外的部分往往是纯黑或者纯白填充,或者不做任何处理。
发明内容
本申请主要解决的技术问题是提供直播相关页面的背景处理方法、电子设备及存储介质,能够调整提升直播间的交互效果和视觉效果。
为解决上述技术问题,本申请采用的一个技术方案是:提供一种直播相关页面的背景处理方法,该方法包括:获取直播间页面中直播画面的颜色信息;以颜色信息为基础生成背景图像;将背景图像设置为直播间页面的位于直播画面外的背景。
为解决上述技术问题,本申请采用的另一个技术方案是:提供一种电子设备,该电子设备包括处理器、存储器和通信电路,通信电路和存储器分别耦接处理器,存储器存储有计算机程序,计算机程序能够被执行以实现如上所述的背景处理方法。
为了解决上述技术问题,本申请采用的又一个技术方案是:提供一种计算机可读的存储介质,存储有计算机程序,计算机程序能够被处理器执行,以实现如上所述的背景处理方法。
本申请的有益效果是:区别于现有技术的情况,通过获取直播画面的颜色信息,并以颜色信息为基础生成背景图像,使得生成的背景图像与直播画面的色调、风格趋向一致,使得整个直播页面的整体视觉效果协调和统一,进而能够减少简单填充黑边或者纯色给用户带来的视觉疲劳问题,减少用户的视觉不适,能够提升直播间页面的灵动性,使得视觉效果更加丰富。而且,随着直播画面的改变,颜色信息随之改变,而生成的背景图像也会随着改变,提升直播间页面的背景在直播过程中的动感,使得整个直播间更加灵动,增加对用户的刺激,提升用户的观看兴趣。另外,不同的直播间可以形成不同的背景图像,能够提高直播间的辨识度,丰富整个直播系统的视觉效果。
附图说明
图1是本申请实施例应用的直播系统的系统组成示意框图;
图2是本申请直播相关页面的背景处理方法实施例的频道列表示意图;
图3是本申请直播相关页面的背景处理方法实施例的频道页面示意图;
图4是本申请直播相关页面的背景处理方法实施例的一直播间页面示意图;
图5是本申请直播相关页面的背景处理方法实施例的流程示意图;
图6是本申请直播相关页面的背景处理方法实施例的全局颜色直方图的示意图;
图7是本申请直播相关页面的背景处理方法实施例的另一直播间页面示意图;
图8是本申请直播相关页面的背景处理方法实施例的又一直播间页面示意图;
图9是本申请电子设备实施例的电路结构示意框图;
图10是本申请计算机可读的存储介质实施例的电路示意框图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本申请的一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请的发明人经过长期研究发现,目前的直播技术中往往关注更多的是直播画面本身,而忽略其他的部分。换句话说,基于现有的直播技术的认知,一般不会注意到直播间中直播画面之外的部分,认为其他部分对用户而言没有吸引力,进而直播画面之外的部分往往是纯黑或者纯白的背景,进而显得比较单调,而且与直播画面的风格差异较大,容易造成用户视觉不适,降低用户的观看兴致,进而会缩短用户观看直播的时长。为了改善上述技术问题,本申请提出以下实施例。
本申请以下实施例可以应用于直播等场景中。如图1所示,直播系统1可以包括服务器10、观众端20和主播端30。服务器10、观众端20和主播端30可以为电子设备,具体观众端20和主播端30为客户端,可以是移动终端、计算机、服务器或者其他终端等,移动终端可以是手机、笔记本电脑、平板电脑、智能穿戴设备等,计算机可以是台式电脑等。服务器10可以从主播端30中进行对直播数据流拉流,并将获取的直播数据流推流到观众端20。观众端20获取到直播数据流后即可观看主播或者嘉宾的直播过程。直播数据流的混流可以发生在服务器10、主播端30和观众端20中的至少一方。主播端30和主播端30之间、主播端30和观众端20之间均可以进行视频连麦或者语音连麦。在视频连麦中,连麦方可以将包括视频流在内的直播数据流推送到服务器10,进而将相应的直播数据推送至相应的连麦方以及观众端20。主播端30和观众端20能够在直播间中显示到相应的直播画面。
以下对直播过程可能涉及的相关页面进行简要描述,但并构成对技术方案的限制,属于示例性描述。
如图2所示,客户端的直播程序可以具有多个频道40,频道40也可以称为分类,例如包括音乐、热门、脱口秀、舞蹈、户外、颜值、热门游戏、体育、二次元以及交友等。如图3所示,每个频道40可以具有频道页面400。每个频道页面400的背景区域410内间隔排列有多个标识图案420。标识图案420可以与直播间50一一对应。用户可以通过选中标识图案420进入到相应的直播间50。标识图案420例如为主播的头像、照片或者直播画面截图等。如图4所示,用户进入到相应的直播间50后,客户端呈现直播间页面500,直播间页面500上显示背景区域510以及直播画面520,背景区域510一般位于直播画面520外周。直播间页面500可以具有礼物栏530打开按钮,可以通过礼物栏530打开按钮打开礼物栏530,礼物栏530内可以排列多种虚拟礼物540的图案。用户可以点击虚拟礼物540的图案实现赠送虚拟礼物540。礼物栏530还显示有赠送按钮531,用户可以通过赠送按钮531实现虚拟礼物540赠送,例如普通赠送以及礼物连送。
以下实施例涉及的步骤可以在服务器10中执行,也可以在主播端30和/或观众端20中执行。当然,也可以部分步骤在服务器10中执行,另一部分步骤可以在主播端30和/或观众端20执行。
结合图2至图4,进一步参阅图5,本申请直播相关页面的背景处理方法实施例,包括:
S100:获取直播间页面中直播画面的颜色信息。
如图直播相关页面可以指直播应用程序上与直播相关的页面,比如3所示的频道页面400和如图4所示的直播间页面500。如图3所示,频道页面400可以呈现该频道40内的各主播列表,例如间隔排列各主播的头像等。通过对频道页面400上主播列表选择某个主播,能够进入到该主播的直播间页面500。不同的频道页面400之间可以切换。频道40例如可以包括热门、音乐、脱口秀、舞蹈、户外、颜值、游戏、体育以及二次元等。直播间页面500可以是呈现直播画面520和相关内容的页面。例如图4示出的直播间50中,直播间页面500可以呈现直播画面520、互动内容以及相关的模块等。
颜色信息可以是指与颜色有关的信息或数据,例如可以包括色值、饱和度、对比度、亮度等中的一者或多者。获取直播画面520的颜色信息,进而可以得到直播画面520大致色调以及风格,进而使得后续生成的以获取的颜色信息为基础的背景图像511能够呈现与直播画面520类似的色调和风格,使得直播间页面500能够呈现较为统一的视觉效果。
对于视频直播而言,获取直播间页面500的直播画面520的颜色信息,可以是获取其中的视频帧的颜色信息,具体可以参见步骤S100包括的如下步骤:
S110:采集直播画面对应视频流的视频帧。
如图4所示,直播画面520主要是基于视频流所形成数据流而呈现的。通过采集视频流的视频帧,获取该视频帧的画面,便于从该视频帧的画面中获取相应的颜色信息。
采集视频流的视频帧可以有多种触发方式,以下示例性地给出其中几种,具体可以参见步骤S110包括的如下步骤:
S111:每隔预设时间采集一次视频流的视频帧。
此步骤给出了其中一种触发方式,即通过设置预设时间作为时间间隔,每隔预设时间采集一次视频流的视频帧。每采集一次视频帧,就执行一次如下步骤S120,即获取所采集的视频帧的颜色信息。如此,随着视频流的推进,可以间隔获取多个视频帧。因为视频流在推进或者播放的过程中,画面可能是随之变化的,进而颜色信息也可能随着变化的。因此,下述步骤S200所生成的背景图像511也可以随着变化,使得直播间页面500的背景能够呈现动态效果,且能够持续与直播画面520保持较为统一的风格。
除了S111给出的触发方式外,还可以通过直播间50的人气数据实现触发,具体如下:
S112:获取直播间页面对应的人气数据。
也即,获取直播间页面500所属直播间50的人气数据。人气数据例如可以包括观看人数、观看人数增长比例、虚拟礼物540赠送数据以及价值等中的一者或者多者。
S113:在人气数据大于或者等于预设阈值时,采集视频流的视频帧。
以观看人数为例,预设阈值例如为多档,比如500人、1300人、1500人、2000人均设置为预设阈值。当观看人数达到500人、1300人、1500人、2000人时各采集一次视频帧。若人气数据小于预设阈值,则不采集视频帧。
以观看人数增长比例为例,预设阈值的取值范围例如为5-20%、10-50%等。例如,预设阈值范围为10%,当观看人数增长比例达到或超过10%,则采集一次视频帧,或者观看人数增长比例在连续的时间段,比如一分钟,达到或超过10%,就采集一次视频帧。
通过多次采集视频流的视频帧,进而能够捕捉到视频流在不同时间的变化,进而使得后续生成背景图像511能够匹配该种变化。
S120:获取所采集的视频帧的颜色信息。
在采集到视频帧后,对该视频帧的图像数据进行分析,进而获取到该视频帧的颜色信息,进而作为直播画面520当前采集的颜色信息。获取每次采集到的视频帧的颜色信息。例如,通过对视频帧进行图像分析,进而获得颜色信息。
可选地,可以通过颜色直方图获取颜色信息。颜色直方图可以是现有的各种类型的颜色直方图。通过颜色直方图反映视频帧的颜色组成等信息,进而可以获取到相应颜色信息。以下以全局颜色直方图为例进行描述,具体可以参见步骤S120包括的如下步骤:
S121:获取所采集的视频帧的全局颜色直方图。
如图6所示,全局颜色直方图反映图像中颜色的组成分布,即出现了哪些颜色以及各种颜色各自的参数。颜色的参数就是颜色出现的概率。颜色可以用色值表示,全局颜色直方图可以知道图像中出现了哪些色值以及各种色值出现的概率。换言之,全局颜色直方图可以称为色值直方图。
S122:在全局颜色直方图中获取其中至少一种颜色及其参数,以作为颜色信息。
通过对视频帧进行图像分析得出全局颜色直方图后,可以在该直方图中选择至少一种颜色以及出现的概率。具体可以选择一种,也可以选择多种。例如可以选择三种,比如可以选择出现概率排在最前的三种颜色。
一般而言,颜色出现概率越高,说明该颜色在图像中占据较多的视觉效果,因此选择出现概率高的颜色能够体现出视频帧的大致的色调和风格。具体可以参见如下步骤:
S1221:在全局颜色直方图中按照出现概率的高低顺序获取出现概率最高的一种颜色及其参数,或者获取出现概率位于前列的至少两种颜色及其参数。
在全局颜色直方图中确定关键颜色,也即出现概率最高的一种颜色,或者出现概率位于前列的至少两种颜色。出现概率位于前列是指出现概率位于最前,比如出现概率前三的三种颜色。
通过出现概率的高低获取颜色,能够有效地确定视频帧的主要色调,进而使得后续得出的背景图像511(如图7所示)与视频帧的色调大体相似,且能够随着视频帧的变化而变化,进而使得整个直播间页面500的风格能够保持统一。
S200:以颜色信息为基础生成背景图像。
如图7所示,生成以颜色信息为基础的背景图像511,使得背景图像511能够呈现与直播画面520的色调相似,使得整体视觉效果相近。而且背景图像511可以随着颜色信息的变化而变化。不同的视频帧的颜色信息可能不同,使得生成的背景图像511的色调也不同,使得背景图像511能够随着视频流的推进而变化,呈现动态变化,而不单调。在图7的示例中,背景图像511例如为具有“斜线”特征且带有冷蓝色调(由于黑白图像无法示出)的图像,与直播画面520的冷且暗的色调风格相近。
具体地,可以通过对颜色信息进行相应的处理。比如,选择了多种关键颜色后,可以对关键颜色进行调和形成相应的图像。在具体实现中,可以通过相应的图像生成模型生成背景图像511,通过将颜色信息输入到该图像生成模型后,自动生成以颜色信息为基础的背景图像511。图像生成模型例如为Geopattern、Cool Backgrounds、SVG、Hero Patterns。
以颜色信息为基础生成的背景图像511,可以在颜色信息为基础的前提下,可以在背景图像511中呈现相应的效果,比如渐变、纹路、图案等。具体可以根据需要设计相应的图像生成模型,使得输出的背景图像511能够呈现相应的视觉效果,当然最终呈现的效果也可以是随机生成的。
为了使得生成背景图像511的过程更为快速,以及更加能够契合直播间50的风格,可以先确定基础背景,进而在基础背景的基础上生成背景图像511。基础背景的选取需要与直播间50相匹配,进而能够更契合直播间50的风格。具体可以参见S200包括的如下步骤:
S210:获取与直播间页面所属直播间相匹配的基础图像;
基础图像也即上述提及的基础背景。基础图像与直播间50相匹配,例如是根据直播间50的风格类型注入一个基础背景。在前面已经提到,不同频道的直播间50的直播风格是不同的,比如户外和舞蹈的风格就不同。
具体地,基础图像与直播间50相匹配,可以通过判断直播间50的类型来实现,可以参见步骤S210包括的如下步骤:
S211:获取直播间所属的类型。
直播间50所属的类型跟其直播的内容相关。如图2所示,直播间50的类型可以为户外、舞蹈、音乐、生活、运动等,每个类型可以成为一个频道。可以在后台为不同类型的直播间50配置相应的基础图像。比如户外类型的直播间50对应的基础图像以浅绿色为基调,生活类型的直播间50对应的基础图像以浅蓝色为基调。舞蹈类型的直播间50对应的基础图像以浅橙色为基调。
当然,不同类型的直播间50对应的基础图像可以人为预先配置,也可以通过大数据、AI等方式生成。例如,可以对同一类型的直播间50的直播画面520或者背景图像511进行大数据分析,进而获取该类型直播间50常用颜色,进而以常用颜色为基础生成基础图像。
S212:获取与直播间所属的类型相对应的基础图像。
在获知直播间50所属类型后,按照类型去匹配出相应的基础图像。同一类型的直播间50的基础图像相同或者大体相同,比如基础颜色相同,图案、纹路等可以存在差异。
由于基础图像是与直播间50的类型相匹配的,所以后续在基础图像上的调整能够更快速契合直播间50以及直播画面520的风格,提升处理速度,使得整体视觉效果更统一。
S220:利用颜色信息对基础图像进行图像处理,进而生成背景图像。
确定了基础图像,也就确定基础图像的颜色。利用颜色信息对基础图像的颜色进行调和,并对整个基础图像进行进一步的处理,生成背景图像511。因此,背景图像511综合了直播画面520的颜色信息和直播间50的类型对应的基础图像的颜色信息,能够使得同一类型的直播间50各自最终呈现的背景图像511既有统一的基础,又有各自的差异化,使得直播间50风格更加丰富。
利用颜色信息对基础图像进行图像处理,可以以颜色信息作为基础,综合其他的处理方式。以下进行示例性说明,参见步骤S220包括的如下步骤:
S221:利用颜色信息对基础图像的颜色进行调和,并进行反色、模糊、渐变、已调色值调和、滤镜颜色混合以及GAN风格化中的至少一者。
利用颜色信息对基础图像的颜色进行调和,可以认为是色彩调和。比如,将颜色信息对应的颜色及其参数与基础图像的颜色进行色彩调和,对于颜色信息中的颜色以及基础图像中的颜色进行组合,并对色相、明度、纯度等进行调节,构造和谐且统一的视觉效果。另外,在上述基础上,还可以进行反色、模糊、渐变、已调色值调和、滤镜颜色混合以及GAN风格化中的至少一者。
已调色值调和是指已调好的色值进一步与前述调和后的颜色组合进行调和,已调好的色值可以是设计师采样调配好的。滤镜可以是指图像处理领域中现有的各种滤镜。在具体的混合操作中,可以根据想要实现的风格匹配相应的滤镜,并利用滤镜进行颜色混合,进而使得前述调和的成果加上相应的滤镜效果,实现更丰富多彩的视觉效果,更能够让观众感觉舒适。GAN风格化是指利用生成对抗网络GAN生成相应风格的图像。生成对抗网络可以是现有的各种生成对抗网络。
在前述步骤生成背景图像511后,将背景图像511作为直播间页面500的背景。具体可以参见如下步骤:
S300:将背景图像设置为直播间页面的位于直播画面外的背景。
以移动终端为例,如图7所示,客户端的直播间页面500例如显示有直播画面520以及位于直播画面520外周的背景区域510。背景区域510内的图像,就是直播间页面500的背景。如图7所示,背景图像例如为具有“斜线”特征且带有冷蓝色调(由于黑白图像无法示出)的图像,与直播画面520的冷且暗的色调风格相近,作为直播间页面500的背景。
在现有的直播技术中,背景区域510往往是不做处理,或者是以黑色进行固定填充,尤其在直播画面520非全屏播放时,这种情况更为明显。还有直播画面520的区域比例与显示屏的比例不匹配的情况下,背景区域510往往也是进行黑边填充。直播画面520即便在全屏播放,周围也往往是以黑边填充。
通过获取直播画面520的颜色信息,并以颜色信息为基础生成背景图像511,使得生成的背景图像511与直播画面520的色调、风格趋向一致,使得整个直播页面的整体视觉效果协调和统一,进而能够减少简单填充黑边或者纯色给用户带来的视觉疲劳问题,减少用户的视觉不适,能够提升直播间页面500的灵动性,使得视觉效果更加丰富。而且,随着直播画面520的改变,颜色信息随之改变,而生成的背景图像511也会随着改变,提升直播间页面500的背景在直播过程中的动感,使得整个直播间50更加灵动,增加对用户的刺激,提升用户的观看兴趣。另外,不同的直播间50能够形成自身不同的背景图像511,能够提高直播间50的辨识度,丰富整个直播系统的视觉效果。
直播画面520在全屏状态和非全屏状态下播放,其周围的背景图像511可以呈现不同的形态。在全屏状态下,直播间页面500的背景区域510相较于非全屏状态下会缩小甚至消失,现有技术往往也是简单填充黑边或者不做任何处理,为了进一步解决这一难点,本实施例进一步包括如下步骤:
S410:对背景图像进行裁剪处理,生成适应于全屏状态下的直播画面的第一背景框。
如图8所示,为了适应全屏状态下的直播画面520,对背景图像进行裁剪处理生成第一背景框512。也即,第一背景框512是背景图像511的一部分,可以是对背景图像511进行随机裁剪,只要所得出的第一背景框512的尺寸能够是适应全屏状态下的直播画面520即可。
第一背景框512适应于全屏状态下的直播画面520,是指在全屏状态下的直播页面中直播画面520外周剩余的背景区域510。
在现有处理手段中,在全屏状态下播放时,背景区域510是消失的,也即直播画面520占据整个显示画面。此种背景区域510消失的情况,其实也会显得比较单调,而且这种全屏状态让人产生视觉溢出,心理上会存在画面没有显示完全之感,加上目前流行曲面屏,则使得此种显示方式更加影响视觉,并不会带来更好的视觉效果。为此,本实施例在全屏显示状态下依然在直播画面520外周设置背景,也即第一背景框512适应于全屏状态下的直播画面520。换言之,也即在全屏状态下,依然在直播画面520外周预留相应的背景区域510,用于显示第一背景框512。第一背景框512的边框宽度可以根据需求进行设计和调整。
S420:在直播画面从非全屏状态切换至全屏状态时,将直播间页面的背景从背景图像切换至第一背景框。
在生成第一背景框512后,在全屏状态下,直播间页面500背景从背景图像511切换至第一背景框512。当然,将直播间页面500的背景从背景图像511切换至第一背景框512,也可以认为是将背景图像511的边框进行裁剪缩小。因此,从非全屏状态切换至全屏状态时,实际上直播间页面500的背景一直都是背景图像511,变化的是背景图像511的形态。在非全屏状态下,背景图像511例如是完全形态,在全屏状态下,背景图像511是裁剪形态。第一背景框512显示于全屏状态下的直播画面520的外周。
通过对背景图像511进行裁剪得出第一背景框512,使得直播间页面500的背景在非全屏状态和全屏状态之间进行切换时,能够有效地适应切换后状态后的直播画面520,而且过渡自然,使得视觉效果协调。
在直播的过程中,背景图像511在显示的过程中可以不仅是单纯的展示,还可以进一步提升其在直播过程中的交互功能。例如,背景图像511可以随着直播间50的人气的变化而变化。具体可以参照本实施例包括的如下步骤:
S510:获取直播间页面所属直播间的人气值。
直播间50的人气值例如可以包括直播间50当前的观看人数、互动弹幕数量、虚拟礼物540赠送数量以及虚拟礼物540赠送总价值中的至少一者,或者人气值可以通过上述各因素中的一者或多者综合计算得出。
以人气值包括直播间50的观看人数以及虚拟礼物540的赠送数据为例,步骤S510可以包括如下步骤:
S511:获取直播间当前的虚拟礼物赠送数据以及观看人数。
虚拟礼物540赠送数据例如包括虚拟礼物540赠送数量以及虚拟礼物540赠送总价值中的至少一者,或者虚拟礼物540赠送数据可以是虚拟礼物540赠送数量以及虚拟礼物540赠送总价值综合计算得出的。
S520:获取用于对背景图像进行调整的且与人气值相匹配的调整参数。
获取人气值是为了对背景图像511进行调整,由于人气值是动态变化的,背景图像511也可以产生动态变化。利用人气值获取匹配的调整参数,调整参数用于对背景图像511进行相应的调整。例如可以获取与人气值相匹配的亮度、对比度、饱和度作为调整参数,对背景图像511的相关参数进行调整,又例如可以获取与人气值相匹配的颜色参数对背景图像511的颜色进行调整。
如此利用人气值获取调整参数,对背景图像511进行相应的调整,使得背景图像511能够随着颜色信息变化的基础上,进一步能够随着人气值的变化而变化,进而背景图像511进一步具有更好的灵动性,提升背景图像511的交互功能,能够更好地呈现直播的视觉效果,吸引用户的注意力,提升用户的观看兴趣。
在步骤S511获取了直播间50当前的虚拟礼物540赠送数据以及观看人数作为人气值后,具体的调整过程可以参见步骤S520包括如下步骤:
S521:计算虚拟礼物赠送数据与预设礼物极限值的比值,以获得对比度。
虚拟礼物540赠送数据与预设礼物极限值的比值,取值范围为0-1。将该比值作为对比度,或者折算成对比度。预设礼物极限值可以预先设置,预设礼物极限值例如包括预设礼物极限数量。虚拟礼物540赠送数据例如包括虚拟礼物540赠送数量。假设预设礼物极限数量为1000个,直播间50当前虚拟礼物540赠送数量为500个,那么两者之间的比值为0.5。
S522:计算观看人数与预设人数极限值的比值,以获得亮度值。
同理,观看人数与预设人数极限值的比值,取值范围为0-1,将该比值作为亮度值,或者折算成亮度值。预设人数极限值可以预先设置。假设预设人数极限为100万人,直播间50当前观看数量为50万人,那么两者之间的比值为0.5。
将对比度值和亮度值作为调整参数,对背景图像511进行调整。具体地,可以利用获得的对比度和亮度值直接作为背景图像511的对比度值和亮度值;或者,在背景图像511的基础上,利用获得的对比度值和亮度值分别对背景图像511的对比度和亮度进行相应的加、减等运算,实现对背景图像511的调整。
通过利用观看人数和虚拟礼物540赠送数据计算相应的对比度和亮度,能够简单有效地实现对背景图像511的调整,进而使得背景图像511能够随着观看人数以及虚拟礼物540赠送数据的变化进行闪烁,使得直播间页面500的背景更加灵动,拥有动态效果。
在具体实现中,例如服务器10计算好相应的对比度和亮度值作为调整参数,并将该调整参数发送到观众端20和主播端30等客户端,由客户端利用该参数对背景图像511进行调整。当然,对背景图像511进行调整的步骤也可以在服务器10中执行。
直播往往会涉及到虚拟礼物540的赠送,虚拟礼物540的赠送是直播的一大特色,而且会极大地影响直播氛围以及观众的观看情绪。因此,为了进一步调动观众的情绪,增强直播间50的互动功能。本实施例可以实现在赠送虚拟礼物540的时候,对背景图像511进行相应的处理。如下述步骤的示例性描述。
S600:响应于第一送礼指令,生成用于对背景图像进行与第一送礼指令相匹配的特效处理的第一特效参数。
用户在赠送礼物时,服务器10或者客户端会响应于相应送礼指令,例如第一送礼指令,进而进行相应的运算和处理,以生成相应的第一特效参数,用于对背景图像511进行相应的特效处理。该第一特效数据能够使得背景图像511产生相应特效视觉效果。如此利用背景图像511对送礼过程产生相应的反应,呈现出相应的视觉效果,能够激起用户的情绪,推高整个直播间50的氛围,进而提升用户继续赠送虚拟礼物540的兴趣,如此便能够增强直播间50的互动功能。
具体地,第一送礼指令例如是礼物连送指令。例如直播间页面500上可以显示有礼物连送按钮,用户可以通过点击礼物连送按钮,就可以触发礼物连送。礼物连送是指触发礼物连送按钮后,多个礼物连续发送,比如1314个、520个礼物连送。
对于如何对背景图像511进行相匹配的特效处理,可以具体参见步骤S600包括如下步骤:
S610:响应于礼物连送指令,生成用于对背景图像的亮度进行相应的调整的亮度特效参数,以用于使得背景图像呈现闪烁效果。
在接收到礼物连送指令后,响应于礼物连送指令,生成用于使得背景图像511的亮度进行持续调整的亮度特效参数。亮度特效参数用于使得背景图像511能够呈现闪烁效果。可选地,礼物连送指令会触发礼物持续赠送,礼物持续赠送的时长可以作为背景图像511亮度持续变化的时长。当然,背景图像511亮度持续变化的时长也可以是自定义的时长,根据需求进行调整和设计。
对背景图像511的亮度进行调整,例如反复增加亮度和减少亮度,进而使得背景图像511呈现闪烁效果。至于增加亮度和减少亮度的幅值可以根据实际需求进行设置,在此不作限制。而且,第一背景框512同样也可以进行亮度调整而产生闪烁的效果。例如背景图像511的亮度调整,那么裁剪背景图像511得到的第一背景框512的亮度也随之变化,故而在全屏状态下的第一背景框512同样可以产生闪烁的效果。
可选地,延迟触发背景图像511的亮度调整。可选地,响应礼物连送指令后的延迟一段时间再进行背景图像511的亮度调整,例如延迟200ms再触发背景图像511的亮度调整。
通过在礼物连送时相应对背景图像511的亮度进行调整,生成亮度特效参数,能够适应礼物连送的特征,能够给予用户礼物连送进行回应,进而能够进一步激起用户的观看情绪和礼物赠送兴趣,同时也减少由于背景呆板而导致的用户视觉疲劳的问题。
S620:响应于礼物连送指令,生成用于将背景图像内的条纹在背景图像的内外边缘之间来回移动的扩展特效参数,以用于使得背景图像呈现类似放大和缩小的效果。
背景图像511显示在直播画面520的外周,一般具有内边缘和外边缘,也即上述提及的内外边框。背景图像511内的条纹例如包括颜色之间的边界、各种图案的边界、图层之间的边界等。将条纹/边缘往外边缘移动的过程中,背景图像511能够呈现出类似放大的效果,在往内边缘移动的过程中,产生轮廓扩展的效果,进而使得背景图像511能够呈现出类似缩小的效果。可选地,礼物持续赠送的时长可以作为背景图像511呈现类似放大或缩小效果的时长。当然,具体的时长也可以自定义或者预设配置,根据需求进行调整和设计。
步骤S610和步骤S620择一执行,或者是同时执行。
背景图像511内的条纹可以通过检测得出,也可以通过配置图层得出,当然还可以是其他方式得出。以下示例性地举出其中两种方式。
S621:对背景图像进行边缘检测,计算将检测到的条纹在内外边缘之间来回移动的距离,以获得亮度特效参数。
具体地,可以利用OpenCV边缘检测算法对背景图像511进行边缘检测,进而得到背景图像511内存在的条纹/边缘。通过边缘检测的方式,能够精确地检测到边缘,结果精细,最终呈现的类似放大和缩小的视觉效果显著,能够有效地吸引眼球,激起用户的观看兴趣。
当然,以下步骤提供另外一种方式,就是叠加图层的方式,利用图层之间的边界显示出条纹。具体如下:
S622:在背景图像上覆盖半透明图像。
配置一半透明图像覆盖在背景图像511上。利用背景图像511和半透明图像之间的透明度差,在半透明图像的覆盖未全面覆盖背景图像时,则半透明图像的外边缘或者内边缘会在背景图像511的衬托下显现,也即作为背景图像511内的条纹。
S623:计算对半透明图像进行持续的放大和缩小的幅度,使得半透明图像的外边缘能够在内外边缘之间来回移动,以获得扩展特效参数。
例如,半透明图像的内边缘与背景图像511的内边缘重叠,而外边缘在背景图像511的内外边缘之间来回移动。具体地,对半透明图像进行持续的放大和缩小,使得其外边缘在背景图像511的内外边缘之间来回移动,进而会使得背景图像511的轮廓产生连续的外扩内缩,呈现背景图像511的类似放大和缩小的效果。对半透明图像进行持续的放大和缩小的幅度,也可以认为是对半透明图像进行持续的放大和缩小的比例。
除了响应于上述第一送礼指令对背景图像511进行相应的特效处理之外,基于背景图像511还可以提供其他交互方式。例如,本实施例包括的如下步骤:
S710:响应于第二送礼指令,获取直播间页面当前的虚拟礼物540赠送数据。
第二送礼指令可以包括普通的送礼指令,也可以进一步包括礼物连送指令。用户可以赠送系统内设置的各种各样的虚拟礼物540,比如鲜花、棒棒糖、情书等。在用户点击送礼按钮触发礼物赠送时,可以获取直播间50本场直播当前接收到的各种虚拟礼物540,并分别统计各虚拟礼物540的赠送数据。赠送数据可以包括虚拟礼物540赠送数量和总价值中的至少一者。当然,赠送数据可以是赠送数量和赠送总价值综合计算得出的,比如分配相应的权重进行计算。
获取当前的各虚拟礼物540赠送数据,可以是指响应于第二送礼指令的时刻,获取该时刻所接收到的虚拟礼物540的赠送数据;也可以是指响应于第二送礼指令的时刻前一预设时间段,获取前预设时间段内(可以包括响应第二送礼指令的时刻在内)的各礼物赠送数据,预设时间段例如为2-5分钟。
比如,在18:00接收到第二送礼指令,此刻接收到鲜花1000朵、棒棒糖500个、情书2000封。或者,在18:00接收到第二送礼指令,此刻开始的前3分钟接收到鲜花5000朵、棒棒糖600个、情书5000封,轮船50艘。
S720:基于赠送数据位于前列的至少一种虚拟礼物各自对应的送礼颜色信息,生成送礼图像。
位于前列的至少一种虚拟礼物540是指按照赠送数据大小顺序位于前几的虚拟礼物540,包括赠送数据最大的虚拟礼物540,或者位于前几位的虚拟礼物540,例如位于前三的三种虚拟礼物540。
每种虚拟礼物540对应有各自的送礼颜色信息。关于送礼颜色信息的描述可以参照直播画面520的颜色信息。以赠送数据位于前列的至少一种虚拟礼物540各自对应的送礼颜色信息为基础生成送礼图像,进而使得送礼图像能够与相应的礼物相匹配。
在一些实施方式中,可以直接利用送礼颜色新生成送礼图像。在另一些实施方式中,可以利用送礼颜色信息对背景图像511进行调整,进而生成送礼图像。
在获取虚拟礼物540的赠送数据后,确定赠送数据位于前列的至少一种虚拟礼物540各自对应的送礼颜色信息。利用送礼颜色信息对背景图像511进行调整,具体参见如下步骤:
S721:利用赠送数据位于前列的至少一种虚拟礼物各自对应的送礼颜色信息,对背景图像进行调整,以生成送礼图像。
例如,利用送礼颜色信息对背景图像511的颜色进行调和,并对整个背景图像511进行进一步的处理,生成送礼图像。如此,送礼图像能够综合虚拟礼物540的图案的颜色信息和与直播画面520相匹配的背景图像511的颜色信息,既能够体现礼物赠送所带来的动态变化,又能够与直播画面520呈现协调的效果,使得直播间50既灵动又协调,极大地提升了交互效果。
例如,利用其中数量最多或者总价值最大的虚拟礼物540对应的送礼颜色信息,或者数量或总价值位于前列的多种虚拟礼物540各自对应的送礼颜色信息,对背景图像511进行调整,以生成送礼图像。
具体地,利用送礼颜色信息对背景图像511的颜色进行调和,并进行反色、模糊、渐变、已调色值调和、滤镜颜色混合以及GAN风格化中的至少一者。关于上述处理的内容可以参见步骤S221,在此不再赘述。
在步骤S720生成送礼图像之前,可以先配置送礼颜色信息。例如可以预设或者自定义与虚拟礼物540对应的送礼颜色信息。比如,鲜花的送礼颜色配置为红色或者粉色,棒棒糖的送礼颜色配置为褐色或白色等。当虚拟礼物540的送礼颜色也可以来自于虚拟礼物540的图案中,具体可以参见如下步骤:
S722:获取各虚拟礼物的图像对应的全局颜色直方图。
获取直播系统中所有(或者至少部分)虚拟礼物540的图像对应的全局颜色直方图,进而获得虚拟礼物540的图像对应各色值分布。虚拟礼物540的图像是指呈现在直播间页面500的虚拟礼物540对应的图标。用户可以通过点击选择虚拟礼物540的图标触发第二送礼指令的生成和发送。关于全局颜色直方图的描述可以参见前述关于全局颜色直方图的描述。
S723:在各虚拟礼物对应的全局颜色直方图中各自确定至少一个颜色及其参数,作为各自的送礼颜色信息。
在每个虚拟礼物540的全局颜色直方图中确定至少一个颜色及其参数,例如可以是一个,也可以是多个。换言之,在全局颜色直方图中确定关键颜色,例如是出现概率位于前列的至少一个颜色。
确定各虚拟礼物540各自的送礼颜色信息后,在接收到第二送礼指令时,可以获取直播间页面500当前的虚拟礼物540的赠送数据,并获取赠送数据位于前列的虚拟礼物540对应的送礼颜色信息,进而生成以送礼颜色信息为基础的送礼图像。
送礼图像可以替换背景图像511作为直播间页面500的背景,进而可以在礼物赠送的时候同步显示,及时反馈给用户,激起用户的兴趣。如以下步骤所示:
S730:将送礼图像设置为直播间页面的背景。
在礼物赠送时,将送礼图像替换背景图像511作为直播间页面500的背景,可以采用色值渐变的方式从背景图像511过渡到送礼图像。
通过以赠送数据位于前列的虚拟礼物540的送礼颜色信息为基础生成送礼图像,能够有效地呈现虚拟礼物540的赠送热度,而且能够及时有效地给用户的送礼动作给予视觉反馈,不仅可以使得直播间动感和视觉更加丰富,还能够激发用户进一步送礼的热情和兴趣,如此便可以实现丰富且有效的交互功能。
由于送礼可以触发送礼图像作为背景,送礼图像和背景图像511之间可以设置为可切换的。在没有送礼或者满足相应的条件下,背景图像511可以重新作为直播间页面500的背景。例如参见在步骤S730可以包括如下步骤:
S740:将送礼图像设置为直播间页面的背景并展示第一预设时间。
设置第一预设时间作为送礼图像的展示时间,第一预设时间例如为2-10分钟或3-7分钟等。给送礼图像设置相应的展示时间,一方面能够根据虚拟礼物540的赠送数据进行变化,以适应虚拟礼物540赠送情况,另一方面送礼图像在展示完后能够切换至背景图像511或者其他送礼图像,可以实现动态变化。
具体可以参见步骤S730之后包括的如下步骤:
S750:每隔第一预设时间重新获取新的第二送礼指令。
在送礼图像展示了第一预设时间后,重新获取新的第二送礼指令。若获取到第二送礼指令,则返回执行步骤S710。若没有获取到第二送礼指令,则继续监听是否获取到第二指令,直到持续第二预设时间灭有接收到新的第二送礼指令。具体如下:
S760:若持续第二预设时间没有接收到新的第二送礼指令,则将直播间页面的背景恢复为背景图像。
在送礼图像展示完成后的第二预设时间内均没有接收到第二送礼指令,则可以说明已停止送礼,进而将直播间页面500的背景恢复为背景图像511,也即将背景图像511重新替换送礼图像作为直播间页面500的背景。例如第二预设时间为1分钟,当然还可以是其他时长。通过上述方式,能够实现直播间页面500的动态变化,能够适应直播间50氛围的变化,尤其是送礼氛围,很好地对送礼进行回应和反馈,针对送礼产生的变化也能够刺激用户进一步送礼的情绪。
前述内容是对直播间页面500的背景进行描述,利用背景图像511以及送礼图像等以及相关的图像处理,能够满足直播间50在普通场景、送礼场景等的使用,能够使得直播间50能够更加灵动、缓解用户观看的视觉不适,激起用户的观看情绪,能够增加用户的粘性。当然,本实施例可以不限于对直播间页面500的背景的改进,可以进一步对频道的背景进行相应的改进。
本实施例不仅可以直播间页面500的背景进行相应的处理,还可以对虚拟礼物540的图像的显示效果本身进行处理,进而使得整个直播间页面500更加灵动,视觉效果更加丰富。具体参见如下步骤:
S810:获取直播间页面所属直播间目前各虚拟礼物的赠送数据。
直播间目前各虚拟礼物540的赠送数据可以具有两层含义:一、可以指直播间50当前时刻的所接收到的各虚拟礼物540的赠送数据,二、可以指直播间50本次直播到目前为止总共所接收到的各虚拟礼物540的赠送数据。
关于虚拟礼物540的赠送数据可以参照前述关于赠送数据的描述。
S820:生成用于对赠送数据位于前列的至少一种虚拟礼物540的图案进行相应的特效处理的第二特效参数。
具体地,对赠送数据位于前列的虚拟礼物540的图案进行用于实现相应的特效处理的计算,可以得到相应的第二特效参数。例如服务器10在得到相应的特效参数后,可以发送至客户端,客户端在相应的情况下利用第二特效参数实现相应的特效效果。
第一种情况:响应于对直播间页面500的背景的第一操作指令,显示直播间页面500所属直播间50中赠送数据位于前列的至少一种虚拟礼物540的图案,进一步响应于对其中一种虚拟礼物540的图案的第二操作指令,跳转至礼物栏530并选中第二操作指令对应的虚拟礼物540的图案,进而利用特效参数对所选中的虚拟礼物540的图案进行相应的处理,以呈现相应的特效效果。
特效处理例如包括图案的边缘轮廓扩展,可以类似于步骤S620。当然,特效处理还可以包括将图案进行持续放大和缩小,或者图案抖动等。
用户在其客户端上可以对直播间页面500的背景进行相应的操作,比如长按,以对应生成第一操作指令。客户端可以响应于第一操作指令,在直播间页面500上可以显示出赠送数据位于前列的至少一种虚拟礼物540的图案,例如以弹框的方式显示位于前三的三种虚拟礼物540的图案。用户可以选择其中一种虚拟礼物540,并自动跳转至礼物栏530自动选中用户所选择的虚拟礼物540,进而呈现相应的特效效果。
如图4所示,用户可以通过长按直播间页面500的背景弹出赠送数据前三的鲜花、啤酒以及棒棒糖三种礼物的图标/图案。用户选择鲜花,直播间页面500自动跳转至礼物栏530并自动选中鲜花礼物,进而呈现相应的特效效果。
第二种情况:响应于打开礼物栏530的第三操作指令,自动选中直播间页面500所属直播间中赠送数据最大的虚拟礼物540的图案,并利用第二特效参数对所选中的虚拟礼物540的图案进行相应的处理,以呈现相应的特效效果。
用户在其客户端上可以对直播间页面500直接打开礼物栏530,以对应生成第三操作指令。客户端可以响应于第三操作指令,展开礼物栏530并选中赠送数据最大的虚拟礼物540的图案,进而可以呈现相应的特效效果。
进一步地,响应于对赠送数据最大的虚拟礼物540的图案进行的第四操作指令,对该虚拟礼物540的图案的特效效果进行调整。
例如,用户点击礼物栏530图标,直播间页面500的礼物栏530展开,自动选中赠送数据最大的鲜花的图标/图案,呈现相应的特效效果。用户长按鲜花的图标,特效效果随着用户的动作而改变。例如特效效果为图案边缘扩展并不断往外散发相应颜色的粒子。通过屏幕检测用户手指(3DTouch等技术)按压的力度,调整颜色粒子扩散显示的范围,扩散的最大范围不能超过礼物栏530。当手指离开后,会持续按压时间的时长自动做边缘扩散的粒子效果做预览效果的展示。
在获取直播间的当前虚拟礼物540赠送数据的基础上,可以统计与直播间50对应的频道各虚拟礼物540的赠送数据,进而可以统计部分或者所有频道的各虚拟礼物540的赠送数据。具体可以参见如下步骤:
S910:计算预设频道内所有直播间当前各虚拟礼物的赠送数据。
计算该频道内所有直播间50当前各虚拟礼物540的赠送数据,进而可以获得该频道当前时刻或者自当前时刻往前的某一时间段内所接收到的各虚拟礼物540总的赠送数据。赠送数据可以参见前述的描述。
S920:基于预设频道中赠送数据位于前列的至少一种虚拟礼物540对应的送礼颜色,生成送礼图像。
关于该步骤的描述可以参见上述步骤S720等相关描述。
S930:将送礼图像设置为预设频道的频道页面的背景。
通过以将频道中赠送数据位于前列的至少一种虚拟礼物540对应的送礼颜色作为基础生成送礼图像并设置为频道页面的背景,使得用户在频道页面就能够看到感受到送礼氛围,引起用户的观看兴趣。
可选地,送礼图像在频道页面的背景可以展示相应的时间,比如一分钟。展示一分钟后,可以重新执行步骤S810。如此可以使得频道页面也能够处于灵动状态,不再单调和呆板,能够有效地吸引用户的注意力和兴趣。
当然,为了使得频道页面能够更加灵动,除了对背景进行设置外,还可以对频道页面上显示的标识图案进行相应的处理。频道页面上显示的标识图案例如为主播的头像或者相应的图片。用户可以用过点击标识图案进入到相应的直播间50。具体可以参见如下步骤:
S1010:对背景图像进行裁剪处理,生成适应于频道页面上直播间页面对应的标识图案的第二背景框。
为了适应频道页面下的标识,对背景图像511进行裁剪处理生成第二背景框。也即,第二背景框是背景图像511的一部分,可以是对背景图像511进行随机裁剪,只要所得出的第二背景框的尺寸能够是适应标识图案的尺寸即可。第二背景框适应于标识图案,是第二背景框的尺寸能够容纳或者框住标识图案。
S1020:将第二背景框显示于频道页面上的标识图案的外周。
通过对背景图像511进行裁剪得出第二背景框,能够给每个标识图案都个性化、特色化,使得整个频道页面的视觉效果更加丰富,能够激起用户的兴趣,而且从标识图案能够初步预览背景图像511,当用户经标识图案进入到直播间50后,从第二背景框切换至背景图像511既有连贯的色彩,具有一脉相承之感,又能在尺寸变大后带来较大视觉冲击,过渡自然且视觉效果协调,能够极大提升直播间50的交互功能。
在结束本场直播后,可以将本场直播的背景图像511以及送礼图像保存为背景模板,以便于下次开播前供主播选择。当然,还可以利用虚拟礼物540的送礼颜色信息生成相应的图像作为背景模板,具体可以参照如下步骤:
S1110:获取直播间在本场直播接收到的全部虚拟礼物中的至少一种虚拟礼物的送礼颜色信息;
在一些实施方式中,可以获取赠送数据位于前列的至少一种虚拟礼物540的送礼颜色信息,例如获取前三的三种虚拟礼物540的送礼颜色信息。
在另一些实施方式中,可以随机在全部虚拟礼物540中随机获取其中至少一种虚拟礼物540的送礼颜色信息。当然,也可以获取全部虚拟礼物540的送礼颜色信息。
S1120:以该至少一种虚拟礼物的送礼颜色信息为基础生成背景模板。
可选地,将获取到的送礼颜色信息以随机混色的方式进行处理,以生成背景模板。如此生成的背景模板对于每个主播而言是独一无二的,而且随机混色的方式所得出的背景模板是无法认为预测,能够给人带来新鲜感,能够吸引主播以及用户的注意力,激起用户观看兴趣。
S1130:将背景模板与直播间本场直播的赠送数据相关联。
通过关联背景模板和赠送数据,进而主播在开播前对背景模板进行选择的时候,能够显示本场直播对应的赠送数据,比如总赠送数量和总价值以及对应的虚拟礼物540,进而让主播了解本场直播的虚拟礼物540赠送情况,方便选择。
针对上述阐述,本实施例以服务器10为执行主体,简要且示例性地描述一下部分技术方案的应用场景。
在开始直播时,服务器10可以对直播间50进行类型匹配(如生活、运动),为直播间页面500匹配一个基础背景,也即基础图像。服务器10可以每隔一分钟采集一次采集主播端30视频流的关键帧,或者通过直播间50观看人数增长比例(如增长10%)的情况触发视频流关键帧采集,通过关键帧的图片计算出全局颜色直方图,进而从中获取颜色信息,作为直播间50的基础色值参数。在基础图像的基础上利用基础色值参数,通过多种颜色处理方式,如颜色调和、反色、模糊或者设计师调配采样色值变更来生成中间背景,然后在中间背景的基础上进一步通过滤镜颜色混合以及GAN风格化等技术得到一副合成的背景图像511。每个直播间50都会有自身不同的背景图像511,并且通过上述采集条件触发服务器10计算更新,用于提高用户对直播间50类型的辨识度。服务器10将背景图像511推送至相应的客户端,进而在相应的客户端中呈现出来。
服务器10可以通过直播间50虚拟礼物540赠送数据以及观看人数等计算出一个对比度的值和亮度值,计算公式如:对比值=赠送数据/相应极限值,亮度值=观看人数/相应极限值(如果值过大就直接取1),这两个值取值范围是0~1。服务器10下发对比度和亮度值到客户端,客户端通过根据以上参数设置到直播间页面500的背景的图片的对比度和亮度值,使得背景拥有动态变化的效果,让直播间50内感受到整个氛围的变化。
用户触发送礼后,如果触发礼物连送按钮(combo按钮)连送,会给该用户在直播间50内整个背景的节奏闪烁或轮廓的扩展效果,调动该用户继续连送礼物的情绪和节奏。服务器10可以生成亮度特效参数和扩展特效参数并下发给客户端,客户端通过combo按钮记录触发的点击送礼,通过延后200ms的时间后触发上述特效参数配置和特效运行。一、亮度特效参数使背景图像511闪烁,可以通过调整背景的亮度变化,变化大概M秒。二、扩展特效参数使背景图像511进行轮廓扩展,可以使用整个背景图像511的轮廓条纹(使用OpenCV边缘检测可以获得)实现放大缩小感觉来达到效果,或者使用一张透明度为0.3的半透明图放在背景图像511上进行放大、缩小或消失,时间大约为N秒。如该用户正在观看的直播间50是全屏状态,则在第一背景框512上进行上述描述的闪烁和扩展效果。
用户通过客户端长按背景图像511,可以出现当前直播间50内热度礼物的小弹框,能够展示出当前送礼热度最高的多个虚拟礼物540和各自对应的数量,弹框展示一段时间后消失。用户点击对应的礼物能够自动跳转到礼物栏530中选中相应的虚拟礼物540。服务器10可以预先下发相应虚拟礼物540对应的第二特效参数给客户端,客户端可以在选择相应的虚拟礼物540运行第二特效参数,例如实现虚拟礼物540的图案边缘轮廓扩展的效果。
上述仅为示例性地描述部分内容,不对技术方案构成限制,也不代表是全部的技术方案。另外,在前述也已经提及,本实施例能够在服务器10中执行,也可以在客户端执行,或者部分在服务器10执行,部分在客户端执行,本实施例并不限制。
服务器10以及主播端30和观众端20等客户端均可以是电子设备。
如图9所示,本申请电子设备实施例描述的电子设备100包括处理器110和存储器120。存储器120耦接处理器110。
存储器120用于存储计算机程序,可以是RAM,也是可以ROM,或者其他类型的存储设备。具体地,存储器可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器中的非暂态的计算机可读存储介质用于存储至少一条程序代码。
处理器110用于控制电子设备100的操作,处理器110还可以称为CPU(CentralProcessing Unit,中央处理单元)。处理器110可能是一种集成电路芯片,具有信号的处理能力。处理器110还可以是通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。通用处理器可以是微处理器或者该处理器110也可以是任何常规的处理器等。
处理器110用于执行存储器120中存储的计算机程序以实现本申请直播相关页面的背景处理方法实施例描述的背景处理方法。
在一些实施方式中,电子设备100还可以包括:外围设备接口130和至少一个外围设备。处理器110、存储器120和外围设备接口130之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口130相连。具体地,外围设备包括:射频电路140、显示屏150、音频电路160和电源170中的至少一种。
外围设备接口130可被用于将I/O(Input/output,输入/输出)相关的至少一个外围设备连接到处理器110和存储器120。在一些实施例中,处理器110、存储器120和外围设备接口130被集成在同一芯片或电路板上;在一些其他实施方式中,处理器110、存储器120和外围设备接口130中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。
射频电路140用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路140通过电磁信号与通信网络以及其他通信设备进行通信。射频电路140将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路140包括:天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路140可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:万维网、城域网、内联网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路140还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本申请对此不加以限定。
显示屏150用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏150是触摸显示屏时,显示屏150还具有采集在显示屏150的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器110进行处理。此时,显示屏150还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施方式中,显示屏150可以为一个,设置在电子设备100的前面板;在另一些实施方式中,显示屏150可以为至少两个,分别设置在电子设备100的不同表面或呈折叠设计;在另一些实施方式中,显示屏150可以是柔性显示屏,设置在电子设备100的弯曲表面上或折叠面上。甚至,显示屏150还可以设置成非矩形的不规则图形,也即异形屏。显示屏150可以采用LCD(Liquid Crystal Display,液晶显示屏)、OLED(Organic Light-EmittingDiode,有机发光二极管)等材质制备。
音频电路160可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器110进行处理,或者输入至射频电路140以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在电子设备100的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器110或射频电路140的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路160还可以包括耳机插孔。
电源170用于为电子设备100中的各个组件进行供电。电源170可以是交流电、直流电、一次性电池或可充电电池。当电源170包括可充电电池时,该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池,无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。
关于本申请电子设备实施例中各功能模块或者部件功能和执行过程的详细阐述,可以参照上述本申请直播相关页面的背景处理方法实施例中的阐述,在此不再赘述。
在本申请所提供的几个实施例中,应该理解到,所揭露的电子设备和背景处理方法,可以通过其它的方式实现。例如,以上所描述的电子设备各实施例仅仅是示意性的,例如,模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施方式方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
参阅图10,上述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在计算机可读的存储介质200中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令/计算机程序用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(processor)执行本发明各个实施方式方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random AccessMemory)、磁碟或者光盘等各种介质以及具有上述存储介质的电脑、手机、笔记本电脑、平板电脑、相机等电子设备。
关于计算机可读的存储介质中的程序数据的执行过程的阐述可以参照上述本申请直播相关页面的背景处理方法实施例中阐述,在此不再赘述。
以上所述仅为本申请的实施例,并非因此限制本申请的专利范围,凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本申请的专利保护范围内。

Claims (24)

1.一种直播相关页面的背景处理方法,其特征在于,包括:
获取直播间页面中直播画面的颜色信息;
以所述颜色信息为基础生成背景图像;
将所述背景图像设置为所述直播间页面的位于直播画面外的背景。
2.根据权利要求1所述的背景处理方法,其特征在于,
所述获取直播间页面中直播画面的颜色信息,包括:
采集所述直播画面对应视频流的视频帧;
获取所采集的所述视频帧的所述颜色信息。
3.根据权利要求2所述的背景处理方法,其特征在于:
获取所采集的所述视频帧的所述颜色信息,包括:
获取所采集的所述视频帧的全局颜色直方图;
在所述全局颜色直方图中获取其中至少一种颜色及其参数,以作为所述颜色信息。
4.根据权利要求3所述的背景处理方法,其特征在于:
所述在所述全局颜色直方图中获取其中至少一种颜色及其参数,包括:
在所述全局颜色直方图中按照出现概率的高低顺序获取出现概率最高的一种颜色及其参数,或者获取出现概率位于前列的至少两种颜色及其参数。
5.根据权利要求2所述的背景处理方法,其特征在于,
所述采集所述直播画面对应视频流的视频帧,包括:
每隔预设时间采集一次所述视频流的视频帧;或者,
获取所述直播间页面对应的人气数据;
在所述人气数据大于或者等于预设阈值时,采集所述视频流的视频帧。
6.根据权利要求5所述的背景处理方法,其特征在于:
所述人气数据包括观看人数增长比例。
7.根据权利要求1所述的背景处理方法,其特征在于:
所述以所述颜色信息为基础生成背景图像,包括:
获取与所述直播间页面所属直播间相匹配的基础图像;
利用所述颜色信息对所述基础图像进行图像处理,进而生成所述背景图像。
8.根据权利要求7所述的背景处理方法,其特征在于:
所述获取与所述直播间页面所属直播间相匹配的基础图像,包括:
获取所述直播间所属的类型;
获取与所述直播间所属的类型相对应的基础图像。
9.根据权利要求7所述的背景处理方法,其特征在于:
所述利用所述颜色信息对所述基础图像进行图像处理,包括:
利用所述颜色信息对所述基础图像的颜色进行调和,并进行反色、模糊、渐变、已调色值调和、滤镜颜色混合以及GAN风格化中的至少一者。
10.根据权利要求1所述的背景处理方法,其特征在于,还包括:
对所述背景图像进行裁剪处理,生成适应于全屏状态下的所述直播画面的第一背景框;
在所述直播画面从非全屏状态切换至全屏状态时,将所述直播间页面的背景从所述背景图像切换至所述第一背景框,其中所述第一背景框显示于全屏状态下的所述直播画面的外周。
11.根据权利要求1所述的背景处理方法,其特征在于,还包括:
获取所述直播间页面所属直播间的人气值;
获取用于对所述背景图像进行调整的且与所述人气值相匹配的调整参数。
12.根据权利要求11所述的背景处理方法,其特征在于:
所述获取所述直播间页面所属直播间的人气值,包括:
获取所述直播间当前的虚拟礼物赠送数据以及观看人数;
所述获取用于对所述背景图像进行调整的且与所述人气值相匹配的调整参数,包括:
计算所述虚拟礼物赠送数据与预设礼物极限值的比值,以获得对比度;
计算所述观看人数与预设人数极限值的比值,以获得亮度值。
13.根据权利要求1所述的背景处理方法,其特征在于,还包括:
响应于第一送礼指令,生成对所述背景图像进行与所述第一送礼指令相匹配的特效处理的第一特效参数。
14.根据权利要求13所述的背景处理方法,其特征在于:
所述响应于第一送礼指令,生成对所述背景图像进行与所述第一送礼指令相匹配的特效处理的第一特效参数,包括:
响应于礼物连送指令,生成用于对所述背景图像的亮度进行相应的调整的亮度特效参数,以用于使得所述背景图像呈现闪烁效果;和/或,生成用于将所述背景图像内的条纹在所述背景图像的内外边缘之间来回移动的扩展特效参数,以用于使得所述背景图像呈现类似放大和缩小的效果。
15.根据权利要求14所述的背景处理方法,其特征在于:
所述生成用于将所述背景图像内的条纹在所述背景图像的内外边缘之间来回移动的扩展特效参数,包括:
对所述背景图像进行边缘检测,计算检测到的所述条纹在所述内外边缘之间来回移动的距离,以获得所述扩展特效参数;或者,
在所述背景图像上覆盖半透明图像,计算对所述半透明图像进行持续的放大和缩小的幅度,使得所述半透明图像的外边缘在所述内外边缘之间来回移动,以获得所述扩展特效参数。
16.根据权利要求1所述的背景处理方法,其特征在于,还包括:
响应于第二送礼指令,获取所述直播间页面当前的虚拟礼物赠送数据;
基于所述赠送数据位于前列的至少一种虚拟礼物各自对应的送礼颜色信息,生成送礼图像;
将所述送礼图像设置为所述直播间页面的背景。
17.根据权利要求16所述的背景处理方法,其特征在于:
在所述基于所述赠送数据位于前列的至少一种虚拟礼物各自对应的送礼颜色信息之前,包括:
获取各所述虚拟礼物的图像对应的全局颜色直方图;
在各所述虚拟礼物对应的全局颜色直方图中各自确定至少一个颜色及其参数,作为各自的所述送礼颜色信息。
18.根据权利要求17所述的背景处理方法,其特征在于:
所述基于所述赠送数据位于前列的至少一种虚拟礼物各自对应的送礼颜色信息,生成送礼图像,包括:
利用所述至少一种虚拟礼物各自对应的送礼颜色信息,对所述背景图像进行调整,以生成所述送礼图像。
19.根据权利要求16所述的背景处理方法,其特征在于:
所述将所述送礼图像设置为所述直播间页面的背景,包括:
将所述送礼图像设置为所述直播间页面的背景并展示第一预设时间;
在所述将所述送礼图像设置为所述直播间页面的背景之后,包括:
每隔所述第一预设时间重新获取新的所述第二送礼指令;
若持续第二预设时间没有接收到新的所述第二送礼指令,则将所述直播间页面的背景恢复为所述背景图像。
20.根据权利要求1所述的背景处理方法,其特征在于,还包括:
计算预设频道内所有直播间当前各虚拟礼物的赠送数据;
基于所述预设频道中赠送数据位于前列的至少一种虚拟礼物对应的送礼颜色,生成送礼图像;
将所述送礼图像设置为所述预设频道的频道页面的背景。
21.根据权利要求1所述的背景处理方法,其特征在于:
在将所述背景图像设置为所述直播间页面的位于所述直播画面外的背景之后,包括:
获取所述直播间页面所属直播间目前各虚拟礼物的赠送数据;
生成对所述赠送数据位于前列的至少一种虚拟礼物的图案进行相应的特效处理的第二特效参数。
22.根据权利要求1所述的背景处理方法,其特征在于,还包括:
对所述背景图像进行裁剪处理,生成适应于频道页面上所述直播间页面对应的标识图案的第二背景框;
将所述第二背景框显示于所述频道页面上的所述标识图案的外周。
23.一种电子设备,其特征在于,包括:处理器、存储器和通信电路,所述通信电路和所述存储器分别耦接所述处理器,所述存储器存储有计算机程序,所述计算机程序能够被执行以实现如权利要求1-22任一项所述的背景处理方法。
24.一种计算机可读的存储介质,存储有计算机程序,所述计算机程序能够被处理器执行,以实现如权利要求1-22任一项所述的背景处理方法。
CN202111165633.4A 2021-09-30 2021-09-30 直播相关页面的背景处理方法、电子设备及存储介质 Pending CN114095751A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111165633.4A CN114095751A (zh) 2021-09-30 2021-09-30 直播相关页面的背景处理方法、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111165633.4A CN114095751A (zh) 2021-09-30 2021-09-30 直播相关页面的背景处理方法、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN114095751A true CN114095751A (zh) 2022-02-25

Family

ID=80296498

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111165633.4A Pending CN114095751A (zh) 2021-09-30 2021-09-30 直播相关页面的背景处理方法、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN114095751A (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109302631A (zh) * 2018-09-20 2019-02-01 传线网络科技(上海)有限公司 视频界面显示方法及装置
CN109618217A (zh) * 2019-01-28 2019-04-12 广州酷狗计算机科技有限公司 直播间界面显示方法和装置
CN111277854A (zh) * 2020-03-04 2020-06-12 网易(杭州)网络有限公司 一种虚拟直播间的展示方法、装置、电子设备和存储介质
CN111601148A (zh) * 2020-05-29 2020-08-28 广州酷狗计算机科技有限公司 信息展示方法、装置、终端和存储介质
CN112887694A (zh) * 2021-01-26 2021-06-01 腾讯音乐娱乐科技(深圳)有限公司 一种视频播放方法、装置、设备及可读存储介质
WO2021109650A1 (zh) * 2019-12-06 2021-06-10 广州华多网络科技有限公司 虚拟礼物的发送方法、装置、设备及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109302631A (zh) * 2018-09-20 2019-02-01 传线网络科技(上海)有限公司 视频界面显示方法及装置
CN109618217A (zh) * 2019-01-28 2019-04-12 广州酷狗计算机科技有限公司 直播间界面显示方法和装置
WO2021109650A1 (zh) * 2019-12-06 2021-06-10 广州华多网络科技有限公司 虚拟礼物的发送方法、装置、设备及存储介质
CN111277854A (zh) * 2020-03-04 2020-06-12 网易(杭州)网络有限公司 一种虚拟直播间的展示方法、装置、电子设备和存储介质
CN111601148A (zh) * 2020-05-29 2020-08-28 广州酷狗计算机科技有限公司 信息展示方法、装置、终端和存储介质
CN112887694A (zh) * 2021-01-26 2021-06-01 腾讯音乐娱乐科技(深圳)有限公司 一种视频播放方法、装置、设备及可读存储介质

Similar Documents

Publication Publication Date Title
CN109167950B (zh) 视频录制方法、视频播放方法、装置、设备及存储介质
CN112511750B (zh) 视频拍摄方法、装置、设备及介质
CN109068081A (zh) 视频生成方法、装置、电子设备及存储介质
CN110691279A (zh) 一种虚拟直播的方法、装置、电子设备及存储介质
CN109151537B (zh) 视频处理方法、装置、电子设备及存储介质
CN112218103A (zh) 直播间互动方法、装置、电子设备和存储介质
US20130182012A1 (en) Method of providing augmented reality and terminal supporting the same
WO2021164587A1 (zh) 直播界面处理方法及装置
US11601618B1 (en) Method of using online, real-time, interactive, multiplane camera view to enhance videoconferencing platforms
CN110609649B (zh) 界面显示方法、装置及存储介质
WO2016202024A1 (zh) 一种3d动画的展现方法及装置
CN111327916B (zh) 基于地理对象的直播管理方法、装置、设备及存储介质
CN112533017A (zh) 直播方法、装置、终端及存储介质
CN108986053A (zh) 屏幕显示方法及装置
CN109523461A (zh) 显示目标图像的方法、装置、终端及存储介质
CN114025189A (zh) 虚拟对象生成方法、装置、设备及存储介质
CN114520876A (zh) 延时摄影视频录制方法、装置和电子设备
TW200814718A (en) Scenario simulation system and method for a multimedia device
CN112261481A (zh) 互动视频的创建方法、装置、设备及可读存储介质
CN109819171A (zh) 一种视频拍摄方法及终端设备
US20180176628A1 (en) Information device and display processing method
CN112269554B (zh) 显示系统及显示方法
CN114095751A (zh) 直播相关页面的背景处理方法、电子设备及存储介质
CN111182362A (zh) 视频的控制处理方法及装置
WO2023010912A1 (zh) 一种图像处理方法及电子设备

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