CN112689188B

CN112689188B - 一种大屏滚动字幕显示方法、装置、终端及存储介质

Info

Publication number: CN112689188B
Application number: CN202011519645.8A
Authority: CN
Inventors: 彭曦
Original assignee: Vtron Group Co Ltd
Current assignee: Vtron Group Co Ltd
Priority date: 2020-12-21
Filing date: 2020-12-21
Publication date: 2022-06-21
Anticipated expiration: 2040-12-21
Also published as: CN112689188A

Abstract

本申请公开了一种大屏滚动字幕显示方法、装置、终端及存储介质，本申请通过预先根据预设的字幕文本和初始顶层纹理进行渲染处理，得到字幕纹理缓存图层，形成一个纹理整体，通过定时更新渲染字幕纹理时顶点坐标的实时坐标值，将字幕纹理逐步绘制到渲染目标视图之上，结合GPU纹理绘制处理能够保证整个纹理绘制的同步性的机制，从而实现字幕的平滑滚动效果，解决了现有的滚动字幕显示方式，在滚动速度较快时，字幕会出现不流畅不平滑地跳跃式显示，影响用户的视觉体验的技术问题。

Description

一种大屏滚动字幕显示方法、装置、终端及存储介质

技术领域

本申请涉及多媒体技术领域，尤其涉及一种大屏滚动字幕显示方法、装置、终端及存储介质。

背景技术

随着显示技术的日益发展，越来越多的场合使用DLP、LED等大屏来展示工作内容，如会议室、控制室等，其中较多应用场景因涉及PPT等文档的放映，一般都使用基于PC架构的桌面处理器作为大屏的后端服务器，以便更好地兼容显示。在使用桌面处理器时，大部分用户不仅需要在大屏上展示图片、视频等内容，还需要发布通知、警报信息，设置欢迎词等，这些文字类的信息有的内容较长，需要滚动显示。

而目前基于PC架构的桌面处理器上显示滚动字幕主要是采用D2D进行文本的移位绘制，即直接改变文本绘制的位置，但通过移位绘制方式显示滚动字幕时，在滚动速度较快时，字幕会出现不流畅不平滑地跳跃式显示，影响用户的视觉体验。

发明内容

本申请提供了一种大屏滚动字幕显示方法、装置、终端及存储介质，用于解决现有的滚动字幕显示方式，在滚动速度较快时，字幕会出现不流畅不平滑地跳跃式显示，影响用户的视觉体验的技术问题。

首先，本申请第一方面提供了一种大屏滚动字幕显示方法，包括：

根据预设的字幕文本和初始顶层纹理，通过D2D渲染方式，在所述初始顶层纹理中进行字幕文本渲染，得到字幕纹理；

根据预设的字幕滚动显示配置信息，结合所述字幕纹理，确定字幕纹理顶点坐标，其中，所述字幕滚动显示配置信息包括：字幕滚动方向配置信息、字幕滚动速度配置信息以及渲染目标视图的顶点坐标；

根据字幕滚动方向配置信息以及所述字幕滚动速度配置信息，定时更新所述字幕纹理顶点坐标的实时坐标值，以根据字幕纹理与渲染目标视图的相对位置关系，结合GPU纹理绘制方式，在所述渲染目标视图上绘制出所述字幕纹理与所述渲染目标视图的交集部分。

优选地，还包括：

当所述字幕纹理移出所述渲染目标视图时，按照所述字幕纹理顶点坐标的初始值，对所述字幕纹理顶点坐标的实时坐标值进行初始化。

优选地，还包括：

根据预设的背景图像，通过D2D渲染方式，对渲染目标视图进行渲染，得到包含所述背景图像的渲染目标视图。

优选地，所述字幕滚动方向配置信息具体包括：水平向左滚动、水平向右滚动、垂直向上滚动或垂直向下滚动。

同时，本申请第二方面提供了一种大屏滚动字幕显示装置，包括：

字幕纹理生成单元，用于根据预设的字幕文本和初始顶层纹理，通过D2D渲染方式，在所述初始顶层纹理中进行字幕文本渲染，得到字幕纹理；

字幕纹理位置确定单元，用于根据预设的字幕滚动显示配置信息，结合所述字幕纹理，确定字幕纹理顶点坐标，其中，所述字幕滚动显示配置信息包括：字幕滚动方向配置信息、字幕滚动速度配置信息以及渲染目标视图的顶点坐标；

字幕滚动显示单元，用于根据字幕滚动方向配置信息以及所述字幕滚动速度配置信息，定时更新所述字幕纹理顶点坐标的实时坐标值，以根据所述字幕纹理缓存图层与渲染目标视图的相对位置关系，结合GPU纹理绘制方式，在所述渲染目标视图上绘制出所述字幕纹理与所述渲染目标视图的交集部分。

优选地，还包括：

字幕复位单元，用于当所述字幕纹理移出所述渲染目标视图时，按照所述字幕纹理顶点坐标的初始值，对所述字幕纹理顶点坐标的实时坐标值进行初始化。

优选地，还包括：

背景图像渲染单元，用于根据预设的背景图像，通过D2D渲染方式，对渲染目标视图进行渲染，得到包含所述背景图像的渲染目标视图。

本申请第三方面提供了一种大屏滚动字幕显示终端，包括：存储器和处理器；

所述存储器用于存储程序代码，所述程序代码与本申请第一方面提及的一种大屏滚动字幕显示方法相对应；

所述处理器用于执行所述程序代码。

本申请第四方面提供了一种存储介质，所述存储介质中保存有与本申请第一方面提及的一种大屏滚动字幕显示方法相对应的程序代码。

从以上技术方案可以看出，本申请具有以下优点：

本申请提供了一种大屏滚动字幕显示方法，包括：根据预设的字幕文本和初始顶层纹理，通过D2D渲染方式，在所述初始顶层纹理中进行字幕文本渲染，得到字幕纹理；根据预设的字幕滚动显示配置信息，结合所述字幕纹理，确定字幕纹理顶点坐标，其中，所述字幕滚动显示配置信息包括：字幕滚动方向配置信息、字幕滚动速度配置信息以及渲染目标视图的顶点坐标；根据字幕滚动方向配置信息以及所述字幕滚动速度配置信息，定时更新所述字幕纹理顶点坐标的实时坐标值，以根据字幕纹理与渲染目标视图的相对位置关系，在所述渲染目标视图内绘制出所述字幕纹理与所述渲染目标视图的交集部分。

本申请通过预先根据预设的字幕文本和初始顶层纹理进行渲染处理，得到字幕纹理缓存图层，形成一个纹理整体，通过定时更新渲染字幕纹理时顶点坐标的实时坐标值，将字幕纹理逐步绘制到渲染目标视图之上，结合GPU纹理绘制处理能够保证整个纹理绘制的同步性的机制，从而实现字幕的平滑滚动效果，解决了现有的滚动字幕显示方式，在滚动速度较快时，字幕会出现不流畅不平滑地跳跃式显示，影响用户的视觉体验的技术问题。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其它的附图。

图1为本申请提供的一种大屏滚动字幕显示方法的第一个实施例的流程示意图；

图2为本申请提供的一种大屏滚动字幕显示方法的第二个实施例的流程示意图；

图3为本申请提供的一种大屏滚动字幕显示装置的第一个实施例的结构示意图；

图4为本申请提供的一种大屏滚动字幕显示方法中的字幕纹理与渲染目标视图的相对位置关系变化示意图。

具体实施方式

目前基于PC架构的桌面处理器上显示滚动字幕主要是采用D2D进行文本的移位绘制，其实现方式如下：使用D2DRenderTarget设置文本当前绘制的位置(例如原始位置(x,y),字幕设置是从右向左匀速滚动，每次移动d，则新的绘制位置是(x1-d,y)，后续绘制位置依次递减)，接着使用D2DTextBrush在D2DRenderTarget上绘制文本，呈现最终渲染目标视图。

基于上述现有的大屏滚动字幕显示机制可以得知，通过上述直接绘制文字的方法绘制滚动字幕，文字和背景的像素点绘制会有一个时差，不能做到同步进行，使得呈现出来的就是视觉上文字滚动显示的时候不流畅，从而导致文字会出现不流畅不平滑地跳跃式显示，且滚动速度越快，显示跳跃越明显，从而造成了现有的滚动字幕显示方式视觉效果较差的技术问题。

有鉴于此，本申请实施例提供了一种大屏滚动字幕显示方法、装置、终端及存储介质，用于解决现有的滚动字幕显示方式，在滚动速度较快时，字幕会出现不流畅不平滑地跳跃式显示，影响用户的视觉体验的技术问题。

为使得本申请的发明目的、特征、优点能够更加的明显和易懂，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，下面所描述的实施例仅仅是本申请一部分实施例，而非全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本申请保护的范围。

请参阅图1，本申请第一个实施例提供了一种大屏滚动字幕显示方法，包括：

步骤101、根据预设的字幕文本和初始顶层纹理，通过D2D渲染方式，在初始顶层纹理中进行字幕文本渲染，得到字幕纹理。

步骤102、根据预设的字幕滚动显示配置信息，结合字幕纹理，确定字幕纹理顶点坐标，其中，字幕滚动显示配置信息包括：字幕滚动方向配置信息、字幕滚动速度配置信息以及渲染目标视图的顶点坐标。

步骤103、根据字幕滚动方向配置信息以及字幕滚动速度配置信息，定时更新字幕纹理顶点坐标的实时坐标值，以根据字幕纹理与渲染目标视图的相对位置关系，结合GPU纹理绘制方式，在渲染目标视图上绘制出字幕纹理与渲染目标视图的交集部分。

需要说明的是，本申请提供的大屏滚动字幕显示方法具体技术方案可以分为两部分，全步骤实施细节可以参阅以下示例：

1、创建渲染资源

(1)创建用于显示滚动文本的窗口、用于渲染的Direct3D11设备和设备上下文，基于该窗口和Direct3D11设备创建DXGI交换链，再获取交换链对应的缓存，通过该缓存创建Direct3D11渲染目标视图；

(2)将Direct3D11渲染目标视图装配至Direct3D11的渲染管线中，设置与步骤(1)中窗口同样大小的Direct3D11视口，创建顶点着色器、像素着色器、输入布局、采样器并装配至渲染管线中，设置绘制图元类型；

(3)使用Direct3D11设备创建一个顶层纹理，由该纹理查询出D3D10.1的DXGI资源，并据此DXGI资源获取一个共享句柄，通过该共享句柄创建D3D10.1的DXGI表面，使用该DXGI表面创建出D2D渲染目标；

(4)通过D2D渲染目标创建用于绘制文本内容的D2D颜色画刷；

(5)创建D2D文本布局，进行文本的字体、大小、显示/对齐方式等属性进行设置。

2、绘制滚动文本

(1)通过D2D颜色画刷和D2D文本布局在D2D渲染目标上绘制静态文本；

(2)根据用户设置的文本滚动规则计算Direct3D11的顶点和纹理坐标，由此创建新的顶点缓存，将其装配至Direct3D11的渲染管线，同时将Direct3D11顶层纹理(该纹理上已通过D2D绘制了文本)对应的着色器资源视图装配至Direct3D11的渲染管线，实现将Direct3D顶层纹理绘制到Direct3D11渲染目标视图上，呈现Direct3D11渲染目标视图的最终组合显示效果；

(3)重复上述绘制滚动文本的步骤，按照既定规则定时变换Direct3D11顶点坐标，即可呈现文本滚动的显示效果。

从上述提供的详细说明可知，本申请技术方案的核心主要包含绘制滚动文本部分，首先通过Direct3D11创建顶层纹理和底层渲染目标视图，通过D2D渲染方式，将该顶层纹理共享给D2D作为D2D渲染目标进行文本内容的绘制，从而得到相应的字幕纹理，底层的渲染目标视图则作为字幕显示的背景视图，其中渲染目标视图四个顶点坐标所限定的范围作为字幕的显示区域，根据用户需要，定时设置渲染顶层纹理时所需顶点坐标的值，使用Direct3D11将顶层纹理绘制到渲染目标视图之上，呈现最终组合绘制效果，从而实现字幕的滚动效果。

结合图4所示的字幕纹理与渲染目标视图的相对位置关系变化示意图，对于字幕纹理，因其上绘制了文本内容，故整个纹理均需设置到渲染管线中绘制，所以在滚动字幕绘制的过程中，字幕纹理的纹理坐标必须按照图4中的四个坐标来创建顶点缓存，当整个字幕纹理在Direct3D11渲染目标视图中完全显示时，字幕纹理的顶点坐标数值为渲染目标视图的四个顶点坐标数值，在此基础上，若要实现文本滚动显示，实质上是将字幕纹理在Direct3D11渲染目标视图上按一定的规则设置不同的顶点坐标，组合绘制呈现的效果便是文本在滚动。

以上为本申请提供的一种大屏滚动字幕显示方法的第一个实施例的详细说明，下面为在上述第一个实施例的基础上提供的一种大屏滚动字幕显示方法的第二个实施例的详细说明。

请参阅图2，本申请第二个实施例，在上述的第一个实施例的基础上，提供了一种大屏滚动字幕显示方法，包括：

步骤201、根据预设的背景图像，通过D2D渲染方式，对渲染目标视图进行渲染，得到包含背景图像的渲染目标视图。

需要说明的是，在实施步骤202之前，用户可以根据显示需要，选择在Direct3D11渲染目标视图上绘制滚动字幕的背景图像，其中，本实施例提及的背景图像可以为纯色背景图像，也可以是非纯色背景图像。

步骤202、根据预设的字幕文本和初始顶层纹理，通过D2D渲染方式，在初始顶层纹理中进行字幕文本渲染，得到字幕纹理；

步骤203、根据预设的字幕滚动显示配置信息，结合字幕纹理，确定字幕纹理顶点坐标，其中，字幕滚动显示配置信息包括：字幕滚动方向配置信息、字幕滚动速度配置信息以及渲染目标视图的顶点坐标；

步骤204、根据字幕滚动方向配置信息以及字幕滚动速度配置信息，定时更新字幕纹理顶点坐标的实时坐标值，以根据字幕纹理与渲染目标视图的相对位置关系，结合GPU纹理绘制方式，在渲染目标视图上绘制出字幕纹理与渲染目标视图的交集部分。

需要说明的是，本实施例的步骤202至步骤204与第一个实施例的步骤101至步骤103对应，在此不再对此三个步骤进行重复说明。

步骤205、当字幕纹理移出渲染目标视图时，按照字幕纹理顶点坐标的初始值，对字幕纹理顶点坐标的实时坐标值进行初始化。

需要说明的是，结合图4所示的字幕纹理与渲染目标视图的相对位置关系变化示意图，图4展示了该方法的实现过程，d表示每秒移动的像素点，当顶层纹理移出到Direct3D11渲染目标视图的最左侧时，需将顶层纹理的顶点坐标设置为图中起始位置的坐标，如此便可实现文本的循环滚动显示。

以上为本申请提供的一种大屏滚动字幕显示方法的第二个实施例的详细说明，下面为本申请提供的一种大屏滚动字幕显示装置、一种大屏滚动字幕显示终端以及一种存储介质等实施例的详细说明。

请参阅图3，本申请第三个实施例提供了一种大屏滚动字幕显示装置，包括：

字幕纹理生成单元301，用于根据预设的字幕文本和初始顶层纹理，通过D2D渲染方式，在初始顶层纹理中进行字幕文本渲染，得到字幕纹理；

字幕纹理位置确定单元302，用于根据预设的字幕滚动显示配置信息，结合字幕纹理，确定字幕纹理顶点坐标，其中，字幕滚动显示配置信息包括：字幕滚动方向配置信息、字幕滚动速度配置信息以及渲染目标视图的顶点坐标；

字幕滚动显示单元303，用于根据字幕滚动方向配置信息以及字幕滚动速度配置信息，定时更新字幕纹理顶点坐标的实时坐标值，以根据字幕纹理缓存图层与渲染目标视图的相对位置关系，结合GPU纹理绘制方式，在渲染目标视图上绘制出字幕纹理与渲染目标视图的交集部分。

进一步地，还包括：

字幕复位单元304，用于当字幕纹理移出渲染目标视图时，按照字幕纹理顶点坐标的初始值，对字幕纹理顶点坐标的实时坐标值进行初始化。

进一步地，还包括：

背景图像渲染单元300，用于根据预设的背景图像，通过D2D渲染方式，对渲染目标视图进行渲染，得到包含背景图像的渲染目标视图。

进一步地，字幕滚动方向配置信息具体包括：水平向左滚动、水平向右滚动、垂直向上滚动或垂直向下滚动。

本申请第四个实施例提供了一种大屏滚动字幕显示终端，包括：存储器和处理器；

存储器用于存储程序代码，程序代码与本申请第一个实施例或第二个实施例提及的一种大屏滚动字幕显示方法相对应；

处理器用于执行程序代码，以实现本申请第一个实施例或第二个实施例提及的一种大屏滚动字幕显示方法。

本申请第五个实施例提供了一种存储介质，存储介质中保存有与本申请第一个实施例或第二个实施例提及的一种大屏滚动字幕显示方法相对应的程序代码。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的***，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的***，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

本申请的说明书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例，例如能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims

1.一种大屏滚动字幕显示方法，其特征在于，包括：

2.根据权利要求1所述的一种大屏滚动字幕显示方法，其特征在于，还包括：

3.根据权利要求1所述的一种大屏滚动字幕显示方法，其特征在于，还包括：

4.根据权利要求1所述的一种大屏滚动字幕显示方法，其特征在于，所述字幕滚动方向配置信息具体包括：水平向左滚动、水平向右滚动、垂直向上滚动或垂直向下滚动。

5.一种大屏滚动字幕显示装置，其特征在于，包括：

6.根据权利要求5所述的一种大屏滚动字幕显示装置，其特征在于，还包括：

7.根据权利要求5所述的一种大屏滚动字幕显示装置，其特征在于，还包括：

8.根据权利要求5所述的一种大屏滚动字幕显示装置，其特征在于，所述字幕滚动方向配置信息具体包括：水平向左滚动、水平向右滚动、垂直向上滚动或垂直向下滚动。

9.一种大屏滚动字幕显示终端，其特征在于，包括：存储器和处理器；

所述存储器用于存储程序代码，所述程序代码与权利要求1至4任意一项所述的一种大屏滚动字幕显示方法相对应；

所述处理器用于执行所述程序代码。

10.一种存储介质，其特征在于，所述存储介质中保存有与权利要求1至4任意一项所述的一种大屏滚动字幕显示方法相对应的程序代码。