CN109561338A - 一种点歌系统的界面无缝切换显示方法及存储介质 - Google Patents

Abstract

本发明涉及数字娱乐领域，发明人提供了一种点歌系统的界面无缝切换显示方法及存储介质，该点歌系统的界面无缝切换显示方法包括以下步骤：实时获取一张以上的图像；将所述图像插入至两个以上主题背景中，不同的所述主题背景之间通过切换路径连接；控制游标沿所述切换路径移动；显示界面随所述游标移动至另一主题背景。上述技术方案中点歌系统可实时接收图像，并根据图像生成具有两个以上不同主题背景的显示界面，从而大大丰富了显示界面的显示内容，用户可根据需要选择界面的主题背景，提高了点歌系统的趣味性；并且在显示界面中不同主题背景可在切换路径与游标的指引下进行切换，使场景切换更加生动协调，达到更佳的显示效果。

Description

一种点歌系统的界面无缝切换显示方法及存储介质

技术领域

本发明涉及数字娱乐领域，特别是涉及一种点歌系统的界面无缝切换显示方法及存储介质。

背景技术

在KTV等数字娱乐场所中，点歌系统除了播放点唱歌曲的音频之外(包括歌曲MV)，还可播放一些如生日聚会、同学聚会等不同主题的主题MV。然而现有的歌曲MV或主题MV都是预先制作好，一旦完成制作，这些MV的显示内容就无法再改变，因此也无法根据用户的需要进行修改或增减，往往与活动的氛围不协调，缺乏趣味性。

并且现有的主题MV中通常会播放一些与主题相关的照片，这些照片是预存于点歌系统内。然而这些照片的切换显示通常是通过放大、缩小与移动照片实现，因此使照片切换过程十分呆滞，界面显示效果不佳。

目前制作的主题MV中的图片切换一般有两种方式，1、相邻两种图片直接切换，未设置图片切换过渡效果，这样图片的切换在界面显示上非常生硬；2、通过滑屏等操作实现界面切换，这种方式虽然在操作上有连贯性，但不同图片也是直接切换显示，界面显示效果较差。

发明内容

为此，需要提供一种点歌系统的界面无缝切换显示方法，以解决现有技术中MV内容无法改变，以及点歌系统界面切换显示效果不佳的技术问题。

为实现上述目的，发明人提供了一种点歌系统的界面无缝切换显示方法，包括以下步骤：

实时获取一张以上的图像；

将所述图像插入至两个以上主题背景中，所述不同的主题背景按照预设规则排序，相邻主题背景之间设有过渡背景；

建立各主题背景的显示路径；

显示界面根据显示路径无缝切换显示各主题背景。

进一步，所有的所述主题背景叠加在同一过渡背景上，所述过渡背景为一完整画面且大于显示界面尺寸；

所述步骤“显示界面根据显示路径无缝切换显示各主题背景”具体为：在同一过渡背景上，所述显示界面根据显示路径从其中一个主题背景无缝切换显示另一个主题背景。

进一步，所述步骤“将所述图像插入至两个以上主题背景中，所述不同的主题背景按照预设规则排序，相邻主题背景之间设有过渡背景”后还包括：

建立3D坐标系，所述主题背景和过渡背景分别置于3D坐标系中，且主题背景位于过渡背景上层；所述图像为主题背景中的预设插入对象。

进一步，所述3D坐标系中还设有特效层，所述特效层位于主题背景上层。

进一步，所述步骤“显示界面根据显示路径无缝切换显示各主题背景”具体为：

通过虚拟摄像机拍摄3D坐标系中的图像、主题背景和过渡背景结合的图片，并将拍摄图片发送给显示设备进行显示；

控制游标沿所述显示路径移动；

所述虚拟摄像机跟随所述游标移动，在同一过渡背景上，所述显示界面根据显示路径从其中一个主题背景无缝切换显示另一个主题背景。

进一步，所述虚拟摄像机跟随所述游标移动时，在显示界面中所述图像的移动速度不同于所述过渡背景的移动速度。

进一步，所述步骤“实时获取一张以上的图像”之前还包括步骤：预先设置两个以上不同尺寸的图像模板，所述图像模板用于根据所述图像的尺寸匹配对应的图像模板，或根据指定的图像模板对所述图像进行裁剪或缩放。

进一步，所述点歌系统在执行所述步骤控制游标沿所述显示路径移动之前，还包括步骤：

接收主题背景选择输入操作；

根据所述输入操作生成由当前显示主题背景至所选择的主题背景的显示路径。

进一步，所述的点歌系统的界面无缝切换显示方法，还包括步骤：实时获取歌曲的音频数据通过音频输出设备进行播放，所述音频数据可以为演唱音频，或演唱音频及歌曲伴奏音频的混合音频。

进一步，所述游标的图形为纸飞机、蒲公英、蝴蝶中的任意一种；所述显示路径为曲线。

为解决上述技术问题，发明人还提供了一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现以上任一项技术方案所述的步骤。

区别于现有技术，上述技术方案中点歌系统可实时接收图像，并根据图像生成具有两个以上不同主题背景的显示界面，从而大大丰富了显示界面的显示内容，用户可根据需要选择界面的主题背景，提高了点歌系统的趣味性；并且将所有主题背景均叠加在同一过渡背景中，不同主题切换时，通过显示路径从其中一个主题背景连贯移动到另一个主题背景，实现不同主题背景的无缝切换，使不同主题背景切换更加生动协调，达到更佳的显示效果。

附图说明

图1为具体实施方式所述点歌系统的界面显示方法的流程图；

图2为具体实施方式所述点歌系统各主题背景的示意图；

图3为具体实施方式所述点歌系统的界面变化的示意图；

图4为具体实施方式所述点歌系统从移动终端获取照片的示意图；

图5为具体实施方式所述计算机可读存储介质的框图。

附图标记说明：

10、点歌系统；

20、移动终端；

30、计算机可读存储介质；

具体实施方式

为详细说明技术方案的技术内容、构造特征、所实现目的及效果，以下结合具体实施例并配合附图详予说明。

请参阅图1至图5，本实施例提供了一种点歌系统的界面无缝切换显示方法，如图1所示，包括以下步骤：

S101、实时获取一张以上的图像；

S102、将所述图像插入至两个以上主题背景中，所述不同的主题背景按照预设规则排序，相邻主题背景之间设有过渡背景；

S103、建立各主题背景的显示路径；

S104、显示界面根据显示路径无缝切换显示各主题背景。

在步骤S101中，所述图像可以是人物照片、景色照片或其他类型的图片图像。所述图像可以是点歌系统中本地已存储的图像，也可以是从网络上实时下载的图像，或者是从用户的移动终端上传的图像。

在获取到所述图像后，进入步骤S102。在步骤S102中，所述主题背景可预先制作好并存储于点歌系统的数据库中，用户使用时直接从数据库是选取即可。当然，所述主题背景也可以是现场临时制作增加的。所述主题背景可以包括生日聚会、毕业聚会、迎新聚会或欢送聚会等不同场景，每个场景下可具有两个以上不同的主题背景。其中，每个主题背景可包括用于显示待插入图像的空白区域，以及用于装饰与点缀作用的装饰元素。所述空白区域可以是相框、记念册等不同的形式，插入的图像显示于所述相框或记念册等空白区域中。所述装饰元素可以为与该主题对应的一些元素。例如，生日聚会主题的装饰元素可以有气球、爱心、蛋糕等图形元素，这些装饰元素可以分布于图像的周围。当只获取一张图像时，可将图像重复插入不同的主题背景中。当获取两张以上的图像时，可在不同的主题背景中分别插入不同的图像。

在步骤S102中，将所述图像插入至两个以上主题背景时，可由用户先从所述数据库中选择场景(例如选择毕业聚会)，然后再将步骤S101中所获取的图像插入至该场景下不同的主题背景中，使所述不同的图像显示于不同的主题背景中。

在步骤S102中，所述不同的主题背景按照预设规则排序。各个主题背景的位置可任意设置，也可按照一定的规则进行设置，可对各个主题背景进行排序。

在步骤S102中，相邻主题背景之间设有过渡背景。通过过渡背景，可使不同主题背景之间的切换更加顺畅自然。所有的所述主题背景可共用同一过渡背景，在相邻的两个主题背景之间可设置相似的元素进行过渡，例如两个主题背景之间设置颜色相近的动画或图片进行过渡。

S103、建立各主题背景的显示路径，不同的所述主题背景之间通过显示路径连接。所述显示路径可以是连接于两个以上不同主题背景之间的可见标识或不可见的切换路径。所述可见标识起到指示主题背景切换路径的作用，可以为线条(包括实线、虚线、直接或曲线)，或与线条类似的轨迹图形(例如彩虹)。所述显示路径可以在制作不同主题的主题背景时(所述主题背景未插入图像)就一并制作，因此在调用各场景时所述显示路径就已显示于各主题背景之间。当然所述显示路径也可以在各主题背景中插入所述图像时制作。优选的，为了达到更好的显示效果，所述显示路径可以为曲线(虚线)的可见标识，并且不同主题背景之间的显示路径可以为不同颜色。

S104、显示界面根据显示路径无缝切换显示各主题背景。根据设定的显示路径，无缝切换显示各主题背景。由于将所有主题背景均叠加在同一过渡背景中，不同主题切换时，通过显示路径从其中一个主题背景连贯移动到另一个主题背景，实现不同主题背景的无缝切换，使不同主题背景切换更加生动协调，达到更佳的显示效果。

所述点歌系统在执行上述步骤S101至S104时，还可实时获取歌曲的音频数据通过音频输出设备进行播放，所述音频数据为演唱音频，或演唱音频及歌曲伴奏音频的混合音频。

如图2所示，为一点歌系统界面的具体示意图。以下就以该示意图为例对上述点歌系统的界面无缝切换显示方法进行说明。

图2中是以毕业聚会为场景，其中包括了主题背景一至主题背景七共七个主题背景，其中，每个主题背景中均具有用于插入图像的区域(主题背景一、三、四、六、七是已插入有照片，主题背景二和五未插入照片)，该用于插入图像的区域是以相框或记念册等形式显示，并且周围设置有落叶、气球、绿叶等装饰元素。在图2中，对主题背景一至主题背景七进行了排序，同时相邻主题背景之间设有过渡背景，该过渡背景为一张完整的图片。在主题背景一至主题背景七之间均通过显示路径(可见标识)相连接，其中，该显示路径是以虚线的曲线形式体现。当不同主题背景切换显示时，步骤S104中显示界面跟随显示路径，使显示界面由主题背景一移动至主题背景二。由主题背景二切换而主题背景三的过程与以上步骤类似，就不再赘述。

在步骤S102中，可将获取的多张图像插入于主题背景一至主题背景七中的相框或记念册等区域中。在步骤S103中，所述纸飞机图形的游标在所述切换路径上由所述主题背景一向主题背景二的移动，在游标移动的同时，步骤S104中显示界面也随游标移动，从而使显示界面由主题背景一移动至主题背景二。由主题背景二切换而主题背景三的过程与以上步骤类似，就不再赘述。

点歌系统在显示上述显示界面的同时(包括步骤S101至S104)，还实时获取歌曲的音频数据通过音频输出设备进行播放，所述音频数据为演唱音频，或演唱音频及歌曲伴奏音频的混合音频。

需要说明的是，上述点歌系统可以为KTV等娱乐场所所使用的点歌系统，也可以是电视机顶盒等具有点歌功能的设备。在图2中我们可以看到在过渡背景上同时存在主题背景一至主题背景七共七个主题背景，但在显示界面中，这七个主题背景并不一定是都同时显示于显示界面上，显示界面上可只显示其中部分的主题背景(例如，只主题背景一，或只主题背景一与主题背景二的一部分，或只主题背景一或主题背景二)。也就是说，过渡背景的尺寸超出了显示界面。当所述显示界面随所述显示路径移动时，上述各主题背景依次移动至点歌系统的显示界面的中部。如图3所示，为跟随所述显示路径移动，显示界面变化的示意图，图3上部的三个方框分别表示点歌系统界面移动时三个不同时刻下的界面，即不同时刻所述点歌系统显示器所显示的内容。其中，界面一为点歌系统处于主题背景一时的显示界面，界面二为跟随显示路径移动时由主题背景一移动至主题背景二过程中的显示界面，界面三为点歌系统处于主题背景二时的显示界面。

由以上实施方式可知，本发明的点歌系统可实时接收图像，并根据图像生成具有两个以上不同主题背景的显示界面，从而大大丰富了显示界面的显示内容，用户可根据需要选择界面的主题背景，提高了点歌系统的趣味性；并且将所有主题背景均叠加在同一过渡背景中，不同主题切换时，通过显示路径从其中一个主题背景连贯移动到另一个主题背景，实现不同主题背景的无缝切换，使不同主题背景切换更加生动协调，达到更佳的显示效果。

在上述实施例中，所述所有主题背景叠加在同一过渡背景上，所述过渡背景为一完整画面且大于显示界面尺寸；

所述步骤“显示界面根据显示路径无缝切换显示各主题背景”具体为：在同一过渡背景上，所述显示界面根据显示路径从其中一个主题背景无缝切换显示另一个主题背景。

从如2可看出，主题背景一至主题背景七均叠加显示在同一过渡背景上。该过渡背景是以一完整的画面或画布，且该过渡背景的尺寸大于显示界面。这样每次显示界面只显示过渡背景上叠加的其中一个主题背景。当每次切换显示主题背景时，由于在同一过渡背景的画布上，可实现将显示界面从当前显示的主题背景沿显示路径连贯移动，显示界面无缝切换显示下一个主题背景。现有技术中，两张图片的切换操作为：将上一张图片隐藏的展示下一张图片，存在上一张图片隐藏和下一张图片切换显示的过程，因此无法实现不同图片的无缝切换显示。而本发明中，由于所有主题背景都位于同一过渡背景中，只需要通过不同主题背景的位移，即可实现不同主题背景的无缝切换显示。

在本实施例中，所述步骤“将所述图像插入至两个以上主题背景中，所述不同的主题背景按照预设规则排序，相邻主题背景之间设有过渡背景”后还包括：

建立3D坐标系，所述主题背景和过渡背景分别置于3D坐标系中，且主题背景位于过渡背景上层；所述图像为主题背景中的预设插入对象。

而为了使点歌系统的显示界面呈现3D显示效果，可将所述主题背景和过渡背景分别置于3D坐标系中不同的图层，这样所述主题背景和过渡背景分别置3D坐标系的不同纵深位置，然后将所述图像插入至其中一个主题背景中。由于主题背景位于过渡背景上层，从而在视觉上呈现出所述图像及主题背景位于过渡背景之前的3D效果。

在本实施例中，所述3D坐标系中还设有特效层，所述特效层位于主题背景上层。为了更丰富界面显示效果，在主题背景的再设置一层特效层。所述特效层还可以包括多层特效叠加。所述特效元素可以为：动画、图片、文字、视频、粒子特效。例如，图2中，主题背景一的左边设置“毕业季”等文字特效，在主题背景4的右边设置枫叶等图片特效，从而使界面显示更具有3D立体感，丰富界面显示效果。

在本实施例中，所述“显示界面根据显示路径无缝切换显示各主题背景”具体为：通过虚拟摄像机拍摄3D坐标系中的图像、主题背景和过渡背景结合的图片，并将拍摄图片发送给显示设备进行显示；

控制游标沿所述显示路径移动；

所述虚拟摄像机跟随所述游标移动，在同一过渡背景上，所述显示界面根据显示路径从其中一个主题背景无缝切换显示另一个主题背景。

同时，所述虚拟摄像机跟随所述游标移动时，在显示界面中所述图像的移动速度不同于所述过渡背景的移动速度。

控制游标沿所述显示路径移动。其中，所述游标是指一个可在所述切换路径上移动的可见标识，所述游标与所述显示路径配合起到主题背景切换方向的指引作用。所述游标可以在进入该步骤时才生成，也可以是制作所述显示路径时就生成并停留在第一个主题背景至下一个主题背景的显示路径的起点。在不同的显示场景中，所述游标也可具有不同的图形，例如，所述游标的图形可以为纸飞机、蒲公英、蝴蝶等。

所述游标在显示路径上移动时，所述显示界面也随之一并移动，并且当所述游标移动至另一主题背景时，所述显示界面也正好移动至该主题背景，即所述另一主题背景大致位于所述点歌系统显示界面的中部。当然，在一些实施方式中，所述显示界面移动可略滞后于所述游标移动，即当所述游标开始移动一小段时间后，所述显示界面才开始移动。

其中，所述游标也并非一直处于移动状态时，所述游标只是当显示界面需要切换时才开始移动。当游标每移动到下一主题背景时，所述游标可停留一段时间，使所述显示界面停留在该主题背景一段时间，以对该主题背景着重显示。如图3所示，点歌系统在界面一和界面三状态时是停止移动的，以便于更好的展示主题背景一和主题背景二的图像。

所述虚拟摄像机是指利用计算机程序模拟真实摄像机的功能，使虚拟摄像机具有与真实摄像机相似的成像功能。不同之处在于真实摄像机是根据外界射入成像芯片的光线进行成像的，而虚拟摄像机是根据虚拟摄像机所对应的图像数据进行成像的。通过控制所述虚拟摄像机推拉摇移即可控制所述虚拟摄像机的取景镜头随所述游标移动，从而使显示界面从一个主题背景移动至另一界面。

优选的，所述虚拟摄像机可通过unity中的Cinemachine功能插件实现。Unity是一款由Unity Technologies研发的跨平台2D/3D游戏引擎，可用于开发Windows、MacOS及Linux平台的单机游戏，PlayStation、XBox、Wii、3DS和任天堂Switch等游戏主机平台的视频游戏，或是iOS、Android等移动设备的游戏。在unity中集成有多种功能插件，所述Cinemachine功能插件即为虚拟摄像机插件。其中，所述虚拟摄像机可以为3D摄像机，即具有3D成像效果的虚拟摄像机。

所述主题背景为3D场景，并且所述图片和主题背景与所述过渡背景位于不同的图层中，使所述图片和主题背景位于所述过渡背景的上方。因此所述虚拟摄像机到所述图像和主题背景的距离与到过渡图片的距离不同，当通过所述虚拟摄像机对所述3D坐标系成像时，所生成的界面即为具有图片及主题背景大、过渡背景小的立体效果的3D界面。例如图2中的各主题背景中相框或记念册中的照片位于3D坐标系的表面图层，而落叶等元素形成的过渡背景处于3D坐标系的底层图层(即过渡背景)(即在表面图层之后的图层)。由于各图层位于3D坐标系Z轴的不同位置。因此当所述虚拟摄像机移动时，各图层因与虚拟摄像机的距离不同，所产生的相对位移和速度也不相同，即在视觉上呈现出所述图像的移动位移和速度都要大于所述过渡背景的移动位移和速度的效果。从而使3D坐标系中的不同物体呈现出明显的前后位置区别，以及使不同主题背景移动时营造出具有立体感、更为逼真的3D空间转移的视觉效果。

所述过渡背景中包含有两个以上的图形元素，并且至少一个所述图形元素为动画元素。例如在图2所示的七个主题背景中，可以在一些主题背景中的落叶或绿叶旁增加一些例如蝴蝶、小鸟等动画元素。当移动所述虚拟摄像机移动时，使这些动画元素进入至显示界面时，这些动画元素可以被触发并按预设的动画方式显示，从而展示出更为丰富和生动的显示效果。

在一些实施方式中，还包括对所述背过渡图片进行模糊处理(即柔化模糊)，使所述图像在3D图片中更为突出，从而增加界面显示的层次立体表现力。

如图4所示，在上述实施方式中，所述点歌系统10可与智能手机、平板电脑等移动终端20连接，并接收来至移动终端20发送的照片等图像。由于现有的智能手机、平板电脑等移动终端20都具有很强的拍照功能，并且通常会存储有大量的照片素材，用户可根据自己的需要选择照片素材发送给点歌系统，由所述点歌系统插入至不同主题背景中，并显示于界面上。

以KTV演唱场所为例，其中演唱场所中的点歌系统除了原有的点唱功能之外，还可执行以下步骤：

1、所述点歌系统与移动终端建立连接，移动终端向点歌系统发送照片，其中所发送的照片可以为个人照片或其他照片；

2、点歌系统按上述步骤S102至S104对所述照片进行处理，将所述照片插入至各主题背景中，并使游标沿显示路径移动，以及使所述显示界面随所述游标从一个主题背景无法切换至另一个主题背景。

由于所述点歌系统可接收移动终端发送的照片，用户可根据自己的需要选择自己移动终端内的照片，并使之显示于显示界面的主题背景中。

由于所获取的所述图像的尺寸可能大小不一，因此在一实施方式中，可预先设置一个以上不同尺寸的图像模板。在步骤S101中，在获取所述图像时，可根据所述图像的尺寸匹配对应的图像模板，或根据指定的图像模板对所述图像进行裁剪或缩放，使所述图像与主题背景中各图像插入区域相适配。例如图2中主题背景一和主题背景二中分别有相框，该相框即为所述图像模板，点歌系统在获取到移动终端发送的照片时，可自动根据所述相框的大小对照片进行裁剪或缩放，使照片能够与所述相框相适配。通过预设所述图像模板可自动对所述图像进行裁剪或缩放，可大大提高图像制作的效率。

在上述实施方式中，所述游标是可沿显示路径从一个主题背景移动至另一个主题背景。其中，在一些实施方式中，所述游标可根据预设的时间间隔触发移动。例如，每间隔5秒钟就触发游标移动，即当游标由一个主题背景移动至一个主题背景后，界面在该主题背景停留5秒钟，然后再触发游标开始移动，从而使之由当前主题背景再移动再下一主题背景。

而在另一些实施方式中，所述点歌系统可根据接收到的输入操作触发游标移动。所述点歌系统可预先设置触发游标移动的输入操作，所述输入操作可以鼠标点击输入、键盘输入或触屏输入中的任一种，并且当点歌系统接收到相应的输入操作时就控制游标沿显示路径移动至下一主题背景(到下一主题背景即停止移动)。

在一些实施方式中，显示界面中各主题背景的切换路径和移动顺序是在制作就已经确定的，在用户使用时，用户只需选择上传的图像(包括照片)，之后显示界面就按主题背景一到主题背景二再到主题背景三依次移动。

而在另一些实施方式中，所述点歌系统在执行所述步骤控制游标沿所述显示路径移动之前，还包括步骤：

接收主题背景选择输入操作；

根据所述输入操作生成由当前主题背景至所选择的主题背景的显示路径。

即所述点歌系统可接收用户的主题背景选择输入操作，并根据该主题背景选择输入操作确定显示界面下一个要显示的主题背景。其中，主题背景选择输入操作包括鼠标选择操作或触屏选择操作。以图2为例，假设点歌系统的当前界面为主题背景一，如果此时用户选择下一主题背景为主题背景三，此时点歌系统将生成由主题背景一至主题背景三的显示路径(删除原主题背景一至主题背景二之间的显示路径)，并且控制游标按该显示路径移动，使显示界面由主题背景一移动直接移动至主题背景三。因此用户可随时选择显示界面下一主题背景，使用更加灵活，充满趣味性。

如图5所示，发明人还提供了一种计算机可读存储介质30，其上存储有计算机程序，所述程序被处理器执行时进行以下步骤：

S101、实时获取一张以上的图像；

S102、将所述图像插入至两个以上主题背景中，所述不同的主题背景按照预设规则排序，相邻主题背景之间设有过渡背景；

S103、建立各主题背景的显示路径；

S104、显示界面根据显示路径无缝切换显示各主题背景。

在步骤S101中，所述图像可以是人物照片、景色照片或其他类型的图片图像。所述图像可以是点歌系统中本地已存储的图像，也可以是从网络上实时下载的图像，或者是从用户的移动终端上传的图像。

在获取到所述图像后，进入步骤S102。在步骤S102中，所述主题背景可预先制作好并存储于点歌系统的数据库中，用户使用时直接从数据库是选取即可。当然，所述主题背景也可以是现场临时制作增加的。所述主题背景可以包括生日聚会、毕业聚会、迎新聚会或欢送聚会等不同场景，每个场景下可具有两个以上不同的主题背景。其中，每个主题背景可包括用于显示待插入图像的空白区域，以及用于装饰与点缀作用的装饰元素。所述空白区域可以是相框、记念册等不同的形式，插入的图像显示于所述相框或记念册等空白区域中。所述装饰元素可以为与该主题对应的一些元素。例如，生日聚会主题的装饰元素可以有气球、爱心、蛋糕等图形元素，这些装饰元素可以分布于图像的周围。当只获取一张图像时，可将图像重复插入不同的主题背景中。当获取两张以上的图像时，可在不同的主题背景中分别插入不同的图像。

在步骤S102中，将所述图像插入至两个以上主题背景时，可由用户先从所述数据库中选择场景(例如选择毕业聚会)，然后再将步骤S101中所获取的图像插入至该场景下不同的主题背景中，使所述不同的图像显示于不同的主题背景中。

在步骤S102中，所述不同的主题背景按照预设规则排序。各个主题背景的位置可任意设置，也可按照一定的规则进行设置，可对各个主题背景进行排序。

在步骤S102中，相邻主题背景之间设有过渡背景。通过过渡背景，可使不同主题背景之间的切换更加顺畅自然。所述所有主题背景可共用同一过渡背景，所述背景在相邻的两个主题背景之间设置可相似元素进行过渡，例如两个主题背景之间设置颜色相近的动画或图片进行过渡。

S103、建立各主题背景的显示路径，不同的所述主题背景之间通过显示路径连接。所述显示路径可以是连接于两个以上不同主题背景之间的可见标识或不可见的切换路径。所述可见标识起到指示主题背景切换路径的作用，可以为线条(包括实线、虚线、直接或曲线)，或与线条类似的轨迹图形(例如彩虹)。所述显示路径可以在制作不同主题的主题背景时(所述主题背景未插入图像)就一并制作，因此在调用各场景时所述显示路径就已显示于各主题背景之间。当然所述显示路径也可以在各主题背景中插入所述图像时制作。优选的，为了达到更好的显示效果，所述显示路径可以为曲线(虚线)的可见标识，并且不同主题背景之间的显示路径可以为不同颜色。

S104、显示界面根据显示路径无缝切换显示各主题背景。根据设定的显示路径，无缝切换显示各主题背景。由于将所有主题背景均叠加在同一过渡背景中，不同主题切换时，通过显示路径从其中一个主题背景连贯移动到另一个主题背景，实现不同主题背景的无缝切换，使不同主题背景切换更加生动协调，达到更佳的显示效果。

所述点歌系统在执行上述步骤S101至S104时，还可实时获取歌曲的音频数据通过音频输出设备进行播放，所述音频数据为演唱音频，或演唱音频及歌曲伴奏音频的混合音频。

需要说明的是，上述可读存储介质可以为点歌系统中的存储介质，点歌系统可以为KTV等娱乐场所所使用的点歌系统，也可以是电视机顶盒等具有点歌功能的设备。

如图2所示，为一点歌系统界面的具体示意图。以下就以该示意图为例对上述点歌系统的界面无缝切换显示方法进行说明。

图2中是以毕业聚会为场景，其中包括了主题背景一至主题背景七共七个主题背景，其中，每个主题背景中均具有用于插入图像的区域(主题背景一、三、四、六、七是已插入有照片，主题背景二和五未插入照片)，该用于插入图像的区域是以相框或记念册等形式显示，并且周围设置有落叶、气球、绿叶等装饰元素。在图2中，对主题背景一至主题背景七进行了排序，同时相邻主题背景之间设有过渡背景，该过渡背景为一张完整的图片。在主题背景一至主题背景七之间均通过显示路径(可见标识)相连接，其中，该显示路径是以虚线的曲线形式体现。当不同主题背景切换显示时，步骤S104中显示界面跟随显示路径，使显示界面由主题背景一移动至主题背景二。由主题背景二切换而主题背景三的过程与以上步骤类似，就不再赘述。

在步骤S102中，可将获取的多张图像插入于主题背景一至主题背景七中的相框或记念册等区域中。在步骤S103中，所述纸飞机图形的游标在所述切换路径上由所述主题背景一向主题背景二的移动，在游标移动的同时，步骤S104中显示界面也随游标移动，从而使显示界面由主题背景一移动至主题背景二。由主题背景二切换而主题背景三的过程与以上步骤类似，就不再赘述。

点歌系统在显示上述显示界面的同时(包括步骤S101至S104)，还实时获取歌曲的音频数据通过音频输出设备进行播放，所述音频数据为演唱音频，或演唱音频及歌曲伴奏音频的混合音频。

需要说明的是，上述点歌系统可以为KTV等娱乐场所所使用的点歌系统，也可以是电视机顶盒等具有点歌功能的设备。在图2中我们可以看到在过渡背景上同时存在主题背景一至主题背景七共七个场景，但在显示界面中，这七个主题背景并不一定是都同时显示于显示界面上，显示界面上可只显示其中部分的主题背景(例如，只主题背景一，或只主题背景一与主题背景二的一部分，或只主题背景一或主题背景二)。也就是说，过渡背景的尺寸超出了显示界面。当所述显示界面随所述显示路径移动时，上述各主题背景依次移动至点歌系统的显示界面的中部。如图3所示，为跟随所述显示路径移动，显示界面变化的示意图，图3上部的三个方框分别表示点歌系统界面移动时三个不同时刻下的界面，即不同时刻所述点歌系统显示器所显示的内容。其中，界面一为点歌系统处于主题背景一时的显示界面，界面二为跟随显示路径移动时由主题背景一移动至主题背景二过程中的显示界面，界面三为点歌系统处于主题背景二时的显示界面。

由以上实施方式可知，本发明的点歌系统可实时接收图像，并根据图像生成具有两个以上不同主题背景的显示界面，从而大大丰富了显示界面的显示内容，用户可根据需要选择界面的主题背景，提高了点歌系统的趣味性；并且将所有主题背景均叠加在同一过渡背景中，不同主题切换时，通过显示路径从其中一个主题背景连贯移动到另一个主题背景，实现不同主题背景的无缝切换，使不同主题背景切换更加生动协调，达到更佳的显示效果。

在上述实施例中，所述所有主题背景叠加在同一过渡背景上，所述过渡背景为一完整画面且大于显示界面尺寸；

所述步骤“显示界面根据显示路径无缝切换显示各主题背景”具体为：在同一过渡背景上，所述显示界面根据显示路径从其中一个主题背景无缝切换显示另一个主题背景。

从如2可看出，主题背景一至主题背景七均叠加显示在同一过渡背景上。该过渡背景是以一完整的画面或画布，且该过渡背景的尺寸大于显示界面。这样每次显示界面只显示过渡背景上叠加的其中一个主题背景。当每次切换显示主题背景时，由于在同一过渡背景的画布上，可实现将显示界面从当前显示的主题背景沿显示路径连贯移动，显示界面无缝切换显示下一个主题背景。现有技术中，两张图片的切换操作为：将上一张图片隐藏的展示下一张图片，存在上一张图片隐藏和下一张图片切换显示的过程，因此无法实现不同图片的无缝切换显示。而本发明中，由于所有主题背景都位于同一过渡背景中，只需要通过不同主题背景的位移，即可实现不同主题背景的无缝切换显示。

由于所述过渡背景为一完整画面且大于显示界面尺寸，这样过渡背景上可叠加多个主题背景。即使在叠加的时候主题背景超出显示界面区域，在各主题背景切换显示时，可连贯移动放大显示其中一个或一个以上的主题背景，从而实现多个主题背景的无缝切换。

在本实施例中，所述步骤“将所述图像插入至两个以上主题背景中，所述不同的主题背景按照预设规则排序，相邻主题背景之间设有过渡背景”后还包括：

建立3D坐标系，所述主题背景和过渡背景分别置于3D坐标系中，且主题背景位于过渡背景上层；所述图像为主题背景中的预设插入对象。

而为了使点歌系统的显示界面呈现3D显示效果，可将所述主题背景和过渡背景分别置于3D坐标系中不同的图层，这样所述主题背景和过渡背景分别置3D坐标系的不同纵深位置，然后将所述图像插入至其中一个主题背景中。由于主题背景位于过渡背景上层，从而在视觉上呈现出所述图像及主题背景位于过渡背景之前的3D效果。

在本实施例中，所述3D坐标系中还设有特效层，所述特效层位于主题背景上层。为了更丰富界面显示效果，在主题背景的再设置一层特效层。所述特效层还可以包括多层特效叠加。所述特效元素可以为：动画、图片、文字、视频、粒子特效。例如，图2中，主题背景一的左边设置“毕业季”等文字特效，在主题背景4的右边设置枫叶等图片特效，从而使界面显示更具有3D立体感，丰富界面显示效果。

在本实施例中，所述“显示界面根据显示路径无缝切换显示各主题背景”具体为：通过虚拟摄像机拍摄3D坐标系中的图像、主题背景和过渡背景结合的图片，并将拍摄图片发送给显示设备进行显示；

控制游标沿所述显示路径移动；

所述虚拟摄像机跟随所述游标移动，在同一过渡背景上，所述显示界面根据显示路径从其中一个主题背景无缝切换显示另一个主题背景。

同时，所述虚拟摄像机跟随所述游标移动时，在显示界面中所述图像的移动速度不同于所述过渡背景的移动速度。

控制游标沿所述显示路径移动。其中，所述游标是指一个可在所述切换路径上移动的可见标识，所述游标与所述显示路径配合起到主题背景切换方向的指引作用。所述游标可以在进入该步骤时才生成，也可以是制作所述显示路径时就生成并停留在第一个主题背景至下一个主题背景的显示路径的起点。在不同的显示场景中，所述游标也可具有不同的图形，例如，所述游标的图形可以为纸飞机、蒲公英、蝴蝶等。

所述游标在显示路径上移动时，所述显示界面也随之一并移动，并且当所述游标移动至另一主题背景时，所述显示界面也正好移动至该主题背景，即所述另一主题背景大致位于所述点歌系统显示界面的中部。当然，在一些实施方式中，所述显示界面移动可略滞后于所述游标移动，即当所述游标开始移动一小段时间后，所述显示界面才开始移动。

其中，所述游标也并非一直处于移动状态时，所述游标只是当显示界面需要切换时才开始移动。当游标每移动到下一主题背景时，所述游标可停留一段时间，使所述显示界面停留在该主题背景一段时间，以对该主题背景着重显示。如图3所示，点歌系统在界面一和界面三状态时是停止移动的，以便于更好的展示主题背景一和主题背景二的图像。

所述虚拟摄像机是指利用计算机程序模拟真实摄像机的功能，使虚拟摄像机具有与真实摄像机相似的成像功能。不同之处在于真实摄像机是根据外界射入成像芯片的光线进行成像的，而虚拟摄像机是根据虚拟摄像机所对应的图像数据进行成像的。通过控制所述虚拟摄像机推拉摇移即可控制所述虚拟摄像机的取景镜头随所述游标移动，从而使显示界面从一个主题背景移动至另一界面。

优选的，所述虚拟摄像机可通过unity中的Cinemachine功能插件实现。Unity是一款由Unity Technologies研发的跨平台2D/3D游戏引擎，可用于开发Windows、MacOS及Linux平台的单机游戏，PlayStation、XBox、Wii、3DS和任天堂Switch等游戏主机平台的视频游戏，或是iOS、Android等移动设备的游戏。在unity中集成有多种功能插件，所述Cinemachine功能插件即为虚拟摄像机插件。其中，所述虚拟摄像机可以为3D摄像机，即具有3D成像效果的虚拟摄像机。

所述主题背景为3D场景，并且所述图片和主题背景与所述过渡背景位于不同的图层中，使所述图片和主题背景位于所述过渡背景的上方。因此所述虚拟摄像机到所述图像和主题背景的距离与到过渡图片的距离不同，当通过所述虚拟摄像机对所述3D坐标系成像时，所生成的界面即为具有图片及主题背景大、过渡背景小的立体效果的3D界面。例如图2中的各主题背景中相框或记念册中的照片位于3D坐标系的表面图层，而落叶等元素形成的过渡背景处于3D坐标系的底层图层(即过渡背景)(即在表面图层之后的图层)。由于各图层位于3D坐标系Z轴的不同位置。因此当所述虚拟摄像机移动时，各图层因与虚拟摄像机的距离不同，所产生的相对位移和速度也不相同，即在视觉上呈现出所述图像的移动位移和速度都要大于所述过渡背景的移动位移和速度的效果。从而使3D坐标系中的不同物体呈现出明显的前后位置区别，以及使不同主题背景移动时营造出具有立体感、更为逼真的3D空间转移的视觉效果。

所述过渡背景中包含有两个以上的图形元素，并且至少一个所述图形元素为动画元素。例如在图2所示的七个主题背景中，可以在一些主题背景中的落叶或绿叶旁增加一些例如蝴蝶、小鸟等动画元素。当移动所述虚拟摄像机移动时，使这些动画元素进入至显示界面时，这些动画元素可以被触发并按预设的动画方式显示，从而展示出更为丰富和生动的显示效果。

在一些实施方式中，还包括对所述背过渡图片进行模糊处理(即柔化模糊)，使所述图像在3D图片中更为突出，从而增加界面显示的层次立体表现力。

如图4所示，在上述实施方式中，所述点歌系统可与智能手机、平板电脑等移动终端连接，并接收来至移动终端发送的照片等图像。由于现有的智能手机、平板电脑等移动终端都具有很强的拍照功能，并且通常会存储有大量的照片素材，用户可根据自己的需要选择照片素材发送给点歌系统，由所述点歌系统插入至不同主题背景中，并显示于界面上。

以KTV演唱场所为例，其中演唱场所中的点歌系统除了原有的点唱功能之外，还可执行以下步骤：

1、所述点歌系统与移动终端建立连接，移动终端向点歌系统发送照片，其中所发送的照片可以为个人照片或其他照片；

2、点歌系统按上述步骤S102至S104对所述照片进行处理，将所述照片插入至各主题背景中，并使游标沿显示路径移动，以及使所述显示界面随所述游标从一个主题背景移动至另一个主题背景。

由于所述点歌系统可接收移动终端发送的照片，用户可根据自己的需要选择自己移动终端内的照片，并使之显示于显示界面的场景中。

由于所获取的所述图像的尺寸可能大小不一，因此在一实施方式中，可预先设置一个以上不同尺寸的图像模板。在步骤S101中，在获取所述图像时，可根据所述图像的尺寸匹配对应的图像模板，或根据指定的图像模板对所述图像进行裁剪或缩放，使所述图像与场景中各图像插入区域相适配。例如图2中场景一和场景二中分别有相框，该相框即为所述图像模板，点歌系统在获取到移动终端上传的照片时，可自动根据所述相框的大小对照片进行裁剪或缩放，使照片能够与所述相框相适配。通过预设所述图像模板可自动对所述图像进行裁剪或缩放，可大大提高图像制作的效率。

在上述实施方式中，所述游标是可沿显示路径从一个主题背景移动至另一个主题背景。其中，在一些实施方式中，所述游标可根据预设的时间间隔触发移动。例如，每间隔5秒钟就触发游标移动，即当游标由一个主题背景移动至一个主题背景后，界面在该主题背景停留5秒钟，然后再触发游标开始移动，从而使之由当前主题背景再移动再下一主题背景。

而在另一些实施方式中，所述点歌系统可根据接收到的输入操作触发游标移动。所述点歌系统可预先设置触发游标移动的输入操作，所述输入操作可以鼠标点击输入、键盘输入或触屏输入中的任一种，并且当点歌系统接收到相应的输入操作时就控制游标沿显示路径移动至下一主题背景(到下一主题背景即停止移动)。

在一些实施方式中，显示界面中各主题背景的切换路径和顺序是在制作就已经确定的，在用户使用时，用户只需选择上传的图像(包括照片)，之后显示界面就按主题背景一到主题背景二再到主题背景三依次移动。

而在另一些实施方式中，所述点歌系统在执行以下步骤：控制游标沿所述显示路径移动之前，还包括步骤：

接收主题背景选择输入操作；

根据所述输入操作生成由当前主题背景至所选择的主题背景的显示路径。

即所述点歌系统可接收用户的主题背景选择输入操作，并根据该主题背景选择输入操作确定显示界面下一个要显示的主题背景。其中，主题背景选择输入操作包括鼠标选择操作或触屏选择操作。以图2为例，假设点歌系统的当前界面为主题背景一，如果此时用户选择下一主题背景为主题背景三，此时点歌系统将生成由主题背景一至主题背景三的切换路径(删除原主题背景一至主题背景二之间的切换路径)，并且控制游标按该显示路径移动，使显示界面由主题背景一移动直接移动至主题背景三。因此用户可随时选择显示界面下一主题背景，使用更加灵活，充满趣味性。

需要说明的是，尽管在本文中已经对上述各实施例进行了描述，但并非因此限制本发明的专利保护范围。因此，基于本发明的创新理念，对本文所述实施例进行的变更和修改，或利用本发明说明书及附图内容所作的等效结构或等效流程变换，直接或间接地将以上技术方案运用在其他相关的技术领域，均包括在本发明的专利保护范围之内。

Claims (11)

1.一种点歌系统的界面无缝切换显示方法，其特征在于，包括以下步骤：

实时获取一张以上的图像；

将所述图像插入至两个以上主题背景中，所述不同的主题背景按照预设规则排序，相邻主题背景之间设有过渡背景；

建立各主题背景的显示路径；

显示界面根据显示路径无缝切换显示各主题背景。

2.根据权利要求1所述的点歌系统的界面无缝切换显示方法，其特征在于，所有的所述主题背景叠加在同一过渡背景上，所述过渡背景为一完整画面且大于显示界面尺寸；

所述步骤“显示界面根据显示路径无缝切换显示各主题背景”具体为：在同一过渡背景上，所述显示界面根据显示路径从其中一个主题背景无缝切换显示另一个主题背景。

3.根据权利要求1或2所述的点歌系统的界面无缝切换显示方法，其特征在于，所述步骤“将所述图像插入至两个以上主题背景中，所述不同的主题背景按照预设规则排序，相邻主题背景之间设有过渡背景”后还包括：

建立3D坐标系，所述主题背景和过渡背景分别置于3D坐标系中，且主题背景位于过渡背景上层；所述图像为主题背景中的预设插入对象。

4.根据权利要求3所述的点歌系统的界面无缝切换显示方法，其特征在于，所述3D坐标系中还设有特效层，所述特效层位于主题背景上层。

5.根据权利要求3所述的点歌系统的界面无缝切换显示方法，其特征在于，所述步骤“显示界面根据显示路径无缝切换显示各主题背景”具体为：

通过虚拟摄像机拍摄3D坐标系中的图像、主题背景和过渡背景结合的图片，并将拍摄图片发送给显示设备进行显示；

控制游标沿所述显示路径移动；

所述虚拟摄像机跟随所述游标移动，在同一过渡背景上，所述显示界面根据显示路径从其中一个主题背景无缝切换显示另一个主题背景。

6.根据权利要求3所述的点歌系统的界面无缝切换显示方法，其特征在于，所述虚拟摄像机跟随所述游标移动时，在显示界面中所述图像的移动速度不同于所述过渡背景的移动速度。

7.根据权利要求1所述的点歌系统的界面无缝切换显示方法，其特征在于，所述步骤“实时获取一张以上的图像”之前还包括步骤：预先设置两个以上不同尺寸的图像模板，所述图像模板用于根据所述图像的尺寸匹配对应的图像模板，或根据指定的图像模板对所述图像进行裁剪或缩放。

8.根据权利要求5所述的点歌系统的界面无缝切换显示方法，其特征在于，所述点歌系统在执行所述步骤控制游标沿所述显示路径移动之前，还包括步骤：

接收主题背景选择输入操作；

根据所述输入操作生成由当前显示主题背景至所选择的主题背景的显示路径。

9.根据权利要求1所述的点歌系统的界面无缝切换显示方法，其特征在于，还包括步骤：实时获取歌曲的音频数据通过音频输出设备进行播放，所述音频数据为演唱音频，或演唱音频及歌曲伴奏音频的混合音频。

10.根据权利要求1所述的点歌系统的界面无缝切换显示方法，其特征在于，所述游标的图形为纸飞机、蒲公英、蝴蝶中的任意一种；所述显示路径为曲线。

11.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1至10任一项所述的步骤。