页面显示方法、装置及电子设备制造方法及图纸

本公开提供了页面显示方法、装置及电子设备，涉及计算机技术领域，具体涉及页面显示、视频处理等技术领域。具体实现方案为：确定视频处理页面中块级元素的有效显示区域；其中，块级元素为视频处理页面中视频轨道的容器，用于放置待处理视频的视频缩略图；从视频缩略图中确定有效显示区域对应的目标缩略图；其中，目标缩略图用于在视频处理页面中有效显示区域对应位置进行渲染，得到渲染后页面并显示。在待处理视频的视频缩略图数量较多的情况下，可以仅对待处理视频的视频缩略图中，块级元素的有效显示区域对应的目标缩略图进行渲染，从而减少了待渲染的视频缩略图的数量，提高了页面渲染效率，避免了页面显示时发生卡顿现象，改善了用户体验。

【技术实现步骤摘要】

本公开涉及计算机，具体涉及页面显示、视频处理等，尤其涉及一种页面显示方法、装置及电子设备。

技术介绍

1、通常，在视频处理页面比如在线视频编辑工具的页面中，可以在视频轨道中显示待编辑的视频的缩略图，从而方便用户定位所需编辑的视频的某一帧。在视频的缩略图数量较多的情况下，需要花费较长时间才可将页面渲染完成。因此，对于这类页面，如何提高页面的渲染效率，避免页面显示时发生卡顿现象，是需要解决的问题。

技术实现思路

1、本公开提供了一种页面显示方法、装置及电子设备。

2、根据本公开的一方面，提供了一种页面显示方法，所述方法包括：确定视频处理页面中块级元素的有效显示区域；其中，所述块级元素为所述视频处理页面中视频轨道的容器，用于放置待处理视频的视频缩略图；从所述视频缩略图中确定所述有效显示区域对应的目标缩略图；其中，所述目标缩略图用于在所述视频处理页面中所述有效显示区域对应位置进行渲染，得到渲染后页面并显示。

3、根据本公开的另一方面，提供了一种页面显示装置，所述装置包括：第一确定模块，用于确定本文档来自技高网...

【技术保护点】

1.一种页面显示方法，其中，所述方法包括：

2.根据权利要求1所述的方法，其中，所述视频缩略图的数量为多个；所述从所述视频缩略图中确定所述有效显示区域对应的目标缩略图，包括：

3.根据权利要求2所述的方法，其中，在所述块级元素相对所述有效显示区域发生移动的情况下，所述相对位置信息，基于所述块级元素相对所述有效显示区域的移动方向和移动距离以及初始位置确定，其中，所述初始位置，为所述块级元素相对所述有效显示区域未发生移动的情况下，所述有效显示区域在所述块级元素所在区域中的位置。

4.根据权利要求3所述的方法，其中，所述布局方式包括：多个所述视频缩略图在所述...

【技术特征摘要】

1.一种页面显示方法，其中，所述方法包括：

2.根据权利要求1所述的方法，其中，所述视频缩略图的数量为多个；所述从所述视频缩略图中确定所述有效显示区域对应的目标缩略图，包括：

3.根据权利要求2所述的方法，其中，在所述块级元素相对所述有效显示区域发生移动的情况下，所述相对位置信息，基于所述块级元素相对所述有效显示区域的移动方向和移动距离以及初始位置确定，其中，所述初始位置，为所述块级元素相对所述有效显示区域未发生移动的情况下，所述有效显示区域在所述块级元素所在区域中的位置。

4.根据权利要求3所述的方法，其中，所述布局方式包括：多个所述视频缩略图在所述块级元素中沿水平方向或垂直方向顺序排列，所述移动方向与多个所述视频缩略图在所述块级元素中的排列方向平行。

5.根据权利要求4所述的方法，其中，所述有效显示区域为矩形区域，所述相对位置信息，包括所述有效显示区域的第一边和第二边分别与所述块级元素所在区域的参考边之间的距离信息，所述第一边、所述第二边和所述参考边与多个所述视频缩略图在所述块级元素中的排列方向垂直；

6.根据权利要求2-5中任一项所述的方法，其中，所述基于所述布局方式、所述尺寸信息以及所述相对位置信息，从所述视频缩略图中确定所述目标缩略图之前，还包括：

7.根据权利要求6所述的方法，其中，所述方法还包括：

8.根据权利要求2-5中任一项所述的方法，其中，所述方法还包括：

9.根据权利要求1-5中任一项所述的方法，其中，所述有效显示区域包括所述块级元素在显示界面上的显示区域以及所述显示区域周围预设尺寸的扩展区域。

10.一种页面显示装置，所述装置包括：

11.根据权利要求10所述的装置，其中，所述视频缩略图的数量...

【专利技术属性】
技术研发人员：刘桂华，
申请(专利权)人：北京百度网讯科技有限公司，
类型：发明
国别省市：