CN115426520A - 一种对直播间的直播场景进行布置的方法、装置及设备 - Google Patents

一种对直播间的直播场景进行布置的方法、装置及设备 Download PDF

Info

Publication number
CN115426520A
CN115426520A CN202211058560.3A CN202211058560A CN115426520A CN 115426520 A CN115426520 A CN 115426520A CN 202211058560 A CN202211058560 A CN 202211058560A CN 115426520 A CN115426520 A CN 115426520A
Authority
CN
China
Prior art keywords
scene
live
template
live broadcast
theme
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
CN202211058560.3A
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.)
Infinite Cube Shenzhen Technology Co ltd
Original Assignee
Infinite Cube Shenzhen 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 Infinite Cube Shenzhen Technology Co ltd filed Critical Infinite Cube Shenzhen Technology Co ltd
Priority to CN202211058560.3A priority Critical patent/CN115426520A/zh
Publication of CN115426520A publication Critical patent/CN115426520A/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/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/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • 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/435Processing of additional data, e.g. decrypting of additional data, reconstructing software from modules extracted from the transport 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/472End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47205End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for manipulating displayed content, e.g. interacting with MPEG-4 objects, editing locally

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
  • Television Signal Processing For Recording (AREA)

Abstract

本发明涉及虚拟直播间技术领域,并提供了一种对直播间的直播场景进行布置的方法、装置及设备,包括模板制作模块:在PC端通过编辑网站将获取的素材制作成各种主题和风格的场景模板;数据同步模块:通过编辑网站将制作的场景模板通过后台服务器将场景模板的信息同步至编辑器APP中;模板选取模块:在移动端通过编辑器APP在同步至编辑器APP中的各场景模板中选取场景模板;场景修改模块:通过编辑器APP对选取的场景模板进行修改;场景应用模块:将直播场景导入直播间内,在直播过程中根据直播的实际情况切换相对应的直播场景;本发明能够对直播场景进行整体切换,从而避免直播场景切换过程出现的背景海报、前景图片和挂件切换的不匹配的情况。

Description

一种对直播间的直播场景进行布置的方法、装置及设备
技术领域
本发明涉及虚拟直播间技术领域,具体而言,涉及一种对直播间的直播场景进行布置的方法、装置及设备。
背景技术
随着网络技术的发展和人们生活水平的提高,网络直播逐渐的普及到了直播带货、内部培训、学术讲座等各行各业,并且为了直播的便捷性,在移动端进行直播的情况也越来越多;在进行网络直播时通常需要在直播间的相应位置放置背景海报、前景图片和挂件等场景道具,以对直播间的场景进行布置,使直播间的场景与直播的内容一致,以提高直播的效果。现阶段在移动端对直播间的场景进行布置时,通常是由设计团队根据直播的内容提前设计好相应的背景海报、前景图片和挂件,然后在直播时分别将被将背景海报、前景图片和挂件导入到直播间内的相应位置,以完成对直播间场景的布置。
但是当一场直播的内容比较多时,就需要不断变换直播的主题,因此就需要提前制作多个不同主题的背景海报、前景图片和挂件,在直播过程中根据主播的直播进度分别不断替换相应的背景海报、前景图片和挂件,以切换直播场景使其与直播内容相匹配;由于该种切换直播场景的方法是将背景海报、前景图片和挂件分别进行切换,因此在一场直播过程中的切换操作比较频繁,容易导致操作人员疲劳而出现背景海报、前景图片和挂件切换的不匹配的情况,从而影响直播效果。
发明内容
本发明解决的问题是如何在进行直播场景切换时减少出现背景海报、前景图片和挂件出现的不匹配的情况,以提高直播效果。
为解决上述问题,第一方面,本发明提供了一种对直播间的直播场景进行布置的方法,包括如下步骤:
获取布置直播间的直播场景所需的素材,并在PC端通过编辑网站将获取的素材制作成各种主题和风格的场景模板;
通过编辑网站将制作的场景模板以json数据方式存储至后台服务器中,并通过后台服务器将场景模板以效果图片的方式同步至编辑器APP中;
在移动端通过编辑器APP在同步至编辑器APP中的各场景模板中选取与直播主题相近的一个或多个场景模板;
通过编辑器APP对选取的场景模板中与直播主题不符的元素进行替换或修改,以生成符合直播主题和风格的直播场景;
将直播场景导入直播间内,在直播过程中根据直播的实际情况切换相对应的直播场景。
可选地,所述素材包括多套材料文件,各套材料文件包括一张背景海报、至少一张前景图片和至少一个挂件;一个所述场景模板为一套材料文件中所包括的背景海报、前景图片和挂件的组合。
可选地,所述在PC端通过编辑网站将获取的素材制作成各种主题和风格的场景模板包括:
分别将各套材料文件打包添加至编辑网站内,并通过编辑网站内置的解析代码对添加的素材进行解析,以获取材料文件中各元素的信息;其中,元素包括背景海报和前景图片中的图层、文字和色彩以及挂件;
通过编辑网站将解析后的材料文件的各元素绘制到编辑网站中的canvas画布中,以初次生成具有某种主题和风格的场景模板;
对初次生成的场景模板进行预览,对其中生成错误或者与实际效果不符的元素进行修改,以生成最终的场景模板。
可选地,所述通过编辑网站将解析后的材料文件的各元素绘制到编辑网站中的canvas画布中,以初次生成具有某种主题和风格的场景模板包括:
选取编辑网站中内置的空白模板或通过JavaScript编写相应的代码生成新的空白模板,以作为绘制场景模板的基础模板;
将解析后的素材添加至基础模板中,由基础模板中内置的代码根据添加的材料文件的原始数据对各元素进行排布、合成,以生成具有某种主题和风格的场景模板。
可选地,所述通过编辑网站将解析后的材料文件的各元素绘制到编辑网站中的canvas画布中,以初次生成具有某种主题和风格的场景模板还包括:
在空白模板的代码中添加图片和文字绑定鼠标交互事件的代码,以使添加至基础模板内的材料文件的各元素被进行排布、合成时对其中的图片和文字生成快捷操作设置。
可选地,所述对初次生成的场景模板进行预览,对其中生成错误或与实际效果不符的元素进行修改,以生成最终的场景模板包括:
查看初次生成的场景模板中的前景图片和背景海报中的各图层的图片和文字内容以及挂件是否与直播主题无关的,若有则对相应的图片和文字内容以及挂件进行删除或替换;
查看初次生成的场景模板中的前景图片和背景海报中的各个图层的大小和放置位置、各图层的图片样式和色彩、各图层的文字样式和色彩是否与直播主题相协调和相匹配,若有则对相应内容进行编辑和修改。
可选地,所述通过编辑器APP对选取的场景模板中与直播主题不符的元素进行替换或修改,以生成符合直播主题和风格的直播场景包括:
通过编辑器APP从后台服务器获取所选取的场景模板的json数据;
根据获取的场景模板的json数据结合效果图片的信息在编辑器APP中创建画布对该场景模板进行还原;
对还原后的场景模板进行浏览,对其中还原错误或者与直播主题和风格不相符的元素进行修改,以生成符合直播主题和风格的直播场景;
通过编辑器APP将编辑完成的直播场景生成新的图片,并以json数据的方式存储至后台服务器中。
可选地,一种对直播间的直播场景进行布置的方法,还包括如下步骤:
将直播场景导入直播间内后,通过翻转、美颜、场景切换、挂件调整和音效调节功能结合主播画面对直播过程进行调试。
与现有技术相比,本发明通过获取布置直播间的直播场景所需的素材,并在PC端通过编辑网站将获取的素材制作成各种主题和风格的场景模板,以便于直播人员选取使用;然后通过编辑网站将制作完成的场景模板通过后台服务器同步至编辑器APP中,以便于直播人员在移动端通过编辑器APP在同步至编辑器APP中的各场景模板汇总选取满足要求的场景模板并使用;直播人员在移动端选取完场景模板后可以通过编辑器APP对选取的场景模板进行修改,从而将选取的场景模板中与直播内容不相符的元素进行替换或调整,以将选取的场景模板制作成符合直播主题和风格的直播场景;然后将制作完成的直播场景导入直播间内作为直播时的场景,并在直播过程中根据直播进度切换相对应的直播场景;本方法通过制作场景模板的方式将直播间场景布置所需的道具例如背景海报、前景图片和挂件等提前添加到一个模板里作为一个整体,然后通过直播人员在模板里对其中的部分元素进行修改,使制作的场景模板与直播内容相匹配,最后将整个场景模板作为一个整体导入直播间使用,在当一场直播的内容比较多,需要不断变换直播的主题时,通过切换直播场景,即将整个场景模板作为整体切换,从而将直播场景中的场景道具同步进行切换,从而避免了在直播场景切换时出现背景海报、前景图片和挂件切换的不匹配的情况,从而提高了直播效果。
第二方面,本发明还提供了一种对直播间的直播场景进行布置的装置,包括:
模板制作模块:用于获取布置直播间的直播场景所需的素材,并在PC端通过编辑网站将获取的素材制作成各种主题和风格的场景模板;
数据同步模块:用于通过编辑网站将制作的场景模板以json数据方式存储至后台服务器中,并通过后台服务器将场景模板以效果图片的方式同步至编辑器APP中;
模板选取模块:用于在移动端通过编辑器APP在同步至编辑器APP中的各场景模板中选取与直播主题相近的一个或多个场景模板;
场景修改模块:用于通过编辑器APP对选取的场景模板中与直播主题不符的元素进行替换或修改,以生成符合直播主题和风格的直播场景;
场景应用模块:用于将直播场景导入直播间内,在直播过程中根据直播的实际情况切换相对应的直播场景。
由此,一种对直播间的直播场景进行布置的装置用于实现上述一种对直播间的直播场景进行布置的方法,因此至少具有上述对直播间的直播场景进行布置的方法的全部技术效果。
第三方面,本发明还提供了一种对直播间的直播场景进行布置的设备,包括存储器、处理器和存储于所述存储器中并可在所述处理器中运行的可执行指令,所述处理器执行所述可执行指令时实现如权利要求1-8任一项所述的对直播间的直播场景进行布置的方法。
由此,一种对直播间的直播场景进行布置的设备至少包括上述一种对直播间的直播场景进行布置的方法的全部技术方案,因此至少具有上述一种对直播间的直播场景进行布置的方法的全部技术效果。
附图说明
图1为本发明实施例的对直播间的直播场景进行布置的方法的步骤流程图;
图2为本发明实施例的对直播间的直播场景进行布置的装置的结构图。
附图标记说明:1-模板制作模块;2-数据同步模块;3-模板选取模块;4-场景修改模块;5-场景应用模块。
具体实施方式
为使本发明的上述目的、特征和优点能够更为明显易懂,下面结合附图对本发明的具体实施例做详细的说明。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。
在本发明的描述中,需要说明的是,除非另有明确的规定和限定,术语“设置”、“安装”、“相连”、“连接”应做广义理解,例如,可以是固定连接,也可以是可拆卸连接,或一体地连接;可以是机械连接;可以是直接相连,也可以通过中间媒介间接相连,可以是两个元件内部的连通。对于本领域的普通技术人员而言,可以具体情况理解上述术语在本发明中的具体含义。
在本说明书的描述中,参考术语“实施例”、“一个实施例”和“一个实施方式”等的描述意指结合该实施例或实施方式描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示实施方式中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或实施方式。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或实施方式以合适的方式结合。
为解决上述问题,如图1所示,本发明提供了一种对直播间的直播场景进行布置的方法,包括如下步骤:
S1:获取布置直播间的直播场景所需的素材,并在PC端通过编辑网站将获取的素材制作成各种主题和风格的场景模板;
S2:通过编辑网站将制作的场景模板以json数据方式存储至后台服务器中,并通过后台服务器将场景模板以效果图片的方式同步至编辑器APP中;
S3:在移动端通过编辑器APP在同步至编辑器APP中的各场景模板中选取与直播主题相近的一个或多个场景模板;
S4:通过编辑器APP对选取的场景模板中与直播主题不符的元素进行替换或修改,以生成符合直播主题和风格的直播场景;
S5:将直播场景导入直播间内,在直播过程中根据直播的实际情况切换相对应的直播场景。
需要说明的是,在步骤S1中,获取的布置直播间场景所需的素材为设计人员通过图片制作工具设计的背景海报、前景图片和挂件等,编辑网站为一个制作场景模板的网页版工具,设计人员通过编辑网站能够将素材中的背景海报、前景图片和挂件等按照某种主题和风格进行排布、合成,从而制作出能够应用于直播间的场景模板,以便于直播团队直接选取使用或在其基础上进行修改后使用;
在步骤S2中,设计人员将通过编辑网站制作完成的场景模板保存至编辑网站中,编辑网站会通过内置的程序将保存的场景模板生成PNG、JPG等格式的效果图片,并将保存的场景模板以json数据的形式存储于后台服务器中;同时通过后台服务器会将场景模板以效果图片的方式同步至编辑器APP中,以便于在编辑器APP中调取场景模板;其中,编辑器APP为移动端对场景模板进行读取、编辑和使用的工具;其中,json是一种轻量级的数据交换格式,采用完全独立于编程语言的文本格式来存储和表示数据,易于人阅读和编写,同时也易于机器解析和生成;
在步骤S3中,通过后台服务器同步至编辑器APP中的场景模板以预览的方式展示在编辑器APP的模板列表内,在移动端打开编辑器APP并进入模板列表后能够查看其中展示的各个场景模板,然后根据待直播的主题和内容在模板列表中选取与之相近的一个或多个场景模板,用于修改编辑后在直播时使用;其中,选取的场景模板的数量根据直播内容而定,即直播内容只有一个主题时可以只选择一个场景模板;当直播内容有多个主题时可以选取多个场景模板,各场景模板分别与直播内容中的各主题相近;
在步骤S4中,通过编辑器APP将选取的场景模板打开,该过程中由于编辑器APP内置的程序会使打开后的场景模板处于可编辑状态;因此可以根据待直播的内容对打开的场景模板中与直播主题不相符的元素进行编辑,即将与主题完全不符的元素删除并用与主题相符的元素进行替换,或对与主题有较小出入的元素进行一些调整和修改,使替换或修改后的场景模板与直播主题相符,从而使编辑后的场景模板符合直播的主题和风格;
在步骤S5中,将通过编辑器APP编辑后的符合直播主题的直播场景导入到直播间内,以便于在直播时使用,并在直播过程中根据主播的直播进度切换相应的直播场景,以使直播间展示的直播场景与直播内容相匹配。
本方法通过在PC端制作场景模板并将制作的场景模板同步至编辑器APP中,然后在编辑器APP中根据直播内容将场景模板进行修改,最后将修改后符合直播主题的直播场景导入直播间内使用,在使用过程中直接切换整个场景,即将背景海报、前景图片和挂件同步切换,从而减少切换次数,并且避免出现背景海报、前景图片和挂件出现不匹配的情况,从而保证了直播效果;另外,现阶段在对背景海报、前景图片和挂件分别进行切换时为了避免直播出现暂停卡顿,通常背景海报、前景海报和挂件在直播间内的位置都是固定的,从而造成了一场直播从头到尾的场景风格比较单一,导致观赏性较差;而通过本方法制作的模板场景可以根据直播各阶段的不同主题而制作成不同的风格,从而在直播过程中能够使不同的主题对应不同的风格,避免整个直播过程的风格过于单一而影响观赏性。
在本发明的一个实施例中,所述素材包括多套材料文件,各套材料文件包括一张背景海报、至少一张前景图片和至少一个挂件;一个所述场景模板为一套材料文件中所包括的背景海报、前景图片和挂件的组合。
需要说明的是,素材可以是同一个设计人员设计或者收集的一套材料文件或多套材料文件,也可以是不同的设计人员设计或收集的多套材料文件,一套材料文件用于制作一个场景模板,并且一个场景模板为一张背景海报、至少一张前景图片和至少一个挂件的组合,因此一套材料文件应当包括一张背景海报、至少一张前景图片和至少一个挂件;其中,背景海报、前景图片和挂件均可以为PSD、PNG、JPG、GIF等格式的图片,背景海报、前景图片和挂件也不限于为图片,还可以为MP4、AVI、WMV等格式的视频等,以便于制作的场景模板样式和风格更多样。
在本发明的一个实施例中,所述在PC端通过编辑网站将获取的素材制作成各种主题和风格的场景模板包括:
S11:分别将各套材料文件打包添加至编辑网站内,并通过编辑网站内置的解析代码对添加的素材进行解析,以获取材料文件中各元素的信息;其中,元素包括背景海报和前景图片中的图层、文字和色彩以及挂件;
S12:通过编辑网站将解析后的材料文件的各元素绘制到编辑网站中的canvas画布中,以初次生成具有某种主题和风格的场景模板;
S13:对初次生成的场景模板进行预览,对其中生成错误或者与实际效果不符的元素进行修改,以生成最终的场景模板。
需要说明的是,每一套材料文件内的材料能够制作出一个符合某种风格和主题的场景模板,由设计人员依次对每套材料文件进行制作,从而制作出多套不同主题和风格的场景模板。
在步骤S11中,由设计人员将一套材料文件打包添加至编辑网站中,即将一套材料文件中包含的背景海报、所有前景图片和所有挂件同时添加至编辑网站内;编辑网站内置有解析代码,该解析代码用于对添加至编辑网站内的所有图片或视频进行解析,因此材料文件添加至编辑网站后会被自动解析,从而获取材料文件中各元素的信息;其中,元素包括背景海报和前景图片中的图层、文字和色彩以及挂件,获取各元素的信息即获取背景海报和前景图片的各个图层和各图层中图片的尺寸、大小、色彩等信息,各图层中文字的样式、内容色彩、大小等信息,以及挂件的大小、色彩、倾斜度等信息;获取各元素的信息后,通过编辑网站对获取的各元素中重复的数据进行格式化处理,以减少数据冗余和错误;
在步骤S12中,通过编辑网站中内置的代码程序将解析后的材料文件的各元素按照既定的方式绘制到编辑网站的canvas画布中,从而快速的生成具有某种主题和风格的场景模板;此时生成的场景模板的各元素仍是解析后的状态,因此各元素的信息处于可编辑状态;其中,Canvas画布是在HTML5中新增的标签用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript操作的位图;而JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。
在步骤S13中,设计人员对初次生成的场景模板进行预览,查看生成的场景模板中各元素是否与素材中的各元素有偏差或各元素之间的主题和风格是否相匹配,并对其中有偏差和不相匹配的元素进行调整和修改,使其成为设计人员满意的场景模板,该场景模板为设计人员设计的最终的场景模板。
最后将该最终的场景模板存储至后台服务器中,以便于直播人员通过编辑器APP调出后直接使用或修改后使用,从而减少了直播人员制作直播间场景布置所需的背景海报、前景图片和挂件的时间,提高了直播间的场景布置的效率;另外,将背景海报、前景图片和挂件组合成场景模板在直播过程中同步切换,能够有效减少切换时背景海报、前景图片和挂件不匹配的情况,提高直播效果。
在本发明的一个实施例中,所述通过编辑网站将解析后的材料文件的各元素绘制到编辑网站中的canvas画布中,以初次生成具有某种主题和风格的场景模板包括:
选取编辑网站中内置的空白模板或通过JavaScript编写相应的代码生成新的空白模板,以作为绘制场景模板的基础模板;
将解析后的素材添加至基础模板中,由基础模板中内置的代码根据添加的材料文件的原始数据对各元素进行排布、合成,以生成具有某种主题和风格的场景模板。
需要说明的是,编辑网站中内置有各种风格和样式的空白模板,设计人员在将材料文件添加至编辑网站后,可以选取一个空白模板作为基础模板,通过点击编辑网站中的合成命令,由编辑网站自动对材料文件的各元素进行解析,并将解析后的各元素添加至基础模板内,然后由基础模板中内置的代码根据添加的材料文件的各元素的原始数据将各元素排布在基础模板内的相应位置,从而合成一个具有某种主题和风格的场景模板;
若编辑网站中内置的空白模板不符合设计人员的要求时,设计人员也可以在编辑网站内通过JavaScript编写代码以生成符合设计人员要求的新的空白模板,以此作为基础模板将编辑网站解析后的各元素在该基础模板中排布,以合成一个场景模板。
在本发明的一个实施例中,所述通过编辑网站将解析后的材料文件的各元素绘制到编辑网站中的canvas画布中,以初次生成具有某种主题和风格的场景模板还包括:
在空白模板的代码中添加图片和文字绑定鼠标交互事件的代码,以使添加至基础模板内的材料文件的各元素被进行排布、合成时对其中的图片和文字生成快捷操作设置。
需要说明的是,在通过JavaScript编写空白模板的代码时,在其中添加图片和文字绑定鼠标交互事件的代码,即将鼠标动作与图片和文字编辑的指令进行绑定,从而使添加至基础模板内的材料文件的各元素被进行排布、合成后形成对图片和文字进行编辑的快捷操作,以便于对初次生成的场景模板能够进行快速的修改调整,以快速的在PC端制作出最终的场景模板,提高制作效率。
在本发明的一个实施例中,所述对初次生成的场景模板进行预览,对其中生成错误或与实际效果不符的元素进行修改,以生成最终的场景模板包括:
查看初次生成的场景模板中的前景图片和背景海报中的各图层的图片和文字内容以及挂件是否与直播主题无关的,若有则对相应的图片和文字内容以及挂件进行删除或替换;
查看初次生成的场景模板中的前景图片和背景海报中的各个图层的大小和放置位置、各图层的图片样式和色彩、各图层的文字样式和色彩是否与直播主题相协调和相匹配,若有则对相应内容进行编辑和修改。
需要说明的是,初次生成的场景模板是通过编辑网站内置的空白模板或设计人员制作的空白模板自动生成的,因此在生成过程中可能会出现材料文件中的部分元素出现错乱、重影等错误,或者生成后的效果与设计人员预想的效果有出入,因此需要对初次生成的场景模板进行修改和调整,相当于对场景模板的一次修正,以使其达到预期的效果。
首先需要查看该场景模板中的前景图片和背景图片中的各个图层的图片和文字内容以及挂件是否有与预想的直播主题无关联的,若有,则将无关联的图片、文字和挂件删除;若删除后需要添加与直播主题相关的图片、文字和挂件,则在相应位置添加与直播主题相关联的图片、文字和挂件,从而使场景模板的整体内容相一致;其中,添加的与主题相关的图片和挂件可以为设计人员自己制作的图片和挂件,也可以为编辑网站内存储的图片和挂件;添加的与主题相关的文字为重新编辑上去的文字;
然后需要查看各个图层的放置位置、叠加顺序和大小是否协调以及各图层的图片和文字的样式、色彩是否协调,若不协调则进行调整;此过程对图片和文字的调整包括调整图片的大小、旋转角度、透明度,对图片进行剪裁,对图片进行水平翻转或竖直翻转,和调整文字的大小、粗细、倾斜度、颜色、下划线、对齐方式、文字方向或透明度,以及水平翻转或竖直翻转,调整字间距、行间距,对文字添加渐变色、阴影、描边等;对色彩的调整包括调整色相、饱和度和明暗度等;从而使制作的场景模板具有美感并且能凸显直播中的重点内容。
在本发明的一个实施例中,所述通过编辑器APP对选取的场景模板中与直播主题不符的元素进行替换或修改,以生成符合直播主题和风格的直播场景包括:
S41:通过编辑器APP从后台服务器获取所选取的场景模板的json数据;
S42:根据获取的场景模板的json数据结合效果图片的信息在编辑器APP中创建画布对该场景模板进行还原;
S43:对还原后的场景模板进行浏览,对其中还原错误或者与直播主题和风格不相符的元素进行修改,以生成符合直播主题和风格的直播场景;
S44:通过编辑器APP将编辑完成的直播场景生成新的图片,并以json数据的方式存储至后台服务器中。
需要说明的是,在步骤S41中,在编辑器APP中将选取的场景模板打开后,编辑器APP会通过其内置的程序自动从后台服务器中获取打开的场景模板的json数据,以便于将选取的场景模板的数据导入至编辑器APP中,从而便于在移动端通过编辑器APP对场景模板进一步处理;
在步骤S42中,选取的场景模板的数据从后台服务器导入编辑器APP中后,通过编辑器APP中内置的程序会自动创建画布并根据该场景模板的数据和效果图片的信息将该场景模板中的各元素进行还原,从而在创建的画布中绘制出与选取的场景模板相同的场景模板;该还原后的场景模板为可编辑状态,以便于直播人员在移动端对还原后的场景模板进行修改;
在步骤S43中,设计人员通过编辑网站制作场景模板并将场景模板存储至编辑网站内以供直播人员选择使用;部分直播人员是在移动端进行直播,因此需要通过后台服务器将在编辑网站制作的场景模板同步至编辑器APP中,以便于直播人员在移动端使用;由于设计人员是根据自己的预想设计的场景模板,因此设计的场景模板可能会不符合直播人员的要求,因此直播人员通过编辑器APP选取的是与其直播内容最相近的场景模板,因此选取的场景模板中或多或少会有部分元素与实际直播的内容不相匹配,因此直播人员需要对其中不相匹配的元素通过替换或调整的方式进行修改,以使修改后的直播场景符合实际的直播内容和主题;并且通过编辑器APP对选取场景模板进行还原后可能会出现某些元素错乱或重影等错误,因此需要对出现的错误进行修改;通过编辑器APP对场景模板进行修改的方法与在PC端对初次生成的场景模板进行修改的方法相同;该方法只需要直播人员修改部分元素就能完成对直播间场景的布置,简化直播间场景布置的步骤,提高直播间场景的布置效率;
在步骤S44中,在编辑器APP中编辑修改完成的直播场景会被编辑器APP以json数据的方式存储至后台服务器中,并生成新的图片展示在编辑器APP中,以作为新的场景模板,在以后直播时被选取使用。
在本发明的一个实施例中,一种对直播间的直播场景进行布置的方法,还包括如下步骤:
将直播场景导入直播间内后,通过翻转、美颜、场景切换、挂件调整和音效调节功能结合主播画面对直播过程进行调试。
需要说明的是,通过编辑器APP将修改完成的直播场景导入到直播间内,并结合主播画面模拟直播场景,以对直播过程进行调试,以使直播场景与直播内容更协调,从而提高直播的效果;其中调试的内容包括通过对挂件、背景海报和前景图片的朝向的翻转、对直播画面以及主播进行美颜调整、模拟对不同直播场景进行切换,对挂件的位置进行调整以及对直播过程中的音质音量进行调节等,从而进一步确保直播过程的顺利,提高直播的质量。
如图2所示,本发明的实施例还提供了一种对直播间的直播场景进行布置的装置,包括:
模板制作模块1:用于获取布置直播间的直播场景所需的素材,并在PC端通过编辑网站将获取的素材制作成各种主题和风格的场景模板;
数据同步模块2:用于通过编辑网站将制作的场景模板以json数据方式存储至后台服务器中,并通过后台服务器将场景模板以效果图片的方式同步至编辑器APP中;
模板选取模块3:用于在移动端通过编辑器APP在同步至编辑器APP中的各场景模板中选取与直播主题相近的一个或多个场景模板;
场景修改模块4:用于通过编辑器APP对选取的场景模板中与直播主题不符的元素进行替换或修改,以生成符合直播主题和风格的直播场景;
场景应用模块5:用于将直播场景导入直播间内,在直播过程中根据直播的实际情况切换相对应的直播场景。
需要说明的是,该对直播间的直播场景进行布置的装置应用于编辑网站和编辑器APP中;模板制作模块1包括解析子模块、绘制子模块和修改子模块,由设计人员将获取的素材添加至编辑网站后,通过解析子模块对添加的素材进行解析,以获取添加的素材的各元素的信息例如前景海报和背景图片中的图层、文字和色彩信息以及挂件信息等,然后通过绘制子模块将解析后的素材的各元素绘制在编辑网站中的canvas画布,以初次生成具有某种主题和风格的场景模板,此时的场景模板处于可编辑状态;然后通过修改子模块对初次生成的场景模板中的有错误或与设计人员预想的主题和风格不符的元素进行编辑修改,从而生成最终符合设计人员预想的最终的场景模板。
最终的场景模板通过数据同步模块2生成PNG、JPG格式的效果图片,并以json数据的方式存储于后台服务器中,然后通过后台服务器将该场景模板的信息以效果图片的方式同步至编辑器APP中,以便于在编辑器APP中使用;同步至编辑器APP中的场景模板展示在编辑器APP的模板列表中,通过模板选取模块3在编辑器APP的模板列表中的各场景模板中选取符合直播主题的一个或多个场景模板,作为直播间场景布置的待用模板,然后通过场景修改模板将选取的待用模板打开,此时通过场景修改模板会自动从后台服务器调取打开的场景模板的json数据,并根据调取的json数据结合效果图片的信息重新绘制画布将场景模板进行还原,还原后的场景模板处于可编辑状态,通过场景修改模块4可以对该状态下的场景模板中与直播主题不符的元素进行替换或修改,从而生成与实际直播内容相匹配的直播场景;最后通过场景应用模块5将生成的与实际直播内容相匹配的直播场景导入直播间内,在直播过程中根据主播的直播进度对整个直播场景进行切换,从而避免了背景海报、前景图片和挂件分别单独切换时容易出现的背景海报、前景图片和挂件相互不匹配的情况,以提高直播的质量和效果。
本发明的实施例还提供了一种对直播间的直播场景进行布置的设备,包括存储器、处理器和存储于所述存储器中并可在所述处理器中运行的可执行指令,所述处理器执行所述可执行指令时实现如上所述的对直播间的直播场景进行布置的方法。
需要说明的是,对直播间的直播场景进行布置的设备可以包括:处理器、存储器以及存储于存储器中并可在处理器中运行的可执行指令,处理器执行可执行指令时实现如上所述的对直播间的直播场景进行布置的方法。该设备应用于编辑网站和编辑器APP中。
其中,该处理器可以包括一个或多个处理核心.处理器利用各种接口和线路连接对直播间的直播场景进行布置的设备内的各个部分,通过运行或执行存储在存储器内的指令、程序、代码集或指令集,以及调用存储器内的数据,执行对直播间的直播场景进行布置的设备的各种功能和处理数据,可选的,处理器可以采用数字信号处理(Digital SignalProcessing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(ProgrambleLogicArray,PLA)中的至少一个硬件形式来实现。处理器可集成中央处理器(CentralProcessingUnit,CPU)、图像处理器(Graphics Processing Unit,GPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统、用户界面和应用程序等;GPU用于负责触摸显示屏所需要显示的内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器中,单独通过一块芯片进行实现。
其中,存储器可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory)。可选的,该存储器包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器可用于存储指令、程序、代码、代码集或指令集。存储器可包括存储程序区和存储数据区﹐其中,存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控指令等)、用于实现上述各个方法实施例的指令等;存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器可选的还可以是至少一个位于远离前述处理器的存储装置。
本发明的实施例还提供了一种计算机存储介质,该计算机存储介质可以存储有多条指令,该指令适用于由处理器加载并执行上述对直播间的直播场景进行布置的方法步骤,具体执行过程可以参见上述实施例的具体说明,在此不进行赘述。
虽然本公开披露如上,但本公开的保护范围并非仅限于此。本领域技术人员在不脱离本公开的精神和范围的前提下,可进行各种变更与修改,这些变更与修改均将落入本发明的保护范围。

Claims (10)

1.一种对直播间的直播场景进行布置的方法,其特征在于,包括如下步骤:
获取布置直播间的直播场景所需的素材,并在PC端通过编辑网站将获取的素材制作成各种主题和风格的场景模板;
通过编辑网站将制作的场景模板以json数据方式存储至后台服务器中,并通过后台服务器将场景模板以效果图片的方式同步至编辑器APP中;
在移动端通过编辑器APP在同步至编辑器APP中的各场景模板中选取与直播主题相近的一个或多个场景模板;
通过编辑器APP对选取的场景模板中与直播主题不符的元素进行替换或修改,以生成符合直播主题和风格的直播场景;
将直播场景导入直播间内,在直播过程中根据直播的实际情况切换相对应的直播场景。
2.根据权利要求1所述的一种对直播间的直播场景进行布置的方法,其特征在于,所述素材包括多套材料文件,各套材料文件包括一张背景海报、至少一张前景图片和至少一个挂件;一个所述场景模板为一套材料文件中所包括的背景海报、前景图片和挂件的组合。
3.根据权利要求2所述的一种对直播间的直播场景进行布置的方法,其特征在于,所述在PC端通过编辑网站将获取的素材制作成各种主题和风格的场景模板包括:
分别将各套材料文件打包添加至编辑网站内,并通过编辑网站内置的解析代码对添加的素材进行解析,以获取材料文件中各元素的信息;其中,元素包括背景海报和前景图片中的图层、文字和色彩以及挂件;
通过编辑网站将解析后的材料文件的各元素绘制到编辑网站中的canvas画布中,以初次生成具有某种主题和风格的场景模板;
对初次生成的场景模板进行预览,对其中生成错误或者与实际效果不符的元素进行修改,以生成最终的场景模板。
4.根据权利要求3所述的一种对直播间的直播场景进行布置的方法,其特征在于,所述通过编辑网站将解析后的材料文件的各元素绘制到编辑网站中的canvas画布中,以初次生成具有某种主题和风格的场景模板包括:
选取编辑网站中内置的空白模板或通过JavaScript编写相应的代码生成新的空白模板,以作为绘制场景模板的基础模板;
将解析后的素材添加至基础模板中,由基础模板中内置的代码根据添加的材料文件的原始数据对各元素进行排布、合成,以生成具有某种主题和风格的场景模板。
5.根据权利要求4所述的一种对直播间的直播场景进行布置的方法,其特征在于,所述通过编辑网站将解析后的材料文件的各元素绘制到编辑网站中的canvas画布中,以初次生成具有某种主题和风格的场景模板还包括:
在空白模板的代码中添加图片和文字绑定鼠标交互事件的代码,以使添加至基础模板内的材料文件的各元素被进行排布、合成时对其中的图片和文字生成快捷操作设置。
6.根据权利要求3所述的一种对直播间的直播场景进行布置的方法,其特征在于,所述对初次生成的场景模板进行预览,对其中生成错误或与实际效果不符的元素进行修改,以生成最终的场景模板包括:
查看初次生成的场景模板中的前景图片和背景海报中的各图层的图片和文字内容以及挂件是否与直播主题无关的,若有则对相应的图片和文字内容以及挂件进行删除或替换;
查看初次生成的场景模板中的前景图片和背景海报中的各个图层的大小和放置位置、各图层的图片样式和色彩、各图层的文字样式和色彩是否与直播主题相协调和相匹配,若有则对相应内容进行编辑和修改。
7.根据权利要求3所述的一种对直播间的直播场景进行布置的方法,其特征在于,所述通过编辑器APP对选取的场景模板中与直播主题不符的元素进行替换或修改,以生成符合直播主题和风格的直播场景包括:
通过编辑器APP从后台服务器获取所选取的场景模板的json数据;
根据获取的场景模板的json数据结合效果图片的信息在编辑器APP中创建画布对该场景模板进行还原;
对还原后的场景模板进行浏览,对其中还原错误或者与直播主题和风格不相符的元素进行修改,以生成符合直播主题和风格的直播场景;
通过编辑器APP将编辑完成的直播场景生成新的图片,并以json数据的方式存储至后台服务器中。
8.根据权利要求1所述的一种对直播间的直播场景进行布置的方法,其特征在于,还包括如下步骤:
将直播场景导入直播间内后,通过翻转、美颜、场景切换、挂件调整和音效调节功能结合主播画面对直播过程进行调试。
9.一种对直播间的直播场景进行布置的装置,其特征在于,包括:
模板制作模块:用于获取布置直播间的直播场景所需的素材,并在PC端通过编辑网站将获取的素材制作成各种主题和风格的场景模板;
数据同步模块:用于通过编辑网站将制作的场景模板以json数据方式存储至后台服务器中,并通过后台服务器将场景模板以效果图片的方式同步至编辑器APP中;
模板选取模块:用于在移动端通过编辑器APP在同步至编辑器APP中的各场景模板中选取与直播主题相近的一个或多个场景模板;
场景修改模块:用于通过编辑器APP对选取的场景模板中与直播主题不符的元素进行替换或修改,以生成符合直播主题和风格的直播场景;
场景应用模块:用于将直播场景导入直播间内,在直播过程中根据直播的实际情况切换相对应的直播场景。
10.一种对直播间的直播场景进行布置的设备,其特征在于,包括存储器、处理器和存储于所述存储器中并可在所述处理器中运行的可执行指令,所述处理器执行所述可执行指令时实现如权利要求1-8任一项所述的对直播间的直播场景进行布置的方法。
CN202211058560.3A 2022-08-30 2022-08-30 一种对直播间的直播场景进行布置的方法、装置及设备 Pending CN115426520A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211058560.3A CN115426520A (zh) 2022-08-30 2022-08-30 一种对直播间的直播场景进行布置的方法、装置及设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211058560.3A CN115426520A (zh) 2022-08-30 2022-08-30 一种对直播间的直播场景进行布置的方法、装置及设备

Publications (1)

Publication Number Publication Date
CN115426520A true CN115426520A (zh) 2022-12-02

Family

ID=84200283

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211058560.3A Pending CN115426520A (zh) 2022-08-30 2022-08-30 一种对直播间的直播场景进行布置的方法、装置及设备

Country Status (1)

Country Link
CN (1) CN115426520A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117376596A (zh) * 2023-12-08 2024-01-09 江西拓世智能科技股份有限公司 基于智能数字人模型的直播方法、装置及存储介质

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105898438A (zh) * 2016-04-07 2016-08-24 广州华多网络科技有限公司 直播间动态配置方法、装置、系统及服务器
CN106604046A (zh) * 2016-12-06 2017-04-26 广州华多网络科技有限公司 视频直播方法及装置
CN108174250A (zh) * 2018-01-08 2018-06-15 武汉斗鱼网络科技有限公司 一种检测直播间人气值的方法、客户端及计算机设备
CN110413261A (zh) * 2019-06-26 2019-11-05 上海哔哩哔哩科技有限公司 一种直播功能模块的配置方法与设备
CN111405307A (zh) * 2020-03-20 2020-07-10 广州华多网络科技有限公司 直播模板配置方法、装置及电子设备
CN111556329A (zh) * 2020-04-26 2020-08-18 北京字节跳动网络技术有限公司 一种直播中媒体内容插入的方法及装置
CN112016023A (zh) * 2019-05-29 2020-12-01 腾讯数码(天津)有限公司 业务处理方法、装置、终端及存储介质
CN112712575A (zh) * 2020-12-28 2021-04-27 广州虎牙科技有限公司 贴纸模板图像生成方法、装置、主播端设备及存储介质
CN113344633A (zh) * 2021-06-18 2021-09-03 上海哔哩哔哩科技有限公司 广告图片处理方法及装置
WO2022000983A1 (zh) * 2020-06-30 2022-01-06 百度在线网络技术(北京)有限公司 视频处理方法、装置、电子设备和存储介质
CN113992928A (zh) * 2021-10-25 2022-01-28 北京达佳互联信息技术有限公司 直播间展示方法、装置、电子设备及存储介质
CN114491101A (zh) * 2022-02-11 2022-05-13 浪潮云信息技术股份公司 一种海报编辑及生产图片的方法、装置及介质

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105898438A (zh) * 2016-04-07 2016-08-24 广州华多网络科技有限公司 直播间动态配置方法、装置、系统及服务器
CN106604046A (zh) * 2016-12-06 2017-04-26 广州华多网络科技有限公司 视频直播方法及装置
CN108174250A (zh) * 2018-01-08 2018-06-15 武汉斗鱼网络科技有限公司 一种检测直播间人气值的方法、客户端及计算机设备
CN112016023A (zh) * 2019-05-29 2020-12-01 腾讯数码(天津)有限公司 业务处理方法、装置、终端及存储介质
CN110413261A (zh) * 2019-06-26 2019-11-05 上海哔哩哔哩科技有限公司 一种直播功能模块的配置方法与设备
CN111405307A (zh) * 2020-03-20 2020-07-10 广州华多网络科技有限公司 直播模板配置方法、装置及电子设备
CN111556329A (zh) * 2020-04-26 2020-08-18 北京字节跳动网络技术有限公司 一种直播中媒体内容插入的方法及装置
WO2022000983A1 (zh) * 2020-06-30 2022-01-06 百度在线网络技术(北京)有限公司 视频处理方法、装置、电子设备和存储介质
CN112712575A (zh) * 2020-12-28 2021-04-27 广州虎牙科技有限公司 贴纸模板图像生成方法、装置、主播端设备及存储介质
CN113344633A (zh) * 2021-06-18 2021-09-03 上海哔哩哔哩科技有限公司 广告图片处理方法及装置
CN113992928A (zh) * 2021-10-25 2022-01-28 北京达佳互联信息技术有限公司 直播间展示方法、装置、电子设备及存储介质
CN114491101A (zh) * 2022-02-11 2022-05-13 浪潮云信息技术股份公司 一种海报编辑及生产图片的方法、装置及介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117376596A (zh) * 2023-12-08 2024-01-09 江西拓世智能科技股份有限公司 基于智能数字人模型的直播方法、装置及存储介质
CN117376596B (zh) * 2023-12-08 2024-04-26 江西拓世智能科技股份有限公司 基于智能数字人模型的直播方法、装置及存储介质

Similar Documents

Publication Publication Date Title
US10984177B2 (en) System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout
CN105723358B (zh) 用于交互式站点与应用的自动转换的系统和方法
US6121963A (en) Virtual theater
US10846336B2 (en) Authoring tools for synthesizing hybrid slide-canvas presentations
US11721081B2 (en) Virtual reality experience scriptwriting
CN109656654B (zh) 大屏场景的编辑方法及计算机可读存储介质
US20080098326A1 (en) Laying out web components using mounting and pooling functions
JP3191266B2 (ja) イメージシミュレーションシステム
CN113452941A (zh) 视频生成方法、装置、电子设备及存储介质
CN111524221A (zh) 基于Unity平台的虚拟仿真实验制作系统
CN115426520A (zh) 一种对直播间的直播场景进行布置的方法、装置及设备
CN114997105A (zh) 设计模板以及素材的生成方法、计算设备及存储介质
KR20090078698A (ko) 동시 편집을 지원하는 다중 플랫폼 기반 사용자 인터페이스화면 편집 방법 및 장치
JP7049173B2 (ja) 手話cg翻訳編集装置及びプログラム
CN116954605A (zh) 页面生成方法、装置及电子设备
KR101118536B1 (ko) 상호 작용이 가능한 콘텐츠 저작 수단을 제공하는 방법
Rungta et al. ManyVis: Multiple applications in an integrated visualization environment
Warner et al. Interactive Flexible Style Transfer for Vector Graphics
JP4010761B2 (ja) 動画像情報の編集方法
CN109726382A (zh) 排版方法和装置
WO2014042053A1 (ja) 電子書籍制作装置、ビューワ装置、電子書籍システム及び電子書籍制作方法
WO2014050960A1 (ja) 電子書籍制作装置、電子書籍制作方法、電子書籍閲覧システム、ビューワ装置、及び電子書籍閲覧方法
CN115826974A (zh) 一种可插拔式的图表扩展方法及装置
CN116225414A (zh) 一种基于零代码的软件可视化快速开发系统
KR20220127477A (ko) 프레젠테이션 문서의 페이지 스타일을 손쉽게 설정할 수 있도록 지원하는 프레젠테이션 문서 편집 장치 및 그 동작 방법

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