一种序列帧与全景交互的方法及装置与流程

本发明属于电子技术领域，尤其涉及一种序列帧与全景交互的方法及装置。

背景技术：

随着计算机技术的飞速发展，基于移动平台进行各类房产展示的应用越来越普及。传统的房产展示方法包括直接采用静态的图片进行展示，或者通过动态视频进行展示，这些展示方式都相对单一，与用户的互动能力和交互性能均较差，无法满足房产展示的需要。

目前在ios移动操作系统环境下，出现了采用序列帧顺序播放实现行进漫游的展示方式，或者通过在不同虚拟全景场景之间进行切换的展示方式。但是，序列帧顺序播放行进漫游的漫游路线过于单一，交互只有前进后退暂停，展示方式仍然相对单一，单一序列帧顺序播放行进漫游路径过长，途中缺乏停顿节点，对基于ios操作系统的智能终端来说，数据处理压力过大，容易造成卡顿及系统崩溃现象，而仅通过虚拟场景切换的展示方式，场景之间缺乏路径连接，导致场景间位置感不直观、且没有过渡。

技术实现要素：

有鉴于此，本发明实施例提供了一种序列帧与全景交互的方法及装置，以解决现有技术中展示方式单一导致交互性能差，并且容易造成卡顿的问题。

本发明实施例的第一方面提供了一种序列帧与全景交互的方法，包括：

制作第一预设数量的序列帧图像和第二预设数量的全景图像；

设置所述全景图像与所述序列帧图像的对应关系；其中，所述对应关系包括每个所述全景图像对应一个或者多个所述序列帧图像；

若检测到所述全景图像向所述序列帧图像的切换操作，则根据所述对应关系启动目标序列帧图像的播放。

本发明实施例的第二方面提供了一种序列帧与全景交互的装置，包括：

制作模块，用于制作第一预设数量的序列帧图像和第二预设数量的全景图像；

设置模块，用于设置所述全景图像与所述序列帧图像的对应关系；其中，所述对应关系包括每个所述全景图像对应一个或者多个所述序列帧图像；

切换模块，用于若检测到所述全景图像向所述序列帧图像的切换操作，则根据所述对应关系启动目标序列帧图像的播放。

本发明实施例与现有技术相比存在的有益效果是：通过制作第一预设数量的序列帧图像和第二预设数量的全景图像，并设置全景图像与序列帧图像的对应关系，当检测到全景图像向序列帧图像的切换操作，则根据该对应关系启动序列帧图像的播放，实现了序列帧与全景的双向交互，融合了序列帧路径漫游和全景场景各自的优点，提供了灵活的展示方式，提高了交互性能，并且通过序列帧图像与全景图像的交互展示，避免了在智能终端数据处理能力有限的情况下，单一使用序列帧图像的展示方式容易造成的卡顿。

附图说明

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

图1是本发明实施例一提供的一种序列帧与全景交互的方法的实现流程图；

图2是本发明实施例一提供的一种序列帧与全景交互的方法中通过热点进行切换的示意图；

图3是本发明实施例二提供的一种序列帧与全景交互的方法的实现流程图；

图4是本发明实施例二提供的一种序列帧与全景交互的方法中序列帧图像与起点全景图像、终点全景图像的对应关系的示意图；

图5是本发明实施例三提供的一种序列帧与全景交互的装置的结构框图；

图6是本发明实施例四提供的一种序列帧与全景交互的装置的结构框图。

具体实施方式

以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本发明实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本发明。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本发明的描述。

为了说明本发明所述的技术方案，下面通过具体实施例来进行说明。

实施例一：

图1是本发明实施例一提供的一种序列帧与全景交互的方法的流程图，本发明实施例的执行主体为智能终端设备，其具体可以平板电脑、智能手机等，图1示例的一种序列帧与全景交互的方法具体可以包括步骤s101至步骤s103，详述如下：

s101、制作第一预设数量的序列帧图像和第二预设数量的全景图像。

具体地，根据需要展示的目标样板间、商业街或者园林等展示目标，将需要通过行进漫游的方式进行展示的目标进行建模渲染，制作第一预设数量的序列帧图像；同时，对展示目标中需要重点表现的场景进行建模渲染，按照预定缩放比例生成渲染图，并基于层叠样式表(cascadingstylesheets,css)及直译式脚本语言javascript的web技术将渲染图生成可以旋转的全景图像。

可选的，建模渲染可以利用3dstudiomax(3dmax)等软件完成。

进一步地，全景图像可以为720度虚拟全景图像，即生成的全景图像可以在720度范围内任意旋转。

预定缩放比例可以是2:1，但并不限于此，具体可以根据实际应用的需要进行设置，此处不做限制。

第一预设数量和第二预设数量均根据实际需要展示的展示目标确定，此处不做限制。

s102、设置全景图像与序列帧图像的对应关系；其中，该对应关系包括每个全景图像对应一个或者多个序列帧图像。

具体地，对步骤s101得到的每个序列帧图像和每个全景图像进行命名，使用xml脚本设置全景图像与序列帧图像的对应关系，并将该对应关系保存在xml脚本文件中。

全景图像与序列帧图像的对应关系包括每个全景图像对应一个或者多个序列帧图像。

在全景图像的场景中需要衔接序列帧图像播放的位置添加热点，一个全景图像可以对应多个热点，每个热点对应一个序列帧图像，并在xml脚本文件中保存全景图像、热点以及序列帧图像之间的对应关系。

s103、若检测到全景图像向序列帧图像的切换操作，则根据对应关系启动目标序列帧图像的播放。

具体地，当用户点击全景图像场景中的某个热点时，智能终端设备检测到全景图像向序列帧图像的切换操作，则根据xml脚本文件保存的对应关系确定该热点对应的目标序列帧图像，并启动该目标序列帧图像的播放。

如图2所述，在全景图像a中设置了热点b1和热点b2，并且热点b1和热点b2分别关联一个序列帧图像，当用户点击热点b1时，将启动热点b1对应的序列帧图像的播放。

智能终端设备可以使用扩充c的面向对象编程语言(objective-c)实现目标序列帧图像的播放。在目标序列帧图像播放的漫游路径上，可以通过点击按钮或者划动触摸屏实现暂停、播放、前进或后退等交互动作。目标序列帧图像的播放速率可以为每帧1/25秒，并可以通过对预设参数的调整改变播放速率。

本实施例中，通过制作第一预设数量的序列帧图像和第二预设数量的全景图像，并设置全景图像与序列帧图像的对应关系，当检测到全景图像向序列帧图像的切换操作，则根据该对应关系启动序列帧图像的播放，实现了序列帧与全景的双向交互，融合了序列帧路径漫游和全景场景各自的优点，提供了灵活的展示方式，提高了交互性能，并且通过序列帧图像与全景图像的交互展示，避免了在智能终端数据处理能力有限的情况下，单一使用序列帧图像的展示方式容易造成的卡顿。

实施例二：

图3是本发明实施例二提供的一种序列帧与全景交互的方法的流程图，本发明实施例的执行主体为智能终端设备，其具体可以平板电脑、智能手机等，图3示例的一种序列帧与全景交互的方法具体可以包括步骤s201至步骤s207，详述如下：

s201、制作第一预设数量的序列帧图像和第二预设数量的全景图像。

具体地，根据需要展示的目标样板间、商业街或者园林等展示目标，将需要通过行进漫游的方式进行展示的目标进行建模渲染，制作第一预设数量的序列帧图像；同时，对展示目标中需要重点表现的场景进行建模渲染，按照预定缩放比例生成渲染图，并基于层叠样式表(cascadingstylesheets,css)及直译式脚本语言javascript的web技术将渲染图生成可以旋转的全景图像。

可选的，建模渲染可以利用3dstudiomax(3dmax)等软件完成。

进一步地，全景图像可以为720度虚拟全景图像，即生成的全景图像可以在720度范围内任意旋转。

预定缩放比例可以是2:1，但并不限于此，具体可以根据实际应用的需要进行设置，此处不做限制。

第一预设数量和第二预设数量均根据实际需要展示的展示目标确定，此处不做限制。

s202、设置全景图像与序列帧图像的对应关系；其中，该对应关系包括每个全景图像对应一个或者多个序列帧图像，每个序列帧图像的播放起点对应起点全景图像，以及每个序列帧图像的播放终点对应终点全景图像。

具体地，对步骤s201得到的每个序列帧图像和每个全景图像进行命名，使用xml脚本设置全景图像与序列帧图像的对应关系，并将该对应关系保存在xml脚本文件中。

全景图像与序列帧图像的对应关系包括每个全景图像对应一个或者多个序列帧图像，每个序列帧图像的播放起点对应起点全景图像，以及每个序列帧图像的播放终点对应终点全景图像

在全景图像的场景中需要衔接序列帧图像播放的位置添加热点，一个全景图像可以对应多个热点，每个热点对应一个序列帧图像，并在xml脚本文件中保存全景图像、热点以及序列帧图像之间的对应关系。

起点全景图像和终点全景图像均为需要重点呈现的720度虚拟全景场景。

起点全景图像可以是其他序列帧图像的播放终点对应的终点全景图像；终点全景图像可以是对应的序列帧图像的漫游路径在返回时对应的起点全景图像，也可以是其他序列帧图像的播放起点对应的起点全景图像。

起点全景图像和终点全景图像可以根据需求进行灵活设置，并可以对应多个不同的序列帧图像。如图4所示，序列帧图像的漫游路径s1、s2、s3和s4，每条漫游路径的起点和终端均对应一个需要重点呈现的全景图像a1，a2，a3，a4和a5。其中，a1是s1的起点，也是s2的终点，同时还是s3的起点，a4是s1的终点，也是s1在返回时的起点，同时还是s4的起点。

s203、若检测到全景图像向序列帧图像的切换操作，则根据对应关系确定全景图像对应的目标序列帧图像。

具体地，当用户点击全景图像场景中的某个热点时，智能终端设备检测到全景图像向序列帧图像的切换操作，则根据xml脚本文件保存的对应关系确定该热点对应的目标序列帧图像。

s204、若全景图像的当前视角与目标序列帧图像的播放视角不匹配，则将全景图像的当前视角调整到与目标序列帧图像的播放视角相匹配的角度。

具体地，在xml脚本文件中预先保存了目标序列帧图像的属性，该属性包括播放视角参数，即目标序列帧图像的第一帧图像的视角。获取全景图像的当前视角，若当前视角与目标序列帧图像的播放视角的偏差超过预设的偏差值，即当前视角不在目标序列帧图像的漫游路径的方位，则将当前视角调整到与目标序列帧图像的播放视角相匹配的角度，即全景图像调整后的视角与目标序列帧图像的播放视角的偏差未超过预设的偏差值。

s205、载入目标序列帧图像对应的起点全景图像。

具体地，根据对应关系确定目标序列帧图像对应的起点全景图像，载入该起点全景图像。

s206、启动目标序列帧图像的播放。

具体地，根据步骤s203确定额目标序列帧图像，启动该目标序列帧图像的播放。

智能终端设备可以使用扩充c的面向对象编程语言(objective-c)实现目标序列帧图像的播放。在目标序列帧图像播放的漫游路径上，可以通过点击按钮或者划动触摸屏实现暂停、播放、前进或后退等交互动作。目标序列帧图像的播放速率可以为每帧1/25秒，并可以通过对预设参数的调整改变播放速率。

s207、根据对应关系，载入目标序列帧图像对应的终点全景图像。

具体地，根据对应关系确定目标序列帧图像对应的终点全景图像，载入该终点全景图像。

在起点全景图像和重点全景图像，以及其他全景图像的呈现过程中，可以通过点击按钮或者划动触摸屏实现水平移动、垂直移动，以及缩放等交互动作。

本发明实施例通过序列帧行进漫游与720度虚拟全景的双向交互，使得用户在通过智能平板或者智能手机等终端设备观看虚拟样板间、虚拟商业街或者虚拟园林时，能够获得与现场环境一样自然流畅的体验感，用户可以沿着既定路线前进、后退或者停下进行浏览体验，也可以在重点景观进行720度全景浏览。

本实施例中，通过制作第一预设数量的序列帧图像和第二预设数量的全景图像，并设置全景图像与序列帧图像的对应关系，当检测到全景图像向序列帧图像的切换操作，则根据该对应关系启动序列帧图像的播放，实现了序列帧与全景的双向交互，融合了序列帧路径漫游和全景场景各自的优点，提供了灵活的展示方式，提高了交互性能，并且通过序列帧图像与全景图像的交互展示，避免了在智能终端数据处理能力有限的情况下，单一使用序列帧图像的展示方式容易造成的卡顿。同时，通过将序列帧图像对应起点全景图像和终点全景图像，使得在序列帧图像播放的起点和终点均能够呈现需要重点展示的全景场景，并且通过对起点全景图像和终点全景图像的灵活设置，增加用户浏览的自由度。通过在启动序列帧图像的播放之前，若全景图像的当前视角与目标序列帧图像的播放视角不匹配，则将全景图像的当前视角调整到与目标序列帧图像的播放视角相匹配的角度，实现全景图像与序列帧图像的平滑过渡，使得用户在切换浏览时不会过于突兀，提高交互展示的智能化水平。

实施例三：

图5是本发明实施例三提供的一种序列帧与全景交互的装置的结构示意图，为了便于说明，仅示出了与本发明实施例相关的部分。图5示例的一种序列帧与全景交互的装置可以是前述实施例一提供的序列帧与全景交互的方法的执行主体。图5示例的一种序列帧与全景交互的装置包括：制作模块31、设置模块32和切换模块33，各功能模块详细说明如下：

制作模块31，用于制作第一预设数量的序列帧图像和第二预设数量的全景图像；

设置模块32，用于设置所述全景图像与所述序列帧图像的对应关系；其中，所述对应关系包括每个所述全景图像对应一个或者多个所述序列帧图像；

切换模块33，用于若检测到所述全景图像向所述序列帧图像的切换操作，则根据所述对应关系启动目标序列帧图像的播放。

本实施例提供的一种序列帧与全景交互的装置中各模块实现各自功能的过程，具体可参考前述图1所示实施例的描述，此处不再赘述。

从上述图5示例的一种序列帧与全景交互的装置可知，本实施例中，通过制作第一预设数量的序列帧图像和第二预设数量的全景图像，并设置全景图像与序列帧图像的对应关系，当检测到全景图像向序列帧图像的切换操作，则根据该对应关系启动序列帧图像的播放，实现了序列帧与全景的双向交互，融合了序列帧路径漫游和全景场景各自的优点，提供了灵活的展示方式，提高了交互性能，并且通过序列帧图像与全景图像的交互展示，避免了在智能终端数据处理能力有限的情况下，单一使用序列帧图像的展示方式容易造成的卡顿。

实施例四：

图6是本发明实施例四提供的一种序列帧与全景交互的装置的结构示意图，为了便于说明，仅示出了与本发明实施例相关的部分。图6示例的一种序列帧与全景交互的装置可以是前述实施例二提供的序列帧与全景交互的方法的执行主体。图6示例的一种序列帧与全景交互的装置包括：制作模块41、设置模块42和切换模块43，各功能模块详细说明如下：

制作模块41，用于制作第一预设数量的序列帧图像和第二预设数量的全景图像；

设置模块42，用于设置所述全景图像与所述序列帧图像的对应关系；其中，所述对应关系包括每个所述全景图像对应一个或者多个所述序列帧图像；

切换模块43，用于若检测到所述全景图像向所述序列帧图像的切换操作，则根据所述对应关系启动目标序列帧图像的播放。

进一步地，所述对应关系还包括每个所述序列帧图像的播放起点对应起点全景图像，以及每个所述序列帧图像的播放终点对应终点全景图像，所述切换模块43包括：

目标确定子模块431，用于根据所述对应关系确定所述全景图像对应的所述目标序列帧图像；

起点载入子模块432，用于载入所述目标序列帧图像对应的所述起点全景图像；

启动子模块433，用于启动所述目标序列帧图像的播放。

进一步地，所述切换模块43还包括：

匹配子模块434，用于若所述全景图像的当前视角与所述目标序列帧图像的播放视角不匹配，则将所述当前视角调整到与所述播放视角相匹配的角度。

进一步地，所述切换模块43还包括：

终点载入子模块435，用于根据所述对应关系，载入所述目标序列帧图像对应的所述终点全景图像。

进一步地，所述全景图像为720度虚拟全景图像。

本实施例提供的一种序列帧与全景交互的装置中各模块实现各自功能的过程，具体可参考前述图3所示实施例的描述，此处不再赘述。

从上述图6示例的一种序列帧与全景交互的装置可知，本实施例中，通过制作第一预设数量的序列帧图像和第二预设数量的全景图像，并设置全景图像与序列帧图像的对应关系，当检测到全景图像向序列帧图像的切换操作，则根据该对应关系启动序列帧图像的播放，实现了序列帧与全景的双向交互，融合了序列帧路径漫游和全景场景各自的优点，提供了灵活的展示方式，提高了交互性能，并且通过序列帧图像与全景图像的交互展示，避免了在智能终端数据处理能力有限的情况下，单一使用序列帧图像的展示方式容易造成的卡顿。同时，通过将序列帧图像对应起点全景图像和终点全景图像，使得在序列帧图像播放的起点和终点均能够呈现需要重点展示的全景场景，并且通过对起点全景图像和终点全景图像的灵活设置，增加用户浏览的自由度。通过在启动序列帧图像的播放之前，若全景图像的当前视角与目标序列帧图像的播放视角不匹配，则将全景图像的当前视角调整到与目标序列帧图像的播放视角相匹配的角度，实现全景图像与序列帧图像的平滑过渡，使得用户在切换浏览时不会过于突兀，提高交互展示的智能化水平。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

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

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

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

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

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