CN112732255A - 渲染方法、装置、设备和存储介质 - Google Patents
渲染方法、装置、设备和存储介质 Download PDFInfo
- Publication number
- CN112732255A CN112732255A CN202011610616.2A CN202011610616A CN112732255A CN 112732255 A CN112732255 A CN 112732255A CN 202011610616 A CN202011610616 A CN 202011610616A CN 112732255 A CN112732255 A CN 112732255A
- Authority
- CN
- China
- Prior art keywords
- design
- rendering
- result page
- information
- layer
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 161
- 238000000034 method Methods 0.000 title claims abstract description 54
- 238000013461 design Methods 0.000 claims abstract description 272
- 238000012545 processing Methods 0.000 claims description 16
- 230000000694 effects Effects 0.000 claims description 6
- 238000004590 computer program Methods 0.000 claims description 3
- 230000006870 function Effects 0.000 description 8
- 230000008569 process Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000007599 discharging Methods 0.000 description 1
- 230000007613 environmental effect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请公开了一种渲染方法、装置、设备和存储介质。方法包括获取目标设计源文件，目标设计源文件中定义有目标设计结果页面，目标设计结果页面中定义有多个设计图层，多个设计图层分别关联有对应的多媒体对象；确定设计图层的设计信息，设计信息包括统一资源定位符；根据统一资源定位符依次获取多个设计图层对应的多媒体对象，并排布于渲染画布上，得到目标设计结果页面对应的第一渲染结果页面。本申请通过服务器来实现目标设计结果页面的解析以及第一渲染结果页面的生成，大大提高了渲染能力，增强了渲染结果。本申请解决相关技术中不同终端设备的GPU或不同版本的浏览器的性能存在差异，存在渲染能力受限，且渲染结果不佳的技术问题。
Description
技术领域
本申请涉及可视化技术领域，具体而言，涉及一种渲染方法、装置、设备和存储介质。
背景技术
随着5G时代的到来，网络间的信息传输速度有了大幅的提高，互联网上对于信息的内容形式的要求也随之提高，因此，需要更加强大的内容编辑工具来对互联网上的信息内容进行更加丰富和效果升级的编辑。
当前对于互联网的信息内容如视频、图片、图文等进行创意编辑的创意设计编辑器大多是基于计算机桌面软件、手机应用或者Web应用，所编辑出的内容效果大多局限于终端设备如计算机、手机等的图形处理器(Graphics Processing Unit，GPU)的渲染能力或者浏览器的渲染能力。
由于不同终端设备的GPU或不同版本的浏览器的性能存在差异，渲染能力参差不齐，可能存在渲染能力受限，且渲染结果不佳的问题。
针对相关技术中不同终端设备的GPU或不同版本的浏览器的性能存在差异，存在渲染能力受限，且渲染结果不佳的问题，目前尚未提出有效的解决方案。
发明内容
本申请的主要目的在于提供一种渲染方法、装置、设备和存储介质，以解决相关技术中不同终端设备的GPU或不同版本的浏览器的性能存在差异，存在渲染能力受限，且渲染结果不佳的问题。
为了实现上述目的，第一方面，本申请提供了一种渲染方法。
根据本申请的方法，应用于服务器，方法包括：
获取目标设计源文件，其中，目标设计源文件中定义有目标设计结果页面，目标设计结果页面中定义有多个设计图层，多个设计图层分别关联有对应的多媒体对象；
分别确定多个设计图层的设计信息，其中，设计信息包括统一资源定位符，统一资源定位符用于关联设计图层和多媒体对象；
根据统一资源定位符依次获取多个设计图层对应的多媒体对象，并分别将获取的多媒体对象按顺序排布于预设的渲染画布上，得到目标设计结果页面对应的第一渲染结果页面。
在本申请一种可能的实现方式中，目标设计结果页面中还包括生成结果信息，其中，生成结果信息包括生成结果宽度、生成结果高度和生成结果演示时长，分别将获取的多媒体对象按顺序排布于预设的渲染画布上之后，方法还包括：
根据生成结果信息对渲染画布进行裁剪，以使得第一渲染结果页面的页面信息与生成结果信息一致。
在本申请一种可能的实现方式中，设计信息还包括设计图层的定位信息，分别将获取的多媒体对象按顺序排布于预设的渲染画布上，包括：
根据设计图层的定位信息，得到设计图层的位置参数；
根据位置参数，将设计图层对应的多媒体对象排布于渲染画布上。
在本申请一种可能的实现方式中，设计信息还包括着色器信息，着色器信息用于实现设计图层的三维渲染效果。
在本申请一种可能的实现方式中，设计图层关联的多媒体对象包括图片对象、图文对象、跳转对象、摄像头对象和视频对象中的任一种。
在本申请一种可能的实现方式中，设计图层关联的多媒体对象为视频对象，设计信息还包括视频开始时间、播放结束时间和循环播放参数。
在本申请一种可能的实现方式中，设计图层关联的多媒体对象为跳转对象，目标设计源文件中还定义有第二设计结果页面，第二设计结果页面对应有第二渲染结果页面，跳转对象用于单向关联设计图层和第二渲染结果页面，以使得通过跳转对象转向第二渲染结果页面。
第二方面，本申请还提供了一种渲染装置，装置包括：
获取模块，用于获取目标设计源文件，其中，目标设计源文件中定义有目标设计结果页面，目标设计结果页面中定义有多个设计图层，多个设计图层分别关联有对应的多媒体对象；
处理输出模块，用于分别确定多个设计图层的设计信息，其中，设计信息包括统一资源定位符，统一资源定位符用于关联设计图层和多媒体对象；
根据统一资源定位符依次获取多个设计图层对应的多媒体对象，并分别将获取的多媒体对象按顺序排布于预设的渲染画布上，得到目标设计结果页面对应的第一渲染结果页面。
在本申请一种可能的实现方式中，目标设计结果页面中还包括生成结果信息，处理输出模块具体用于：
根据生成结果信息对渲染画布进行裁剪，以使得第一渲染结果页面的页面信息与生成结果信息一致。
在本申请一种可能的实现方式中，设计信息还包括设计图层的定位信息，处理输出模块具体用于：
根据设计图层的定位信息，得到设计图层的位置参数；
根据位置参数，将设计图层对应的多媒体对象排布于渲染画布上。
第三方面，本申请还提供了一种渲染电子设备，电子设备包括：
一个或多个处理器；
存储器；以及
一个或多个应用程序，其中一个或多个应用程序被存储于存储器中，并配置为由处理器执行以实现第一方面中任一项的渲染方法。
第四方面，本申请还提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器进行加载，以执行第一方面任一项的渲染方法中的步骤。
在本申请中，提供一种渲染方法，通过目标设计源文件定义设计结果页面，每一个设计结果页面中又定义有设计图层，每一个设计图层关联有对应的多媒体对象，服务器通过解析目标设计结果页面，可以获取到其每一个设计图层所关联的多媒体对象，然后将多媒体对象按顺序排布在渲染画布上，便能够得到目标设计结果页面对应的第一渲染结果页面，本申请通过服务器来实现目标设计结果页面的解析以及第一渲染结果页面的生成，突破了终端设备或浏览器的渲染能力的限制，大大提高了渲染能力，增强了渲染结果；进而解决相关技术中不同终端设备的GPU或不同版本的浏览器的性能存在差异，存在渲染能力受限，且渲染结果不佳的技术问题。
附图说明
构成本申请的一部分的附图用来提供对本申请的进一步理解，使得本申请的其它特征、目的和优点变得更明显。本申请的示意性实施例附图及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
图1是根据本申请实施例提供的一种渲染方法的一个实施例流程示意图；
图2是根据本申请实施例提供的第一渲染结果页面的一个实施例结构示意图；
图3是根据本申请实施例提供的一种渲染装置的一个实施例结构示意图；
图4是根据本申请实施例提供的一种渲染电子设备的一个实施例结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。
需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
在本申请中，术语“上”、“下”、“左”、“右”、“前”、“后”、“顶”、“底”、“内”、“外”、“中”、“竖直”、“水平”、“横向”、“纵向”等指示的方位或位置关系为基于附图所示的方位或位置关系。这些术语主要是为了更好地描述本申请及其实施例，并非用于限定所指示的装置、元件或组成部分必须具有特定方位，或以特定方位进行构造和操作。
并且，上述部分术语除了可以用于表示方位或位置关系以外，还可能用于表示其他含义，例如术语“上”在某些情况下也可能用于表示某种依附关系或连接关系。对于本领域普通技术人员而言，可以根据具体情况理解这些术语在本申请中的具体含义。
另外，术语“多个”的含义应为两个以及两个以上。
需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
首先，本申请实施例提供一种渲染方法，该渲染方法的执行主体为渲染装置，该渲染装置应用于服务器，该服务器可以是多个服务器构成的云服务器，其中，云服务器由基于云计算(Cloud Computing)的大量计算机或网络服务器构成。
该渲染方法包括：获取目标设计源文件，其中，目标设计源文件中定义有目标设计结果页面，目标设计结果页面中定义有多个设计图层，多个设计图层分别关联有对应的多媒体对象；分别确定多个设计图层的设计信息，其中，设计信息包括统一资源定位符，统一资源定位符用于关联设计图层和多媒体对象；根据统一资源定位符依次获取多个设计图层对应的多媒体对象，并分别将获取的多媒体对象按顺序排布于预设的渲染画布上，得到目标设计结果页面对应的第一渲染结果页面。
请参阅图1，图1为本申请实施例所提供的一种渲染方法的一个实施例流程示意图，该渲染方法应用于服务器，方法包括：
101、获取目标设计源文件，其中，目标设计源文件中定义有目标设计结果页面，目标设计结果页面中定义有多个设计图层，多个设计图层分别关联有对应的多媒体对象。
本申请实施例的目标设计源文件中可以采用领域特定语言(Domain SpecificLanguage，DSL)来定义目标设计结果页面，目标设计结果页面中可以定义有多个设计图层，每一个设计图层都可以关联有对应的多媒体对象，具体的，多媒体对象可以是图片对象、图文对象、跳转对象、摄像头对象、视频对象等。
本申请实施例中，服务器获取目标设计源文件的方式可以是被动获取，比如，用户在终端设备上有渲染编辑操作，则可以通过终端设备编辑得到的目标设计源文件上传到服务器，从而使服务器获取到目标设计源文件；另外，服务器也可以主动从终端设备获取目标设计源文件，比如，服务器按照设定的间隔时间如30分钟，定时访问终端设备，当终端设备上存储有更新的目标设计源文件，便主动从终端设备获取该更新的目标设计源文件。
例如，目标设计结果页面(如“page-1”)定义有3个设计图层，可以分别为设计图层“layer-1”、设计图层“layer-2”以及设计图层“layer-3”。
102、分别确定多个设计图层的设计信息，其中，设计信息包括统一资源定位符，统一资源定位符用于关联设计图层和多媒体对象。
本申请实施例中，每一个设计图层都可以关联对应的多媒体对象，多媒体对象与设计图层之间的关联关系可以通过设计信息中的统一资源定位符来进行确定，本申请实施例中，统一资源定位符(Uniform Resource Locator，URL)即为多媒体对象的网络地址，可以利用统一资源定位符来唯一标识多媒体对象，即不同的多媒体对象所配置的统一资源定位符即网络地址是不相同的，每一个设计图层的设计信息中都记录有该设计图层所关联的多媒体对象的统一资源定位符，以便于后续根据该统一资源定位符来获取对应的多媒体对象，需要说明的是，不同的设计图像可以关联不同的多媒体对象，也可以关联相同的多媒体对象，设计图层所关联的多媒体对象可以根据实际应用场景进行选择，具体此处不做限定。
本申请实施例中，设计图层关联的多媒体对象的类型可以是图片对象、图文对象、跳转对象、摄像头对象、视频对象等，如果设计图层所关联的多媒体对象为视频对象，则设计信息还可以包括视频开始时间、播放结束时间和循环播放参数，视频开始时间可以是第一渲染结果页面中，该视频开始播放的时间，播放结束时间可以是第一渲染结果页面中，该视频结束播放的时间，循环播放参数可以用于限定该视频在第一渲染结果页面中是否循环播放等。
例如，目标设计结果页面“page-1”的设计图层“layer-2”的设计信息中，统一资源定位符为“https://item-2-video-url.mp4”，该统一资源定位符所指向的多媒体对象为视频对象“video-2”，则设计图层“layer-2”的设计信息还可以包括视频对象“video-2”的视频开始时间“startTime”(如“0”)、播放结束时间“endTime”(如“100”)、循环播放参数“loop”(如“true”)，上述设计信息代表着目标设计结果页面“page-1”对应的第一渲染结果页面(如“render-1”)中，视频对象“video-2”从第0秒开始，循环播放，直到第100秒，视频对象“video-2”播放结束。
103、根据统一资源定位符依次获取多个设计图层对应的多媒体对象，并分别将获取的多媒体对象按顺序排布于预设的渲染画布上，得到目标设计结果页面对应的第一渲染结果页面。
根据步骤102可以知道，统一资源定位符可以唯一标识一个多媒体对象，因此，可以根据每一个设计图层中的统一资源定位符来获取该设计图层对应的多媒体对象，并且，同一个多媒体对象与设计图层之间，可以是一对一的关系，也可以是一对多的关系，在获取多媒体对象的时候，可以根据多个设计图层的排列顺序来依次获取对应的多媒体对象，例如，对于目标设计结果页面“page-1”的设计图层“layer-1”、设计图层“layer-2”以及设计图层“layer-3”，可以是先获取设计图层“layer-1”对应的多媒体对象，再获取设计图层“layer-2”对应的多媒体对象，最后获取设计图层“layer-3”对应的多媒体对象。
假如，设计图层“layer-1”的设计信息中，统一资源定位符为“https://item-1-image-url.jpg”，该统一资源定位符所指向的多媒体对象为图片对象“image-1”；设计图层“layer-2”的设计信息中，统一资源定位符为“https://item-2-video-url.mp4”，该统一资源定位符所指向的多媒体对象为视频对象“video-2”；设计图层“layer-3”的设计信息中，统一资源定位符为“https://item-3-image-url.jpg”，该统一资源定位符所指向的多媒体对象为图片对象“image-3”；则在获取多媒体对象时，可以先获取图片对象“image-1”，再获取视频对象“video-2”，最后获取图片对象“image-3”。
根据设计图层的排列顺序获取到对应的多媒体对象之后，本申请实施例中还可以根据相同的顺序将依次获取到的多媒体对象排布在渲染画布上，即首先获取到的设计图层“layer-1”关联的图片对象“image-1”首先排布在渲染画布上，然后再依次对设计图层“layer-2”关联的视频对象“video-2”，以及设计图层“layer-3”关联的图片对象“image-3”进行排布。
另外，本申请实施例中，每一个设计图层的设计信息还可以包括该设计图层的定位信息，在对每一个设计图层所关联的多媒体对象进行排布时，具体的，可以根据该设计图层的定位信息，得到该设计图层的位置参数；根据该位置参数，再将设计图层对应的多媒体对象排布于渲染画布上，即该定位信息可以用来限定设计图层应的多媒体对象在渲染画布上的排布位置。
比如，根据设计图层“layer-1”的定位信息(如“top：60；left：400；width：100；height：100”)可以得到设计图层“layer-1”关联的图片对象“image-1”在渲染画布上的位置参数是(60，400，100，100)，根据该位置参数将图片对象“image-1”排布在渲染画布上，具体的排布位置为图片对象“image-1”的上边界距离渲染画布上边界60mm，左边界距离渲染画布左边界400mm，且图片对象“image-1”的宽度为100mm，高度为100mm；同样的，根据设计图层“layer-2”的定位信息(如“top：100；left：300；width：300；height：200”)可以得到设计图层“layer-2”关联的视频对象“video-2”在渲染画布上的位置参数是(100，300，300，200)，根据该位置参数将视频对象“video-2”排布在渲染画布上，具体的排布位置为视频对象“video-2”的上边界距离渲染画布上边界100mm，左边界距离渲染画布左边界300mm，且视频对象“video-2”的宽度为300mm，高度为200mm。
在本申请实施例中，提供一种渲染方法，通过目标设计源文件定义设计结果页面，每一个设计结果页面中又定义有设计图层，每一个设计图层关联有对应的多媒体对象，服务器通过解析目标设计结果页面，可以获取到其每一个设计图层所关联的多媒体对象，然后将多媒体对象按顺序排布在渲染画布上，便能够得到目标设计结果页面对应的第一渲染结果页面，本申请通过服务器来实现目标设计结果页面的解析以及第一渲染结果页面的生成，突破了终端设备或浏览器的渲染能力的限制，大大提高了渲染能力，增强了渲染结果，同时，由于服务器可以关联有超大规模的多媒体对象，因此，本申请实施例可获取的多媒体对象素材更加丰富。
在本申请一些实施例中，目标设计结果页面中还可以包括生成结果信息，分别将获取的多媒体对象按顺序排布于预设的渲染画布上之后，方法可以进一步包括：
根据生成结果信息对渲染画布进行裁剪，以使得第一渲染结果页面的页面信息与生成结果信息一致。
本申请实施例中，生成结果信息可以包括生成结果宽度和生成结果高度，该生成结果信息可以用来限定第一渲染结果页面的页面信息即页面大小，因此，在将多媒体对象排布在渲染画布上之后，可以根据生成结果宽度和生成结果高度来对渲染画布进行裁剪。例如，目标设计结果页面“page-1”的生成结果信息为“width-1：800；height-1:400”，则需要对渲染画布进行裁剪，使得第一渲染结果页面的页面大小为宽度800mm，高度400mm。值得注意的是，为了确保第一渲染结果页面的完整性，正常情况下，所裁剪掉的渲染画布的区域应该是没有排布多媒体对象的区域。另外，生成结果信息还可以包括第一渲染结果页面的演示时长以及其背景颜色，例如，目标设计结果页面“page-1”还包括生成结果信息为“backgroundColor-1：#fffffff；duration-1:1000”，则第一渲染结果页面“render-1”的背景颜色为#fffffff，演示时长为1000s。
在本申请一些实施例中，目标设计源文件中还可以定义有第二设计结果页面，该第二设计结果页面对应有第二渲染结果页面，第一设计结果页面的其中一个设计图层关联的多媒体对象为跳转对象时，该跳转对象可以用于单向关联该设计图层和第二渲染结果页面，以使得在第一渲染结果页面可以通过跳转对象转向第二渲染结果页面。
例如，第二设计结果页面“page-2”对应的第二渲染结果页面为“render-2”，目标设计结果页面“page-1”的设计图层“layer-1”的设计信息中，统一资源定位符为“https://item-1-image-url.jpg”，该统一资源定位符所指向的多媒体对象为图片对象“image-1”，且图片对象“image-1”的上边界距离渲染画布上边界60mm，左边界距离渲染画布左边界400mm，图片对象“image-1”的宽度为100mm，高度为100mm；设计图层“layer-2”的设计信息中，统一资源定位符为“https://item-2-video-url.mp4”，该统一资源定位符所指向的多媒体对象为视频对象“video-2”，且视频对象“video-2”的上边界距离渲染画布上边界100mm，左边界距离渲染画布左边界300mm，视频对象“video-2”的宽度为300mm，高度为200mm；设计图层“layer-3”的设计信息中，统一资源定位符所指向的多媒体对象为按钮对象“button-3”，且按钮对象“button-3的上边界距离渲染画布上边界348mm，左边界距离渲染画布左边界336mm，按钮对象“button-3”的宽度为100mm，高度为20mm，则能够得到如图2所示的第一渲染结果页面的一个实施例结构示意图；该按钮对象“button-3”还可以通过设计信息(如“redirectTo：render-2”)关联设计图层“layer-3”与第二渲染结果页面“render-2”，这样便能够实现在第一渲染结果页面“render-1”通过该设计图层“layer-3”的按钮对象“button-3”跳转到第二渲染结果页面“render-2”。需要说明的是，本申请实施例中所例举的参数单位如秒、mm等仅是一种示例，具体可以根据实际应用场景进行设置。
在本申请一些实施例中，设计信息还可以包括着色器信息(如“fragmentShader”)，该着色器信息可以用于实现设计图层的三维渲染效果，另外，还可以通过定义多媒体对象为摄像头对象的设计图层，来确定摄像头位置，将二维设计中的设计图层视作为三维世界中的物体，模拟三维世界中遮挡阴影的实现和环境遮蔽阴影的效果；本申请实施例将以上多媒体对象构建在同一个三维场景中，可以基于游戏引擎(如UE4、Unity3D等)渲染出以上设计的场景。
此外，本申请实施例的方法还可以通过Web前端的UI界面实现内容的编辑工具，并将该编辑工具的信号实时与服务器进行同步，将编辑指令变化为对渲染内容数据的操作，并将渲染内容数据转化为设计场景，进行实时渲染。同时，还可以通过如虚幻引擎中的像素流直播传输技术(Pixel Streaming)实现将服务器云渲染的预览结果在通过视频流的方式在终端设备或者浏览器上进行展示。此外，通过游戏引擎(如UE4、Unity3D)，可以将渲染结果页面进行更加细致的离线渲染和工程编译，可以将渲染结果页面截图、渲染或者发布为一个内容的可用形式，包括图片、视频或者可互相跳转的多个网页页面(html)构成的应用，并且脱离游戏引擎开发工具独立展示和运行。
为了更好实施本申请实施例中的渲染方法，在渲染方法基础之上，本申请实施例还提供一种渲染装置，如图3所示，渲染装置300包括：
获取模块301，用于获取目标设计源文件，其中，目标设计源文件中定义有目标设计结果页面，目标设计结果页面中定义有多个设计图层，多个设计图层分别关联有对应的多媒体对象；
处理输出模块302，用于分别确定多个设计图层的设计信息，其中，设计信息包括统一资源定位符，统一资源定位符用于关联设计图层和多媒体对象；
根据统一资源定位符依次获取多个设计图层对应的多媒体对象，并分别将获取的多媒体对象按顺序排布于预设的渲染画布上，得到目标设计结果页面对应的第一渲染结果页面。
在本申请一些实施例中，目标设计结果页面中还包括生成结果信息，处理输出模块302具体可以用于：
根据生成结果信息对渲染画布进行裁剪，以使得第一渲染结果页面的页面信息与生成结果信息一致。
在本申请一些实施例中，设计信息还包括设计图层的定位信息，处理输出模块302具体还可以用于：
根据设计图层的定位信息，得到设计图层的位置参数；
根据位置参数，将设计图层对应的多媒体对象排布于渲染画布上。
具体的，本申请实施例的装置中各模块实现其功能的具体过程可参见如图1至图2对应任意实施例中渲染方法的说明，具体在此不再赘述。
本申请实施例还提供一种渲染电子设备，其集成了本申请实施例所提供的任一种渲染装置，该电子设备包括：
一个或多个处理器；
存储器；以及
一个或多个应用程序，其中一个或多个应用程序被存储于存储器中，并配置为由处理器执行上述渲染方法实施例中任一实施例中的渲染方法中的步骤。
本申请实施例的一种渲染电子设备，其集成了本申请实施例所提供的任一种渲染装置。如图4所示，其示出了本申请实施例所涉及的电子设备的结构示意图，具体来讲：
该电子设备可以包括一个或者一个以上处理核心的处理器401、一个或一个以上计算机可读存储介质的存储器402、电源403和输入单元404等部件。本领域技术人员可以理解，图4中示出的电子设备结构并不构成对电子设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：
处理器401是该电子设备的控制中心，利用各种接口和线路连接整个电子设备的各个部分，通过运行或执行存储在存储器402内的软件程序和/或模块，以及调用存储在存储器402内的数据，执行电子设备的各种功能和处理数据，从而对电子设备进行整体监控。可选的，处理器401可包括一个或多个处理核心；处理器401可以是中央处理单元(CentralProcessing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital SignalProcessor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，优选的，处理器401可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器401中。
存储器402可用于存储软件程序以及模块，处理器401通过运行存储在存储器402的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器402可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据服务器的使用所创建的数据等。此外，存储器402可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器402还可以包括存储器控制器，以提供处理器401对存储器402的访问。
该电子设备还包括给各个部件供电的电源403，优选的，电源403可以通过电源管理系统与处理器401逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源403还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
该电子设备还可包括输入单元404，该输入单元404可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。
尽管未示出，服务器还可以包括显示单元等，在此不再赘述。具体在本实施例中，电子设备中的处理器401会按照如下的指令，将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器402中，并由处理器401来运行存储在存储器402中的应用程序，从而实现各种功能，如下：
获取目标设计源文件，其中，目标设计源文件中定义有目标设计结果页面，目标设计结果页面中定义有多个设计图层，多个设计图层分别关联有对应的多媒体对象；
分别确定多个设计图层的设计信息，其中，设计信息包括统一资源定位符，统一资源定位符用于关联设计图层和多媒体对象；
根据统一资源定位符依次获取多个设计图层对应的多媒体对象，并分别将获取的多媒体对象按顺序排布于预设的渲染画布上，得到目标设计结果页面对应的第一渲染结果页面。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的渲染装置、电子设备及其相应单元的具体工作过程，可以参考如图1至图2对应任意实施例中渲染方法的说明，具体在此不再赘述。
本领域普通技术人员可以理解，上述实施例的各种方法中的全部或部分步骤可以通过指令来完成，或通过指令控制相关的硬件来完成，该指令可以存储于一计算机可读存储介质中，并由处理器401进行加载和执行。
为此，本申请实施例提供一种计算机可读存储介质，该存储介质可以包括：只读存储器(Read Only Memory，ROM)、随机存取记忆体(Random Access Memory，RAM)、磁盘或光盘等。其上存储有计算机程序，计算机程序被处理器进行加载，以执行本申请实施例所提供的任一种渲染方法中的步骤。例如，计算机程序被处理器进行加载可以执行如下步骤：
获取目标设计源文件，其中，目标设计源文件中定义有目标设计结果页面，目标设计结果页面中定义有多个设计图层，多个设计图层分别关联有对应的多媒体对象；
分别确定多个设计图层的设计信息，其中，设计信息包括统一资源定位符，统一资源定位符用于关联设计图层和多媒体对象；
根据统一资源定位符依次获取多个设计图层对应的多媒体对象，并分别将获取的多媒体对象按顺序排布于预设的渲染画布上，得到目标设计结果页面对应的第一渲染结果页面。
以上仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。
Claims (10)
1.一种渲染方法，其特征在于，应用于服务器，所述方法包括：
获取目标设计源文件，其中，所述目标设计源文件中定义有目标设计结果页面，所述目标设计结果页面中定义有多个设计图层，多个所述设计图层分别关联有对应的多媒体对象；
分别确定多个所述设计图层的设计信息，其中，所述设计信息包括统一资源定位符，所述统一资源定位符用于关联所述设计图层和所述多媒体对象；
根据所述统一资源定位符依次获取多个所述设计图层对应的所述多媒体对象，并分别将获取的所述多媒体对象按顺序排布于预设的渲染画布上，得到所述目标设计结果页面对应的第一渲染结果页面。
2.如权利要求1所述的方法，其特征在于，所述目标设计结果页面中还包括生成结果信息，所述分别将获取的所述多媒体对象按顺序排布于预设的渲染画布上之后，所述方法还包括：
根据所述生成结果信息对所述渲染画布进行裁剪，以使得所述第一渲染结果页面的页面信息与所述生成结果信息一致。
3.如权利要求1所述的方法，其特征在于，所述设计信息还包括所述设计图层的定位信息，所述分别将获取的所述多媒体对象按顺序排布于预设的渲染画布上，包括：
根据所述设计图层的定位信息，得到所述设计图层的位置参数；
根据所述位置参数，将所述设计图层对应的所述多媒体对象排布于所述渲染画布上。
4.如权利要求1所述的方法，其特征在于，所述设计信息还包括着色器信息，所述着色器信息用于实现所述设计图层的三维渲染效果。
5.如权利要求1所述的方法，其特征在于，所述设计图层关联的所述多媒体对象包括图片对象、图文对象、跳转对象、摄像头对象和视频对象中的任一种。
6.如权利要求5所述的方法，其特征在于，所述设计图层关联的所述多媒体对象为所述视频对象，所述设计信息还包括视频开始时间、播放结束时间和循环播放参数。
7.如权利要求5所述的方法，其特征在于，所述设计图层关联的所述多媒体对象为所述跳转对象，所述目标设计源文件中还定义有第二设计结果页面，所述第二设计结果页面对应有第二渲染结果页面，所述跳转对象用于单向关联所述设计图层和所述第二渲染结果页面，以使得通过所述跳转对象转向所述第二渲染结果页面。
8.一种渲染装置，其特征在于，包括：
获取模块，用于获取目标设计源文件，其中，所述目标设计源文件中定义有目标设计结果页面，所述目标设计结果页面中定义有多个设计图层，多个所述设计图层分别关联有对应的多媒体对象；
处理输出模块，用于分别确定多个所述设计图层的设计信息，其中，所述设计信息包括统一资源定位符，所述统一资源定位符用于关联所述设计图层和所述多媒体对象；
根据所述统一资源定位符依次获取多个所述设计图层对应的所述多媒体对象，并分别将获取的所述多媒体对象按顺序排布于预设的渲染画布上，得到所述目标设计结果页面对应的第一渲染结果页面。
9.一种渲染电子设备，其特征在于，包括：
一个或多个处理器；
存储器；以及
一个或多个应用程序，其中所述一个或多个应用程序被存储于所述存储器中，并配置为由所述处理器执行以实现权利要求1-7中任一项所述的渲染方法。
10.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，所述计算机程序被处理器进行加载，以执行权利要求1-7任一项所述的渲染方法中的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011610616.2A CN112732255B (zh) | 2020-12-29 | 2020-12-29 | 渲染方法、装置、设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011610616.2A CN112732255B (zh) | 2020-12-29 | 2020-12-29 | 渲染方法、装置、设备和存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112732255A true CN112732255A (zh) | 2021-04-30 |
| CN112732255B CN112732255B (zh) | 2024-05-03 |
Family
ID=75611049
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011610616.2A Active CN112732255B (zh) | 2020-12-29 | 2020-12-29 | 渲染方法、装置、设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112732255B (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113379865A (zh) * | 2021-06-25 | 2021-09-10 | 上海哔哩哔哩科技有限公司 | 目标对象的绘制方法和系统 |
| CN114885207A (zh) * | 2022-03-21 | 2022-08-09 | 青岛海尔科技有限公司 | 多媒体文件的渲染方法、装置、存储介质及电子装置 |
| CN116107978A (zh) * | 2023-04-12 | 2023-05-12 | 北京尽微致广信息技术有限公司 | 一种文件导出方法及装置、存储介质及电子设备 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102487402A (zh) * | 2010-12-03 | 2012-06-06 | 腾讯科技（深圳）有限公司 | 由服务器端实现网页渲染的方法、设备和系统 |
| US20170031885A1 (en) * | 2015-07-31 | 2017-02-02 | Samsung Electronics Co., Ltd. | Electronic device and server related to rendering of web content and controlling method thereof |
| CN110111279A (zh) * | 2019-05-05 | 2019-08-09 | 腾讯科技（深圳）有限公司 | 一种图像处理方法、装置及终端设备 |
| CN110489116A (zh) * | 2018-05-15 | 2019-11-22 | 优酷网络技术（北京）有限公司 | 一种页面的渲染方法、装置及计算机存储介质 |
| CN111209074A (zh) * | 2020-01-13 | 2020-05-29 | 张益兰 | 浏览器视图加载方法、装置、系统及服务器 |
| CN111294395A (zh) * | 2020-01-20 | 2020-06-16 | 广东金赋科技股份有限公司 | 一种终端页面传输方法、装置、介质和电子设备 |
-
2020
- 2020-12-29 CN CN202011610616.2A patent/CN112732255B/zh active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102487402A (zh) * | 2010-12-03 | 2012-06-06 | 腾讯科技（深圳）有限公司 | 由服务器端实现网页渲染的方法、设备和系统 |
| US20170031885A1 (en) * | 2015-07-31 | 2017-02-02 | Samsung Electronics Co., Ltd. | Electronic device and server related to rendering of web content and controlling method thereof |
| CN110489116A (zh) * | 2018-05-15 | 2019-11-22 | 优酷网络技术（北京）有限公司 | 一种页面的渲染方法、装置及计算机存储介质 |
| CN110111279A (zh) * | 2019-05-05 | 2019-08-09 | 腾讯科技（深圳）有限公司 | 一种图像处理方法、装置及终端设备 |
| CN111209074A (zh) * | 2020-01-13 | 2020-05-29 | 张益兰 | 浏览器视图加载方法、装置、系统及服务器 |
| CN111294395A (zh) * | 2020-01-20 | 2020-06-16 | 广东金赋科技股份有限公司 | 一种终端页面传输方法、装置、介质和电子设备 |
Non-Patent Citations (3)
| Title |
|---|
| 卫晓彤: "基于HTML5的智能出行系统的设计与实现", 《中国优秀硕士学位论文全文数据库信息科技辑》, 15 March 2018 (2018-03-15), pages 138 - 687 * |
| 深雨: "细说后端模板渲染、客户端渲染、node 中间层、服务器端渲染", pages 1 - 4, Retrieved from the Internet <URL:https://segmentfault.com/a/1190000016704384> * |
| 王枫: "矢量数据分级显示方法研究", 《中国优秀硕士学位论文全文数据库基础科学辑》, 15 January 2016 (2016-01-15), pages 008 - 52 * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113379865A (zh) * | 2021-06-25 | 2021-09-10 | 上海哔哩哔哩科技有限公司 | 目标对象的绘制方法和系统 |
| CN113379865B (zh) * | 2021-06-25 | 2023-08-04 | 上海哔哩哔哩科技有限公司 | 目标对象的绘制方法和系统 |
| CN114885207A (zh) * | 2022-03-21 | 2022-08-09 | 青岛海尔科技有限公司 | 多媒体文件的渲染方法、装置、存储介质及电子装置 |
| CN114885207B (zh) * | 2022-03-21 | 2024-04-19 | 青岛海尔科技有限公司 | 多媒体文件的渲染方法、装置、存储介质及电子装置 |
| CN116107978A (zh) * | 2023-04-12 | 2023-05-12 | 北京尽微致广信息技术有限公司 | 一种文件导出方法及装置、存储介质及电子设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112732255B (zh) | 2024-05-03 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112732255B (zh) | 渲染方法、装置、设备和存储介质 | |
| JP7446468B2 (ja) | ビデオ特殊効果の処理方法、装置、電子機器及びコンピュータプログラム | |
| US11620784B2 (en) | Virtual scene display method and apparatus, and storage medium | |
| CN104394422A (zh) | 一种视频分割点获取方法及装置 | |
| JP2013027037A5 (zh) | ||
| CN106210453A (zh) | 一种智能虚拟演播室系统 | |
| US20140193138A1 (en) | System and a method for constructing and for exchanging multimedia content | |
| CN113018867A (zh) | 一种特效文件的生成、播放方法、电子设备及存储介质 | |
| Agenjo et al. | WebGLStudio: a pipeline for WebGL scene creation | |
| US20140133782A1 (en) | Sharing or applying digital image editing operations | |
| CN110709891A (zh) | 虚拟现实场景模型建立方法、装置、电子设备和存储介质 | |
| US11836847B2 (en) | Systems and methods for creating and displaying interactive 3D representations of real objects | |
| CN110038302B (zh) | 基于Unity3D的网格生成方法及装置 | |
| CN117201883A (zh) | 用于图像编辑的方法、装置、设备和存储介质 | |
| CN112153472A (zh) | 一种画面特效的生成方法及装置、存储介质及电子设备 | |
| CN114913277A (zh) | 一种物体立体交互展示方法、装置、设备及介质 | |
| CN116991513A (zh) | 配置文件生成方法、装置、电子设备、介质及程序产品 | |
| US20220405108A1 (en) | System and Method for GUI Development and Deployment in a Real Time System | |
| CN114546577A (zh) | 一种数据可视化方法及系统 | |
| CN114286197A (zh) | 基于3d场景快速生成短视频的方法及相关装置 | |
| CN114153539B (zh) | 前端应用界面生成方法、装置、电子设备和存储介质 | |
| CN115174993B (zh) | 用于视频制作的方法、装置、设备和存储介质 | |
| CN115499672B (zh) | 图像显示方法、装置、设备及存储介质 | |
| US20240111496A1 (en) | Method for running instance, computer device, and storage medium | |
| CN116048367A (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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |