内容展示方法、装置、电子设备和可读存储介质与流程

1.本发明实施例涉及流媒体技术领域，尤其涉及一种内容展示方法、装置、电子设备和可读存储介质。


背景技术：

2.随着流媒体技术的发展和网络传输速度的提高，相关技术中，可以通过设置于不同位置的显示装置进行广告等内容展示，然而不同的显示装置的设备软硬件存在一定差异，其分辨率、所使用的传输协议等均有所不同。相关技术中，通常通过页面嵌套webview(网页视图)，然后播放指定目录中的素材的方式进行内容展示，然而这受到内容展示端的系统版本和webview版本的影响较大，可移植性较差，支持的内容格式有限，由此可见，现有的内容展示方法的兼容性和通用性相对较差。


技术实现要素：

3.本发明实施例提供一种内容展示方法、装置、电子设备和可读存储介质，以解决现有的内容展示方法的兼容性和通用性相对较差的问题。
4.为解决上述问题，本发明是这样实现的：
5.第一方面，本发明实施例提供了一种内容展示方法，应用于显示装置，所述方法包括以下步骤：
6.接收展示目标内容的内容展示要求，其中，所述目标内容包括多个元素，所述内容展示要求包括与所述目标内容对应的第一展示配置信息、所述元素的元素信息、以及与所述元素对应的第二展示配置信息；
7.根据所述第一展示配置信息和所述第二展示配置信息建立展示容器；
8.在所述展示容器中，通过与所述元素匹配的播放器根据所述第二展示配置信息展示相应的元素。
9.在一些实施例中，所述第一展示配置信息包括所述目标内容的内容分辨率，所述通过与所述元素匹配的播放器根据所述第二展示配置信息展示相应的元素，包括：
10.根据所述显示装置的设备分辨率和所述内容分辨率确定所述元素在所述显示装置上的显示位置；
11.通过所述播放器根据所述显示位置显示所述元素。
12.在一些实施例中，所述第二展示配置信息包括所述元素的地址信息，所述接收展示目标内容的内容展示要求之后，所述方法还包括：
13.根据所述地址信息下载所述元素的素材；
14.在所述素材下载完毕之后，将所述第二展示配置信息中的所述地址信息修改为保存所述素材的本地地址。
15.在一些实施例中，所述元素包括图片元素，所述播放器包括glide图片加载库；和/或
16.所述元素包括音视频元素，所述播放器包括ffmpeg播放器；和/或
17.所述元素包括文本元素，所述播放器包括textview控件；和/或
18.所述元素包括直播流元素，所述播放器包括ffmpeg播放器；和/或
19.所述元素包括文档元素，所述播放器包括文档阅读器。
20.在一些实施例中，所述展示容器包括第一容器和第二容器，所述根据所述第一展示配置信息和所述第二展示配置信息建立展示容器，包括：
21.根据所述第一展示配置信息和所述目标内容在所述显示装置上的内容展示区域建立所述第一容器；
22.根据所述第二展示配置信息在所述第一容器中建立与所述元素对应的第二容器。
23.在一些实施例中，所述内容展示要求包括封装为json字符串的planlist文件。
24.第二方面，本发明实施例还提供一种内容展示装置，应用于显示装置，所述内容展示装置包括：
25.接收模块，用于接收展示目标内容的内容展示要求，其中，所述目标内容包括多个元素，所述内容展示要求包括与所述目标内容对应的第一展示配置信息、所述元素的元素信息、以及与所述元素对应的第二展示配置信息；
26.容器建立模块，用于根据所述第一展示配置信息和所述第二展示配置信息建立展示容器；
27.展示模块，用于在所述展示容器中，通过与所述元素匹配的播放器根据所述第二展示配置信息展示相应的元素。
28.在一些实施例中，所述元素包括图片元素，所述播放器包括glide图片加载库；和/或
29.所述元素包括音视频元素，所述播放器包括ffmpeg播放器；和/或
30.所述元素包括文本元素，所述播放器包括textview控件；和/或
31.所述元素包括直播流元素，所述播放器包括ffmpeg播放器；和/或
32.所述元素包括文档元素，所述播放器包括文档阅读器。
33.第三方面，本发明实施例还提供一种电子设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的程序；所述处理器，用于读取存储器中的程序实现如前述第一方面所述方法中的步骤。
34.第四方面，本发明实施例还提供一种可读存储介质，用于存储程序，所述程序被处理器执行时实现如前述第一方面所述方法中的步骤。
35.在本发明实施例，通过提供展示目标内容的内容展示要求，通过与不同类型元素对应的播放器进行相应内容的展示，提高了内容展示的通用性，能够充分利用显示装置自身的软硬件性能，避免了通过固定的内容展示格式或页面格式进行内容展示对于软硬件的局限性，提高了内容展示的通用性和兼容性。
附图说明
36.为了更清楚地说明本发明实施例的技术方案，下面将对本发明实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获
得其他的附图。
37.图1是本发明实施例提供的内容展示方法的流程示意图；
38.图2是本发明实施例提供的目标展示内容架构图；
39.图3是本发明实施例提供的内容展示节目场景示意图；
40.图4是本发明实施例提供的图片处理流程示意图；
41.图5是本发明实施例提供的视频解码流程示意图；
42.图6是本发明实施例提供的内容展示装置的结构示意图；
43.图7是本发明实施提供的电子设备的结构示意图。
具体实施方式
44.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
45.本发明实施例中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。此外，本技术中使用“和/或”表示所连接对象的至少其中之一，例如a和/或b和/或c，表示包含单独a，单独b，单独c，以及a和b都存在，b和c都存在，a和c都存在，以及a、b和c都存在的7种情况。
46.本发明实施例提供了一种内容展示方法。
47.在一个实施例中，该内容展示方法应用于显示装置，这里，内容展示装置可以是各种终端，示例性的，可以是设置于商场、银行、车站等不同位置的广告展示终端等显示装置。显示装置的内容展示可以由上位机控制，示例性的，上位机可以是内容展示服务器，实施时，由内容展示服务器控制各内容展示终端进行内容展示。
48.如图1所示，在一个实施例中，该方法包括以下步骤：
49.步骤101：接收展示目标内容的内容展示要求。
50.本实施例的技术方案中，所需展示的目标内容包括多个元素，内容展示要求中的多个元素的类型可以相同，也可以不同。这里，不同种类型的元素指的是需要通过不同方式或不同控制过程进行展示的元素。
51.在一个示例性的实施例中，元素的类型可以包括图片、文本、视频、音频等，实施时，需要通过与元素的类型匹配的播放器对相应类型的元素进行内容展示。
52.内容展示要求包括与目标内容对应的第一展示配置信息、元素的元素信息、以及与元素对应的第二展示配置信息。
53.本实施例的技术方案中，第一展示配置信息指的是目标内容的整体展示要求对应的配置信息。
54.以目标内容为广告做示例性说明，如图2所示，在一个示例性的实施例中，作为目标内容的广告具体可以包括多个节目，示例性的，可以是节目1至节目n，这里，每一个节目
可以理解为一段或一套需要进行展示的广告。
55.在一个示例性的实施例中，第一配置信息包括该广告的计划名称、播放模式(例如循环播放、持续播放、分时段播放、周期性播放等)、播放的类型、该内容展示任务的编号(id)、计划开始播放实际、计划结束时间、该广告中包括的多个节目的列表、各节目的显示参数(例如广告展示界面分辨率、高度、宽度、分辨率等)、各节目的布局信息以及各节目包含的元素等。
56.元素的元素信息指的是广告节目中所包含的具体的图片、文本、音视频、背景、文本、文档、时间显示控件、天气显示控件、网页元素等具体的素材的相关信息，具体可以包括各元素的位置信息系、分辨率、类型等。
57.第二展示配置信息则指的是每一具体元素的配置信息，示例性的，针对广告中的某一二维码图片，则该二维码图片的第二展示配置信息包括该二维码图片在广告展示界面中的位置、展示持续时间、展示效果、该二维码图片的保存位置、二维码图片的尺寸等相关配置信息。进一步的，针对不同类型的素材第二展示配置信息还可以包括显示亮度、字体、颜色、生效状态、音量等各种可能涉及到的配置信息，实施时，可以根据元素的具体类型有针对性的设置所需的配置信息，此处不做进一步限定和描述。
58.在一些实施例中，为了提高通用性和兼容性，内容展示要求包括通过gson框架封装为json字符串的planlist文件。
59.在一些实施例中，在进行内容展示时，可以基于各素材的网络地址调用相应的素材，在另外一些实施例中，也可以将素材下载至本地，然后直接访问本地的素材，以提高素材的加载调用速度。
60.在一些实施例中，所述第二展示配置信息包括所述元素的地址信息，该步骤101之后，该方法还包括：
61.根据所述地址信息下载所述元素的素材；
62.在所述素材下载完毕之后，将所述第二展示配置信息中的所述地址信息修改为保存所述素材的本地地址。
63.在确定了需要展示的内容之后，将素材地址下载至显示装置本地，然后将第二展示配置信息中，该素材的地址信息修改为本地保存该素材的地址信息，这样，实施时，可以直接从本地调用该素材，以降低由于网络波动或网络延迟对素材调用造成的影响，有助于提高对于素材的访问速度。
64.进一步的，在按照第一展示配置信息进行内容展示完成之后，可以删除下载至本地的素材，以减少对于显示装置本地存储空间的占用。
65.步骤102：根据所述第一展示配置信息和所述第二展示配置信息建立展示容器。
66.本实施例中的内容展示容器可以理解为在显示装置上进行内容展示的区域，由于进行内容展示的显示装置的硬件属性可能存在差异，实施时，可能需要将显示装置的显示区的部分或全部区域作为内容展示区域，因此，需要确定内容展示区域，进一步结合第一展示配置信息，建立内容展示容器。
67.该内容展示容器可以理解为进行目标内容展示的父容器，而针对目标内容中的各元素，进一步通过相应的播放器在父容器中的子容器中进行展示。
68.在一些实施例中，所述展示容器包括第一容器和第二容器，其中，第一容器可以理
解为上述父容器，第二容器可以理解为上述子容器。
69.该步骤102包括：
70.根据所述第一展示配置信息和所述目标内容在所述显示装置上的内容展示区域建立所述第一容器；
71.根据所述第二展示配置信息在所述第一容器中建立与所述元素对应的第二容器。
72.本实施例中，首先在显示装置上的内容展示区域建立第一容器，该第一容器的尺寸也就是内容展示区域的尺寸，示例性的，如果是全屏显示，则第一容器的尺寸与显示装置的显示尺寸是相同的。
73.在确定了第一容器的尺寸之后，建立第一容器，并在第一容器中建立与各元素对应的第二容器，第二容器可以理解为用于展示各元素的素材框。
74.本实施例中，根据第二展示配置信息确定第二容器的位置并建立第二容器。
75.在一个示例性的实施例中，首先确定内容缩放比例，该内容缩放比例可以理解为第一展示配置信息中的内容分辨率与内容展示区域的分辨率的比例。
76.如图3所示，示例性的，以目标内容在显示装置上进行全屏展示做示例性说明，显示装置的设备分辨率为dw*dh，其中，dw为显示装置的宽度尺寸，dh为显示装的高度尺寸。目标内容的内容分辨率为w1*h1，其中，w1位目标内容的原始宽度尺寸，h1为目标内容的原始高度尺寸。
77.实施时，计算宽度比例sw＝dw/w1，高度比例sh＝dh/h1。进一步的，根据高度比例和宽度比例对第二展示配置信息中的位置和尺寸参数进行缩放以确定第二容器的位置和尺寸。
78.可以理解的是，实施时，可以单独对宽度和高度的比例进行缩放，如果需要保持目标内容的长宽比例不变，则可以选择上述宽度比例sw和高度比例sh中的值较小的一个座位比例系数。
79.步骤103：在所述展示容器中，通过与所述元素匹配的播放器播放器根据所述第二展示配置信息展示相应的元素。
80.本实施例中，针对不同类型的元素，可以调用不同类型的播放器，以进行内容的展示。在一个示例性的实施例中，在元素包括图片元素的情况下，相应的播放器包括glide图片加载库，在元素包括音视频元素的情况下，播放器包括ffmpeg播放器，在元素包括文本元素的情况下，播放器包括textview控件，在元素包括直播流元素的情况下，播放器包括ffmpeg播放器，在元素包括文档元素的情况下，播放器包括文档阅读器。
81.以glide图片加载库做示例性说明，如图4所示，实施时，首先获取针对图片素材的封装参数，然后根据封装参数解析图片素材的路径。接下来，确定图片是否已经缓存，如果图片素材已经缓存，则直接显示该图片素材，如果图片未缓存，则查找相应的图片素材，如果图片素材尚未下载至本地，则先将图片素材下载至本地，在图片素材存在于本体的情况下，对图片素材进行解码操作、变化操作并缓存，然后显示缓存的图片。
82.相关技术中，例如安卓系统中原生的实现mediaplayer(一种播放器),以及将mediaplayer和surfaceview(表面显示)封装在一起的videoview(一种播放器),两者都只是使用硬解播放，基本上只支持本地和http(hyper text transfer protocol，超文本传输协议)协议的视频播放，扩展性相对较差，只适合简单的视频内容的播放需求。
83.本实施例中通过ffmpeg播放器进行音视频文件的播放。如图5所示，工作过程中，首先注册容器和编码器，接下来，打开文件获取该文件的全局上下文，从文件中提取流信息，进一步的，查找对应的解码器，并打开编解码器。在打开编解码器后，为解码帧分配内存，然后不断的从码流中提取帧数据，判断帧的类型，并用于视频帧的调用，在解码完成后，释放解码器，最后，关闭输入文件。
84.得益于ffmpeg播放器本身的能力，能够支持多种流媒体协议，例如rtsp(real time streaming protocol，实时流协议)、rtmp(real time messaging protocol，实时消息传输协议)、hls(http live streaming，一种基于超文本传输协议的流媒体网络传输协议)等，ffmpeg播放器还能够支持多种视频编码格式，例如h264(一种高度压缩数字视频编解码器标准)、h265(一种高度压缩数字视频编解码器标准)、mpeg4(moving pictures experts group 4，动态图象专家组4)、mjpeg(motion joint photographic experts group，技术即运动静止图像压缩技术)，具有相对较高的灵活性，进一步还可以根据需要定制实现更多特色的播放器，例如支持视频缩放、视频翻转等功能的播放器，实施时，可以根据需要选择，本实施例中不做进一步限定。
85.在一些实施例中，该步骤103包括：
86.根据所述显示装置的设备分辨率和所述内容分辨率确定所述元素在所述显示装置上的显示位置；
87.通过所述播放器根据所述显示位置显示所述元素。
88.实施时，可以通过相应的播放器在与各元素对应的第二容器中展示相应的元素，具体而言，是展示相应元素的素材，示例性的，可以通过文档阅读器在相应的第二容器中展示文档，也可以通过ffmpeg播放器在特定的区域进行视频播放等。
89.在进行目标内容的展示过程中，可以对播放需求进行监听，示例性的，首先确定节目更新节点，然后周期性的查询时间是否到达更新节点，该查询周期可以根据需要设置为1秒、0.5秒、1分钟等不同的数值，当到达更新节点之后，则进行新的内容的展示，否则，保持原模式进行内容展示。
90.本实施例中，可以调用显示装置中通用的各种播放器以进行相应元素的展示，通过选择相应的播放器，能够提高对于相应类型元素的展示效果，也有助于提高兼容性。
91.本发明实施例还提供一种内容展示装置，应用于显示装置。
92.如图6所示，在一个实施例中，该内容展示装置600包括：
93.接收模块601，用于接收展示目标内容的内容展示要求，其中，所述目标内容包括多个元素，所述内容展示要求包括与所述目标内容对应的第一展示配置信息、所述元素的元素信息、以及与所述元素对应的第二展示配置信息；
94.容器建立模块602，用于根据所述第一展示配置信息和所述第二展示配置信息建立展示容器；
95.展示模块603，用于在所述展示容器中，通过与所述元素匹配的播放器根据所述第二展示配置信息展示相应的元素。
96.在一些实施例中，所述第一展示配置信息包括所述目标内容的内容分辨率，所述展示模块603包括：
97.位置确定子模块，用于根据所述显示装置的设备分辨率和所述内容分辨率确定所
述元素在所述显示装置上的显示位置；
98.显示子模块，用于通过所述播放器根据所述显示位置显示所述元素。
99.在一些实施例中，所述第二展示配置信息包括所述元素的地址信息，内容展示装置600还包括：
100.下载模块，用于根据所述地址信息下载所述元素的素材；
101.地址修改模块，用于在所述素材下载完毕之后，将所述第二展示配置信息中的所述地址信息修改为保存所述素材的本地地址。
102.在一些实施例中，所述元素包括图片元素，所述播放器包括glide图片加载库；和/或
103.所述元素包括音视频元素，所述播放器包括ffmpeg播放器；和/或
104.所述元素包括文本元素，所述播放器包括textview控件；和/或
105.所述元素包括直播流元素，所述播放器包括ffmpeg播放器；和/或
106.所述元素包括文档元素，所述播放器包括文档阅读器。
107.在一些实施例中，所述展示容器包括第一容器和第二容器，所述容器建立模块包括：
108.第一建立子模块，用于根据所述第一展示配置信息和所述目标内容在所述显示装置上的内容展示区域建立所述第一容器；
109.第二建立子模块，用于根据所述第二展示配置信息在所述第一容器中建立与所述元素对应的第二容器。
110.在一些实施例中，所述内容展示要求包括封装为json字符串的planlist文件。
111.本实施例的内容展示装置600能够实现上述内容展示方法实施例的各个步骤，并能实现基本相同的技术效果，此处不再赘述。
112.本发明实施例还提供一种电子设备。请参见图7，电子设备可以包括处理器701、存储器702及存储在存储器702上并可在处理器701上运行的程序7021。
113.程序7021被处理器701执行时可实现上述方法实施例中的任意步骤及达到相同的有益效果，此处不再赘述。
114.本领域普通技术人员可以理解实现上述实施例方法的全部或者部分步骤是可以通过程序指令相关的硬件来完成，所述的程序可以存储于一可读取介质中。
115.本发明实施例还提供一种可读存储介质，所述可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时可实现上述方法实施例中的任意步骤，且能达到相同的技术效果，为避免重复，这里不再赘述。
116.所述的存储介质，如只读存储器(read-only memory，rom)、随机存取存储器(random access memory，ram)、磁碟或者光盘等。
117.需要说明的是，应理解以上各个模块的划分仅仅是一种逻辑功能的划分，实际实现时可以全部或部分集成到一个物理实体上，也可以物理上分开。且这些模块可以全部以软件通过处理元件调用的形式实现；也可以全部以硬件的形式实现；还可以部分模块通过处理元件调用软件的形式实现，部分模块通过硬件的形式实现。例如，确定模块可以为单独设立的处理元件，也可以集成在上述装置的某一个芯片中实现，此外，也可以以程序代码的形式存储于上述装置的存储器中，由上述装置的某一个处理元件调用并执行以上确定模块
的功能。其它模块的实现与之类似。此外这些模块全部或部分可以集成在一起，也可以独立实现。这里所述的处理元件可以是一种集成电路，具有信号的处理能力。在实现过程中，上述方法的各步骤或以上各个模块可以通过处理器元件中的硬件的集成逻辑电路或者软件形式的指令完成。
118.例如，各个模块、单元、子单元或子模块可以是被配置成实施以上方法的一个或多个集成电路，例如：一个或多个特定集成电路(application specific integrated circuit，asic)，或，一个或多个微处理器(digital signal processor，dsp)，或，一个或者多个现场可编程门阵列(field programmable gate array，fpga)等。再如，当以上某个模块通过处理元件调度程序代码的形式实现时，该处理元件可以是通用处理器，例如中央处理器(central processing unit，cpu)或其它可以调用程序代码的处理器。再如，这些模块可以集成在一起，以片上系统(system-on-a-chip，soc)的形式实现。
119.以上所述是本发明实施例的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明所述原理的前提下，还可以作出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。