添加有内容元素的视频的展示方法、电子设备及程序产品与流程

1.本公开涉及计算机技术领域，尤其涉及一种添加有内容元素的视频的展 示方法、电子设备及程序产品。


背景技术：

2.目前，在终端设备中通常具有在视频中添加元素的功能，比如在视频中 添加文案、图案、动画等。
3.相关技术的方案中，终端设备可以合成用户选择的视频以及元素，并进 行展示，若用户满意合成后的视频，则可以操作终端设备存储或者发表合成 后的视频。
4.但目前的视频合成方案，需要先合成视频后再进行展示，使得视频预览 速度较慢，导致用户体验较差。


技术实现要素：

5.本公开提供一种添加有内容元素的视频的展示方法、电子设备及程序产 品，以解决现有技术中需要先合成视频再进行展示，使得视频预览速度较慢， 导致用户体验较差的问题。
6.本公开的第一个方面是提供一种添加有内容元素的视频的展示方法，包 括：
7.获取待处理的源视频，并获取与所述源视频对应的内容元素；
8.播放所述源视频，并同时将所述内容元素显示在所述源视频之上，以展 示在所述源视频中添加有所述内容元素的效果；
9.响应合成指令，获取所述源视频中的视频帧，并获取播放所述视频帧时 显示的内容元素的元素画面以及所述元素画面的展示比例；
10.根据预设的视频生成分辨率、所述展示比例，生成包括所述视频帧和所 述内容元素的图片资源，根据与各视频帧对应的所述图片资源生成合成视频。
11.本公开的第一个方面是提供一种添加有内容元素的视频的展示装置，包 括：
12.获取单元，用于获取待处理的源视频，并获取与所述源视频对应的内容 元素；
13.预览单元，用于播放所述源视频，并同时将所述内容元素显示在所述源 视频之上，以展示在所述源视频中添加有所述内容元素的效果；
14.合成单元，用于响应合成指令，获取所述源视频中的视频帧，并获取播 放所述视频帧时显示的内容元素的元素画面以及所述元素画面的展示比例； 根据预设的视频生成分辨率、所述展示比例，生成包括所述视频帧和所述内 容元素的图片资源，根据与各视频帧对应的所述图片资源生成合成视频。
15.本公开的第三方面是提供一种电子设备，包括：
16.存储器；
17.处理器；以及
18.计算机程序；
19.其中，所述计算机程序存储在所述存储器中，并配置为由所述处理器执 行以实现如上述第一方面所述的方法。
20.本公开的第四个方面是提供一种计算机可读存储介质，其上存储有计算 机程序，所述计算机程序被处理器执行以实现如上述第一方面所述的方法。
21.本公开的第五个方面是提供一种计算机程序产品，包括计算机程序，所 述计算机程序在被处理器执行时实现如上述第一方面所述的方法。
22.本公开提供的添加有内容元素的视频的展示方法、电子设备及程序产品 的技术效果是：
23.本公开提供的添加有内容元素的视频的展示方法、电子设备及程序产品， 包括：获取待处理的源视频，并获取与源视频对应的内容元素；播放源视频， 并同时将内容元素显示在源视频之上，以展示在源视频中添加有内容元素的 效果；响应合成指令，获取源视频中的视频帧，并获取播放视频帧时显示的 内容元素的元素画面以及元素画面的展示比例；根据预设的视频生成分辨率、 展示比例，生成包括视频帧和内容元素的图片资源，根据与各视频帧对应的 图片资源生成合成视频。本公开提供的方法，在预览合成视频时，不需要对 源视频和内容元素进行合成操作，只需要在播放源视频时，在其上层显示内 容元素即可，在接收到用户的合成指令后，基于在源视频中添加内容元素的 效果生成合成视频，从而能够提高合成视频显示效果的预览速度。
附图说明
24.图1为本公开一示例性实施例示出的应用界面的示意图；
25.图2为本公开一示例性实施例示出的添加有内容元素的视频的展示方法 的流程示意图；
26.图3为本公开一示例性实施例示出界面示意图；
27.图4为本公开另一示例性实施例示出界面示意图；
28.图5为本公开另一示例性实施例示出的添加有内容元素的视频的展示方 法的流程示意图；
29.图6为本公开一示例性实施例示出的添加有内容元素的视频的展示装置 的结构示意图；
30.图7为本公开另一示例性实施例示出的添加有内容元素的视频的展示装 置的结构示意图；
31.图8为本公开一示例性实施例示出的电子设备的结构图。
具体实施方式
32.图1为本公开一示例性实施例示出的应用界面的示意图。
33.如图1所示，用户可以选择源视频，还可以选择希望添加到该源视频中 的内容元素，此后，终端设备可以根据该源视频和内容元素，生成合成视频， 并进行显示。
34.例如，用户可以选择希望分享的金融产品，移动终端可以根据该金融产 品生成源视频。这种实现方式，可以通过选择待分享金融产品的方式，选择 源视频。
35.例如，终端设备可以截取源视频中的画面，再在截取的画面中添加内容 元素，组
合这些添加了内容元素的画面能够得到合成视频，并播放合成视频 进行预览。
36.但是，这种方式导致终端设备需要频繁的合成图片，进而导致视频预览 速度较慢。
37.图2为本公开一示例性实施例示出的添加有内容元素的视频的展示方法 的流程示意图。
38.如图2所示，本公开提供的添加有内容元素的视频的展示方法，包括：
39.步骤201，获取待处理的源视频，并获取与源视频对应的内容元素。
40.其中，本公开提供的方法可以由具备计算能力的电子设备来执行，该电 子设备例如可以是移动终端，比如可以是智能手机。
41.具体的，移动终端可以获取源视频，该源视频是指需要添加特效的视频， 比如，可以由用户选择已有的视频作为源视频。还可以由移动终端生成源视 频，例如，在涉及金融的应用程序中，针对用户购买过的各金融产品，移动 终端可以生成与金融产品对应的源视频。
42.进一步的，移动终端还可以获取与源视频对应内容元素。该内容元素是 指需要在源视频中添加的元素，比如可以是动画、文案、图片等，通过在源 视频中添加内容元素，能够在源视频中添加特效。
43.实际应用时，内容元素可以是用户配置的，也可以是移动终端根据源视 频中的内容获取的。比如，若移动终端根据金融产品确定用户的收益为n， 状态为涨，则可以获取与涨对应的动画，将其作为源视频的内容元素，还可 以将n作为该源视频的文案元素。
44.其中，通过用户自由选择内容元素，能够提高在源视频中添加内容元素 的灵活度；通过移动终端根据源视频的内容获取内容元素，能够使不同用户 进行操作时在源视频中添加的内容元素风格统一。
45.步骤202，播放源视频，并同时将内容元素显示在源视频之上，以展示 在源视频中添加有内容元素的效果。
46.移动终端可以播放获取的源视频，在播放时，同时将获取的内容元素显 示在播放的源视频之上，通过这种方式预览添加有内容元素的源视频，能够 提高预览速度。
47.现有技术的方案中需要先合成源视频与内容元素，对合成后的视频进行 播放，从而进行预览，但这种处理过程耗时过长，导致预览耗时长。
48.图3为本公开一示例性实施例示出界面示意图。
49.如图3所示，移动终端单独播放源视频的画面如图3所示，在界面中可 以显示源视频本身的画面。
50.图4为本公开另一示例性实施例示出界面示意图。
51.如图4所示，在播放源视频时，移动终端还可以在源视频的画面41基础 上添加内容元素42，进而展示在源视频中添加有内容元素之后的画面，供用 户预览。
52.其中，内容元素显示的位置可以预先配置的，比如针对每个内容元素， 都可以预先为其配置显示位置等信息。也可以是用户配置的，还可以是移动 终端根据源视频中的内容进行配置。
53.若内容元素的显示位置是用户配置的，则用户还可以通过更改配置调整 内容元素的显示位置。若内容元素的显示位置是预先配置的，则可以是使得 不同用户进行操作时
素进行合成操作，只需要在播放源视频时，在其上层显示内容元素即可，在 接收到用户的合成指令后，基于在源视频中添加内容元素的效果生成合成视 频，从而能够提高合成视频显示效果的预览速度。
66.图5为本公开另一示例性实施例示出的添加有内容元素的视频的展示方 法的流程示意图。
67.步骤501，预加载多个预备源视频，根据用户的选择操作在预备源视频 中确定待处理的源视频。
68.其中，移动终端还可以预加载多个预备源视频，这些预备源视频是指可 能用到的视频，从而更进一步的提高视频预览速度。
69.在一种应用场景中，本公开的方案可以应用在具有购买金融产品的应用 程序中，用户可以分享自己购买的金融产品的收益情况。这种应用场景中， 用户可以在购买的多个金融产品中，选择希望分享收益的产品，移动终端可 以根据用户购买该产品的数据生成源视频，并在其中添加内容元素进行展示。
70.其中，若用户购买的金融产品较多时，移动终端可以基于用户操作，预 先生成多个金融产品的预备源视频并进行预加载，从而在用户选择相应金融 产品进行分享时，移动终端能够快速的获取源视频。
71.具体的，例如用户在应用程序中购买了5个金融产品，用户可以操作应 用程序中的分享功能，并在金融产品中选择需要分享的产品。例如，用户当 前浏览的是第一个金融产品，则移动终端可以预加载该第一个金融产品的源 视频，还可以预加载第二个和第三个金融产品的源视频，使得用户若选择第 二个或第三个金融产品时，移动终端能够快速的对相应金融产品的视频进行 预览。
72.实际应用时，移动终端可以获取金融产品的数据生成预备源视频，从而 能够预加载该预备源视频。比如，可以生成一幅金融产品的图片，并将该图 片作为预备源视频的帧画面，还可以生成包括金融产品收益走势的预备源视 频。
73.进一步的，用户可以选择需要添加内容元素的源视频。一种实施方式中， 用户可以选择希望分享的金融产品，则移动终端可以将该金融产品对应的预 备源视频作为当前的待处理的源视频。
74.实际应用时，内容元素包括以下任一种元素：动画元素、视频元素、图 案元素、文案元素。内容元素不同，处理流程也可以存在差别。
75.动画元素是指预设的动画，比如动图、动画素材的视频等。
76.视频元素是指视频内容，比如人物、景色的视频。
77.图案元素是指一幅图案。
78.文案元素是指文字内容，比如“涨”。
79.步骤502，若内容元素包括动画元素、视频元素、图案元素中的任一种， 则获取源视频中的内容信息。
80.步骤503，根据内容信息在预设的元素库中确定匹配的内容元素。
81.在一种可选的实施方式中，内容元素中可以包括动画元素、视频元素、 图案元素中的任一种，为了使不同用户进行操作生成的合成视频风格一致， 本公开提供的方案中可以预先设置元素库，该元素库中存储有预先设置的动 画元素、视频元素、图案元素等。
82.其中，预设的内容元素与源视频中的内容信息对应，例如一些内容元素 与“涨”对应，再例如一些内容元素与“大涨”对应，再例如一些内容元素 与“跌”对应等。
83.具体的，移动终端可以获取源视频中的内容信息，具体可以从中获取金 融产品的收益信息，再在上述元素库中确定匹配的内容元素。
84.进一步的，确定的匹配的内容元素可以是动画类型的元素，也可以是视 频类型的元素，还可以是图案型的元素。
85.另一种实施方式中，用户可以选择内容元素类型，移动终端可以基于用 户选择以及源视频的内容信息，在预设的元素库中确定与该内容信息相同的、 符合用户选择的内容元素类型的内容元素。
86.在一种可选的实施方式中，内容元素包括动画元素和/或视频元素，这种 实施方式中，移动终端生成了预备源视频及其对应的动画元素和/或视频元素 后，移动终端可以对该预备源视频与动画元素和/或视频元素进行卡点，确定 二者播放时的时间对应关系，进而在用户选择了源视频之后，对添加了内容 元素的该源视频进行预览时，可以直接基于该对应关系快速播放源视频、动 画元素和/或视频元素，进一步的提高预览速度。
87.移动终端具体可以根据预备源视频的内容时间，以及动画元素和/或视频 元素的元素时间，确定内容时间与元素时间之间的时间对应关系；时间对应 关系用于在播放预备源视频时，将内容元素显示在预备源视频之上。
88.其中，可以对预备源视频的内容时间，以及动画元素和/或视频元素的元 素时间在时间坐标进行对齐，比如，可以通过调整动画元素和/或视频元素， 使动画元素和/或视频元素播放时长与源视频的播放时长相同，进而使二者对 齐。具体的调整方式可以是丢帧、增加画面帧等方式。
89.步骤504，若内容元素包括文案元素，则获取用户输入的用于添加到源 视频中的文案内容。
90.具体的，在源视频中添加的内容元素是文案元素，则可以由用户输入相 应的文案内容，移动终端可以获取用户输入的文案内容，并将其作为文案元 素。
91.进一步的，通过用户输入文案元素，可以提高用于添加到源视频中的内 容元素的灵活度。
92.步骤505，播放源视频，并同时将内容元素显示在源视频之上，以展示 在源视频中添加有内容元素的效果。
93.实际应用时，若在源视频中添加的内容元素包括图案元素、文案元素， 则在播放源视频时，真每帧播放的画面中可以添加相应的图案和文案，从而 进行预览。
94.其中，若内容元素包括动画元素和/或视频元素，则步骤505还包括：
95.根据源视频的内容时间，以及动画元素和/或视频元素的元素时间，确定 内容时间与元素时间之间的时间对应关系；
96.在播放源视频时，根据时间对应关系同时在源视频之上播放动画元素和/ 或视频元素。
97.具体的，移动终端可以在加载了源视频之后，就和需要添加的动画元素 和/或视频元素进行时间对齐，也可以在需要进行预览时，先进行时间对齐再 进行预览。
98.进一步的，具体可以根据源视频的内容总时长、动画元素和/或视频元素 的元素
总时长，确定源视频中的各内容时刻，与动画元素和/或视频元素中的 各元素时刻之间的对应关系，得到时间对应关系。
99.例如，内容总时长为t1，元素总时长为t2，则可以通过对动画元素和/ 或视频元素进行调整，使得其元素总时长从t2调整为t1。例如，若t2大于 t1，则可以删减动画元素和/或视频元素中的帧画面，以缩短其播放时长。再 例如，若t2小于t1，则可以增加动画元素和/或视频元素中的帧画面，以增 加其播放时长，具体增加的帧画面可以是动画元素和/或视频元素中已有的画 面，例如可以重复播放其中的一些画面，从而增加播放时长。
100.实际应用时，调整了时长以后，可以得到更新后的元素总时长，且与内 容总时长对应，可以在同一时刻，同时播放源视频中与该时刻对应的帧画面， 以及动画元素和/或视频元素中与该时刻对应的帧画面，达到预览效果。
101.步骤506，响应合成指令，获取源视频中的视频帧，并获取播放视频帧 时显示的内容元素的元素画面以及元素画面的展示比例。
102.步骤507，根据预设的视频生成分辨率、展示比例，生成包括视频帧和 内容元素的图片资源，根据与各视频帧对应的图片资源生成合成视频。
103.图6为本公开一示例性实施例示出的添加有内容元素的视频的展示装置 的结构示意图。
104.如图6所示，本公开提供的添加有内容元素的视频的展示装置600，包 括：
105.获取单元610，用于获取待处理的源视频，并获取与所述源视频对应的 内容元素；
106.预览单元620，用于播放所述源视频，并同时将所述内容元素显示在所 述源视频之上，以展示在所述源视频中添加有所述内容元素的效果；
107.合成单元630，用于响应合成指令，获取所述源视频中的视频帧，并获 取播放所述视频帧时显示的内容元素的元素画面以及所述元素画面的展示比 例；根据预设的视频生成分辨率、所述展示比例，生成包括所述视频帧和所 述内容元素的图片资源，根据与各视频帧对应的所述图片资源生成合成视频。
108.本公开提供的添加有内容元素的视频的展示装置，在预览合成视频时， 不需要对源视频和内容元素进行合成操作，只需要在播放源视频时，在其上 层显示内容元素即可，从而能够提高合成视频显示效果的预览速度。
109.图7为本公开另一示例性实施例示出的添加有内容元素的视频的展示装 置的结构示意图。
110.如图7所示，本公开提供的添加有内容元素的视频的展示装置700中， 在上述实施例基础上：
111.所述内容元素包括以下任一种元素：
112.动画元素、视频元素、图案元素、文案元素。
113.可选的，若所述内容元素包括动画元素、视频元素、图案元素中的任一 种，则所述获取单元610，包括第一获取模块611，用于：
114.获取所述源视频中的内容信息；
115.根据所述内容信息在预设的元素库中确定匹配的内容元素。
116.可选的，若所述内容元素包括文案元素，则所述获取单元610，包括第 二获取模块612，用于：
117.获取用户输入的用于添加到所述源视频中的文案内容。
118.可选的，若所述内容元素包括动画元素和/或视频元素，则所述预览单元 620包括：
119.对齐模块621，用于根据所述源视频的内容时间，以及所述动画元素和/ 或视频元素的元素时间，确定所述内容时间与所述元素时间之间的时间对应 关系；
120.播放模块622，用于在播放所述源视频时，根据所述时间对应关系同时 在所述源视频之上播放所述动画元素和/或视频元素。
121.可选的，所述对齐模块621具体用于：
122.根据所述源视频的内容总时长、所述动画元素和/或视频元素的元素总时 长，确定所述源视频中的各内容时刻，与所述动画元素和/或视频元素中的各 元素时刻之间的对应关系，得到所述时间对应关系。
123.可选的，所述装置还包括预加载单元640，用于在所述获取单元610获 取待处理的源视频之前，还包括：
124.预加载多个预备源视频，根据用户的选择操作在所述预备源视频中确定 待处理的所述源视频。
125.可选的，若所述内容元素包括动画元素和/或视频元素，则所述装置还包 括对齐单元650，用于在所述预加载单元640预加载多个预备源视频之后：
126.根据所述预备源视频的内容时间，以及所述动画元素和/或视频元素的元 素时间，确定所述内容时间与所述元素时间之间的时间对应关系；所述时间 对应关系用于在播放所述预备源视频时，将所述内容元素显示在所述预备源 视频之上。
127.图8为本公开一示例性实施例示出的电子设备的结构图。
128.如图8所示，本实施例提供的电子设备包括：
129.存储器81；
130.处理器82；以及
131.计算机程序；
132.其中，所述计算机程序存储在所述存储器81中，并配置为由所述处理器 82执行以实现如上所述的任一种添加有内容元素的视频的展示方法。
133.本实施例还提供一种计算机可读存储介质，其上存储有计算机程序，
134.所述计算机程序被处理器执行以实现如上所述的任一种添加有内容元素 的视频的展示方法。
135.本实施例还提供一种计算机程序，包括程序代码，当计算机运行所述计 算机程序时，所述程序代码执行如上所述的任一种添加有内容元素的视频的 展示方法。
136.本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步 骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可 读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而 前述的存储介质包括：rom、ram、磁碟或者光盘等各种可以存储程序代码 的介质。
137.最后应说明的是：以上各实施例仅用以说明本公开的技术方案，而非对 其限制；尽管参照前述各实施例对本公开进行了详细的说明，本领域的普通 技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改， 或者对其中部分或者全部技术特
征进行等同替换；而这些修改或者替换，并 不使相应技术方案的本质脱离本公开各实施例技术方案的范围。