循环滚动播放图片的方法、装置、显示设备及存储介质与流程

1.本发明涉及图片播放技术领域，尤其涉及一种循环滚动播放图片的方法、装置、显示设备及存储介质。


背景技术：

2.随着现代科技不断发展，数字显示技术的应用无处不在。数字标牌凭借网络、多媒体技术的融合，以媒体的方式发布处理信息，及时的与客户的反馈信息做互动，已广泛应用于金融、电信、医院、卖场、超市、宾馆、公共场所等领域。目前，数字标牌展示图片的方式一般分为两种，其一是静止展示，其二是动态展示，而动态展示由于能够展示更多的内容，故目前主流的数字标牌均采用动态展示。
3.动态展示是循环滚动播放一组图片，每张图片展示一段时间后，再滚动到下一张图片，但是，由于一组图片的数量有限，在滚动到最后一张图片时，需要切换回第一张图片重新开始滚动，而在从最后一张图片切换至第一张图片时，会存在画面闪烁，从而导致展示的过程不流畅，影响用户的浏览体验。


技术实现要素：

4.本发明实施例提供了一种循环滚动播放图片的方法、装置、显示设备及存储介质，不仅可以循环滚动播放图片，还可以支持从用户需要播放的最后一张图片通过滚动的方式切换回用户需要播放的第一张图片，且在切换时不会出现画面闪烁。
5.第一方面，本发明实施例提供了一种循环滚动播放图片的方法，该方法包括：
6.若检测到播放指令，根据所述播放指令在预设容器中的展示区域内播放图片对象中的第一张目标图片，并启动定时器，其中，所述图片对象包括至少三张所述目标图片，且第一张所述目标图片与最后一张所述目标图片相同；
7.判断所述定时器所记录的第一时间是否等于预设时间，其中，所述第一时间为所述目标图片在所述展示区域所停留的时间；
8.若所述定时器所记录的第一时间等于所述预设时间，判断所述展示区域所展示的目标图片是否为所述图片对象中的最后一张目标图片；
9.若所述展示区域所展示的目标图片是所述图片对象中的最后一张所述目标图片，重置所述图片对象的位置以使所述图片对象的第一张所述目标图片位于所述展示区域内。
10.第二方面，本发明实施例还提供了一种循环滚动播放图片的装置，该装置包括：
11.图片播放单元，用于若检测到播放指令，根据所述播放指令在预设容器中的展示区域内播放图片对象中的第一张目标图片，并启动定时器，其中，所述图片对象包括至少三张所述目标图片，且第一张所述目标图片与最后一张所述目标图片相同；
12.第一判断单元，用于判断所述定时器所记录的第一时间是否等于预设时间，其中，所述第一时间为所述目标图片在所述展示区域所停留的时间；
13.第二判断单元，用于若所述定时器所记录的第一时间等于所述预设时间，判断所
述展示区域所展示的目标图片是否为所述图片对象中的最后一张目标图片；
14.第一位置重置单元，用于若所述展示区域所展示的目标图片是所述图片对象中的最后一张所述目标图片，重置所述图片对象的位置以使所述图片对象的第一张所述目标图片位于所述展示区域内。
15.第三方面，本发明实施例还提供了一种显示设备，其包括存储器及处理器，所述存储器上存储有计算机程序，所述处理器执行所述计算机程序时实现上述方法。
16.第四方面，本发明实施例还提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序当被处理器执行时可实现上述方法。
17.本发明实施例提供了一种循环滚动播放图片的方法、装置、显示设备及存储介质，所述方法包括：若检测到播放指令，根据所述播放指令在预设容器中的展示区域内播放图片对象中的第一张目标图片，并启动定时器，其中，所述图片对象包括至少三张所述目标图片，且第一张所述目标图片与最后一张所述目标图片相同；判断所述定时器所记录的第一时间是否等于预设时间，其中，所述第一时间为所述目标图片在所述展示区域所停留的时间；若所述定时器所记录的第一时间等于所述预设时间，判断所述展示区域所展示的目标图片是否为所述图片对象中的最后一张目标图片；若所述展示区域所展示的目标图片是所述图片对象中的最后一张所述目标图片，重置所述图片对象的位置以使所述图片对象的第一张所述目标图片位于所述展示区域内。本发明实施例通过在图片对象中设有多个目标图片，并且在接收到播放指令时，在展示区域中从第一张目标图片开始播放以开始循环滚动播放图片，同时，通过判断定时器所记录的第一时间是否等于预设时间以判断是否需要播放下一张图片，通过判断当前所展示的目标图片是否为最后一张目标图片以判断是否需要重置图片对象的位置，当目标图片为最后一张目标图片时，重置图片对象的初始位置，而图片对象中的第一张目标图片与最后一张目标图片相同，从而使得在重置图片对象的位置时，不会出现画面闪烁。
附图说明
18.为了更清楚地说明本发明实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
19.图1是本发明实施例提供的循环滚动播放图片的方法的流程示意图；
20.图2是本发明另一实施例提供的循环滚动播放图片的方法的流程示意图；
21.图3是本发明另一实施例提供的循环滚动播放图片的方法的流程示意图；
22.图4是本发明实施例提供的图片播放的场景示意图；
23.图5是本发明实施例提供的循环滚动播放图片的装置的示意性框图；
24.图6是本发明另一实施例提供的循环滚动播放图片的装置的示意性框图；
25.图7是本发明另一实施例提供的循环滚动播放图片的装置的示意性框图；
26.图8是本发明实施例提供的显示设备的示意性框图。
具体实施方式
27.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完
整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
28.应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、操作、元素、组件和/或其集合的存在或添加。
29.还应当理解，在此本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。还应当进一步理解，在本发明说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
30.请参阅图1，图1是本发明实施例提供的循环滚动播放图片的方法的流程示意图，该方法可应用于显示设备，例如数字标牌，本发明实施例提供的循环滚动播放图片的方法可以在从最后一张图片切换至第一张图片时，不出现画面闪烁。如图1所示，该方法包括步骤s110～s140。
31.s110，若检测到播放指令，根据所述播放指令在预设容器中的展示区域内播放图片对象中的第一张目标图片，并启动定时器，其中，所述图片对象包括至少三张所述目标图片，且第一张所述目标图片与最后一张所述目标图片相同。
32.在本发明实施例中，预设容器用于容纳图片对象，并且设有展示区域，该展示区域用于展示目标图片。具体地，canvas画布可以作为本发明中的预设容器，canvas画布是一种布局控件，其不仅可以将图片等内容呈现在网页上，还可以控制其自身子控件的位置，从而调整所要展示的内容。canvas画布作为一种布局控件，其展示区域为控件本身，而控件本身的大小可以根据用户的需求进行设置。图片对象包含有至少三张目标图片，且第一张目标图片与最后一张目标图片相同。具体地，图片对象可以是stackpanel控件，stackpanel控件是一种布局控件，用于排列子元素，例如自左向右或者自上而下对子元素进行排列，故stackpanel控件可以包括有多个目标图片，且多个目标图片在stackpanel控件中按照预设顺序进行排列，便于在canvas画布的控制下，对不同的目标图片进行播放。定时器用于记录当前图片播放的时长，当当前图片播放的时长达到预设时长时，canvas画布控制stackpanel控件移动以切换下一个目标图片。
33.在某些实施例，例如本实施例中，如图2所示，所述步骤s110步骤之前可以包括步骤s110a-s110e。
34.s110a，确认用户所选择的图片集合和所述展示区域的尺寸，并调整所述图片集合中的待调整图片的尺寸以使所述待调整图片的尺寸与所述展示区域的尺寸相匹配以获得所述目标图片；
35.在本发明实施例中，图片集合为用户需要进行播放的图片，展示区域为用户所指定的最终呈现出来的区域大小。需要进行播放的图片的尺寸不一定与展示区域的尺寸相匹配，故在确定了图片集合后，需要调整图片集合中的待调整图片的尺寸，从而使得待调整图片的尺寸与展示区域的尺寸相匹配，进而获得目标图片。具体地，可以通过遍历需要播放的图片的路径集合，并且根据图片路径创建尺寸大小等于展示区域尺寸的image对象，也即目
标图片。
36.s110b，将所有所述目标图片按照用户所选择的顺序放入所述图片对象中。
37.在本发明实施例中，用户所选择的顺序为用户希望在播放时切换图片的顺序，而图片对象可以对所放入的目标图片进行排列。具体地，可以将image对象添加至stackpanel控件中，而stackpanel控件中会对image对象按照自左向右或者自上而下的顺序进行排列。
38.s110c，复制所述图片对象中第一张所述目标图片以获得复制目标图片。
39.s110d，在所述图片对象中的末尾处添加所述复制目标图片。
40.在本发明实施例中，在图片对象对所添加的目标图片进行排序之后，可以复制图片对象中第一张目标图片，并将复制后的第一张目标图片添加到图片对象中的末尾处。
41.s110e，将所述图片对象放入所述预设容器中，并在所述预设容器中设置所述图片对象的初始坐标。
42.在本发明实施例中，在完成对目标图片的处理后，将图片对象放入预设容器中，并为图片对象添加初始坐标，便于对图片对象进行复位。例如，canvas画布可以为子控件添加附加属性来控制子控件的位置，其可以为stackpanel控件添加一个初始坐标为(0,0)的坐标，然后通过坐标来控制stackpanel控件相对于canvas画布的位置。
43.s120，判断所述定时器所记录的第一时间是否等于预设时间，其中，所述第一时间为所述目标图片在所述展示区域所停留的时间。
44.在本发明实施例中，第一时间为用户所指定的展示同一张图片的时间，也即目标图片在展示区域停留的时间。
45.s130，若所述定时器所记录的第一时间等于所述预设时间，判断所述展示区域所展示的目标图片是否为所述图片对象中的最后一张目标图片。
46.在本发明实施例中，当定时器所记录的第一时间等于预设时间时，说明需要切换目标图片，此时，需要进一步判断当前所展示的目标图片是否为图片对象中的最后一张目标图片，并根据不同的情况进行不同的处理。
47.在某些实施例，例如本实施例中，如图3所示，所述步骤s130步骤之后可以包括步骤s130a。
48.s130a，若所述展示区域所展示的目标图片不是所述图片对象中的最后一张所述目标图片，将所述图片对象朝着预设方向移动预设距离以展示下一张所述目标图片。
49.在本发明实施例中，当展示区域所展示的目标图片不是图片对象中最后一张目标图片时，控制图片对象朝着预设方向移动预设距离，从而可以展示下一张目标图。其中，预设方向根据图片对象中的目标图片的排列顺序相关，当图片对象中的目标图片的排列顺序为自左向右时，预设方向为朝着左侧移动，而预设距离等于目标图片的宽度。
50.s140，若所述展示区域所展示的目标图片是所述图片对象中的最后一张所述目标图片，重置所述图片对象的位置以使所述图片对象的第一张所述目标图片位于所述展示区域内。
51.在本发明实施例中，如图4所示，图4共有八行，每一行均有p1、p2和p3三张图片，其中，p3是p1的复制图片，与p1完全相同，而图4中每一行的虚线部分所框选的区域为展示区域，p1至p3组成图片对象，图4中的第二行至第八行为图片对象的处于不同时刻时的不同位置。当p1的停留时间到达预设时间时，图片对象朝着左侧移动，直到移动至p2，如图4中的前
四行所示。第五行是p3位于展示区域的时刻，当p3的停留时间到达预设时间时，由于p3已经是图片对象中的最后一张目标图片，故先重置图片对象的位置，使得图片对象回到初始位置，也即第一行所示的位置，之后重复上述过程。在整个过程中，由于p1和p3完全一致，在重置位置时，不会发生画面闪烁的情况。
52.在某些实施例，例如本实施例中，所述步骤s140步骤可以包括如下步骤：确认所述图片对象的当前坐标和所述初始坐标；将所述图片对象的当前坐标替换为所述初始坐标以重置所述图片对象的位置。
53.在本发明实施例中，可以通过坐标来定义图片对象在预设容器内的位置，例如，当预设容器为canvas画布，而图片对象为stackpanel控件时，将stackpanel控件添加至canvas画布中，而canvas画布可以定义stackpanel控件的初始坐标为(0,0)，之后按照定时器设置的预设时间，控制stackpanel控件按照预设方向移动，当移动至最后一张目标图片时，将stackpanel控件的坐标重置为(0,0)从而实现重置stackpanel控件的位置。
54.图5是本发明实施例提供的一种循环滚动播放图片的装置100的示意性框图。如图5所示，对应于以上循环滚动播放图片的方法，本发明还提供一种循环滚动播放图片的装置100。该循环滚动播放图片的装置100包括用于执行上述循环滚动播放图片的方法的单元。具体地，请参阅图5，该循环滚动播放图片的装置100包括图片播放单元110、第一判断单元120、第二判断单元130和第一位置重置单元140。
55.其中，图片播放单元110用于若检测到播放指令，根据所述播放指令在预设容器中的展示区域内播放图片对象中的第一张目标图片，并启动定时器，其中，所述图片对象包括至少三张所述目标图片，且第一张所述目标图片与最后一张所述目标图片相同；第一判断单元120用于判断所述定时器所记录的第一时间是否等于预设时间，其中，所述第一时间为所述目标图片在所述展示区域所停留的时间；第二判断单元130用于若所述定时器所记录的第一时间等于所述预设时间，判断所述展示区域所展示的目标图片是否为所述图片对象中的最后一张目标图片；第一位置重置单元140用于若所述展示区域所展示的目标图片是所述图片对象中的最后一张所述目标图片，重置所述图片对象的位置以使所述图片对象的第一张所述目标图片位于所述展示区域内。
56.图6是本发明另一实施例提供的一种循环滚动播放图片的装置100的示意性框图。如图6所示，本实施例的循环滚动播放图片的装置100是上述实施例的基础上增加了图片尺寸调整单元110a、图片放入单元110b、图片复制单元110c、图片添加单元110d和坐标设置单元110e。
57.其中，图片尺寸调整单元110a用于确认用户所选择的图片集合和所述展示区域的尺寸，并调整所述图片集合中的待调整图片的尺寸以使所述待调整图片的尺寸与所述展示区域的尺寸相匹配以获得所述目标图片；图片放入单元110b用于将所有所述目标图片按照用户所选择的顺序放入所述图片对象中；图片复制单元110c用于复制所述图片对象中第一张所述目标图片以获得复制目标图片；图片添加单元110d用于在所述图片对象中的末尾处添加所述复制目标图片；坐标设置单元110e用于将所述图片对象放入所述预设容器中，并在所述预设容器中设置所述图片对象的初始坐标。
58.图7是本发明另一实施例提供的一种循环滚动播放图片的装置100的示意性框图。如图7所示，本实施例的循环滚动播放图片的装置100是上述实施例的基础上增加了图片移
动单元130a。
59.其中，图片移动单元130a用于若所述展示区域所展示的目标图片不是所述图片对象中的最后一张所述目标图片，将所述图片对象朝着预设方向移动预设距离以展示下一张所述目标图片。
60.在某些实施例，例如本实施例中，第一位置重置单元140包括坐标确认单元和坐标重置单元。
61.其中，坐标确认单元用于确认所述图片对象的当前坐标和所述初始坐标；坐标重置单元用于将所述图片对象的当前坐标替换为所述初始坐标以重置所述图片对象的位置。
62.需要说明的是，所属领域的技术人员可以清楚地了解到，上述循环滚动播放图片的装置和各单元的具体实现过程，可以参考前述方法实施例中的相应描述，为了描述的方便和简洁，在此不再赘述。
63.上述循环滚动播放图片的装置可以实现为一种计算机程序的形式，该计算机程序可以在如图8所示的显示设备上运行。
64.请参阅图8，图8是本技术实施例提供的一种显示设备的示意性框图。该显示设备可以是终端，也可以是服务器，其中，终端可以是智能手机、平板电脑、笔记本电脑、台式电脑、个人数字助理和穿戴式设备等具有通信功能的电子设备。服务器可以是独立的服务器，也可以是多个服务器组成的服务器集群。
65.参阅图8，该显示设备500包括通过系统总线501连接的处理器502、存储器和接口，其中，存储器可以包括非易失性存储介质503和内存储器504。
66.该非易失性存储介质503可存储操作系统5031和计算机程序5032。该计算机程序5032被执行时，可使得处理器502执行一种循环滚动播放图片的方法。
67.该处理器502用于提供计算和控制能力，以支撑整个显示设备500的运行。
68.该内存储器504为非易失性存储介质503中的计算机程序5032的运行提供环境，该计算机程序5032被处理器502执行时，可使得处理器502执行一种循环滚动播放图片的方法。
69.该接口505用于与其它设备进行通信。本领域技术人员可以理解，图8中示出的结构，仅仅是与本技术方案相关的部分结构的框图，并不构成对本技术方案所应用于其上的显示设备500的限定，具体的显示设备500可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
70.其中，所述处理器502用于运行存储在存储器中的计算机程序5032，以实现如下步骤：
71.若检测到播放指令，根据所述播放指令在预设容器中的展示区域内播放图片对象中的第一张目标图片，并启动定时器，其中，所述图片对象包括至少三张所述目标图片，且第一张所述目标图片与最后一张所述目标图片相同；
72.判断所述定时器所记录的第一时间是否等于预设时间，其中，所述第一时间为所述目标图片在所述展示区域所停留的时间；
73.若所述定时器所记录的第一时间等于所述预设时间，判断所述展示区域所展示的目标图片是否为所述图片对象中的最后一张目标图片；
74.若所述展示区域所展示的目标图片是所述图片对象中的最后一张所述目标图片，
重置所述图片对象的位置以使所述图片对象的第一张所述目标图片位于所述展示区域内。
75.在一实施例中，处理器502在实现所述若所述定时器所记录的第一时间等于所述预设时间，判断所述展示区域所展示的目标图片是否为所述图片对象中的最后一张目标图片的步骤之后，还包括如下步骤：
76.若所述展示区域所展示的目标图片不是所述图片对象中的最后一张所述目标图片，将所述图片对象朝着预设方向移动预设距离以展示下一张所述目标图片。
77.在一实施例中，处理器502在实现所述若检测到播放指令，根据所述播放指令在预设容器中的展示区域内播放图片对象中的第一张目标图片，并启动定时器的步骤之前，还包括如下步骤：
78.确认用户所选择的图片集合和所述展示区域的尺寸，并调整所述图片集合中的待调整图片的尺寸以使所述待调整图片的尺寸与所述展示区域的尺寸相匹配以获得所述目标图片；
79.将所有所述目标图片按照用户所选择的顺序放入所述图片对象中。
80.在一实施例中，处理器502在实现所述将所有所述目标图片按照用户所选择的顺序放入所述图片对象中的步骤之后，还包括如下步骤：
81.复制所述图片对象中第一张所述目标图片以获得复制目标图片；
82.在所述图片对象中的末尾处添加所述复制目标图片。
83.在一实施例中，处理器502在实现所述在所述图片对象中的末尾处添加所述复制目标图片的步骤之后，还包括如下步骤：
84.将所述图片对象放入所述预设容器中，并在所述预设容器中设置所述图片对象的初始坐标。
85.在一实施例中，处理器502在实现所述重置所述图片对象的位置以使所述图片对象的第一张所述目标图片位于所述展示区域内的步骤时，具体实现如下步骤：
86.确认所述图片对象的当前坐标和所述初始坐标；
87.将所述图片对象的当前坐标替换为所述初始坐标以重置所述图片对象的位置。
88.在一实施例中，处理器502在实现所述判断所述定时器所记录的第一时间是否等于预设时间的步骤之后，还包括如下步骤：
89.若所述定时器所记录的第一时间不等于所述预设时间，继续展示所述目标图片。
90.应当理解，在本技术实施例中，处理器502可以是中央处理单元(central processingunit，cpu)，该处理器502还可以是其他通用处理器、数字信号处理器(figital signal processor，fsp)、专用集成电路(application specific integratef circuit，asic)、现成可编程门阵列(fielf-programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中，通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
91.本领域普通技术人员可以理解的是实现上述实施例的方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成。该计算机程序可存储于一存储介质中，该存储介质为计算机可读存储介质。该计算机程序被该计算机系统中的至少一个处理器执行，以实现上述方法的实施例的流程步骤。
92.因此，本发明还提供一种存储介质。该存储介质可以为计算机可读存储介质。该存
储介质存储有计算机程序。该计算机程序当被处理器执行时实现上述循环滚动播放图片的方法的任一实施例。
93.所述存储介质可以是u盘、移动硬盘、只读存储器(reaf-only memory，rom)、磁碟或者光盘等各种可以存储程序代码的计算机可读存储介质。
94.本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。
95.在本发明所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的。例如，各个单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。
96.本发明实施例方法中的步骤可以根据实际需要进行顺序调整、合并和删减。本发明实施例装置中的单元可以根据实际需要进行合并、划分和删减。另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以是两个或两个以上单元集成在一个单元中。
97.该集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分，或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台显示设备执行本发明各个实施例所述方法的全部或部分步骤。
98.在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详细描述的部分，可以参见其他实施例的相关描述。
99.显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，尚且本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
100.以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。