CN115730161A - 多媒体内容的显示方法、装置及设备 - Google Patents

Abstract

本申请公开了一种多媒体内容的显示方法、装置及设备，属于计算机技术领域。所述方法包括：获取与播放器视图关联的视图加载数据；基于视图加载数据，显示第一形态的播放器视图以及播放器视图中播放的多媒体内容；响应于接收到切换至目标页面的页面切换指令，对播放器视图进行视图变换，显示变换形态的播放器视图以及多媒体内容；在目标区域显示第二形态的播放器视图以及多媒体内容。本申请实施例提供的技术方案，通过对视图加载数据进行加载，显示第一形态的播放器视图来播放多媒体内容，在页面切换时进行视图变换，将播放器视图嵌入至目标页面继续播放多媒体内容，保证多媒体内容在联投展示时的播放连续性，降低计算量，提升内容联投展示效率。

Description

多媒体内容的显示方法、装置及设备

技术领域

本申请涉及计算机技术领域，特别涉及一种多媒体内容的显示方法、装置及设备。

背景技术

随着互联网技术的不断进步，多媒体内容的投放展示方式更加多样。其中，多媒体内容在不同页面下的联投展示，受到业内广泛关注。

相关技术中提供的联投展示方案是，在应用程序启动后，在应用启动页的展示位上展示开机屏多媒体内容，当用户关闭、跳过或开机屏多媒体内容播放完毕后，记录已播放时长，并进入到应用主页面，并在应用主页面中的展示位上展示与开机屏多媒体内容对应的巨幕多媒体内容。若上述多媒体内容是视频，可将应用主页面中的展示位与应用启动页的展示位设置为同一播放源，在应用主页面中将还未播放的视频内容作为巨幕多媒体内容进行展示。

相关技术中，多媒体内容在不同页面的联投展示过程中，无法在页面间进行无缝衔接，联投展示占用计算资源较多、效率较低。

发明内容

本申请实施例提供了一种多媒体内容的显示方法、装置及设备，能够在不同页面间联投展示多媒体内容过程中，保证多媒体内容播放连续性，降低计算资源占用量，提升多媒体内容联投展示效率。

根据本申请实施例的一个方面，提供了一种多媒体内容的显示方法，所述方法包括：

获取与播放器视图关联的视图加载数据，所述播放器视图是指用于播放多媒体内容的页面元素；

基于所述视图加载数据，显示第一形态的播放器视图以及所述播放器视图中播放的多媒体内容；

响应于接收到切换至目标页面的页面切换指令，对所述播放器视图进行视图变换，显示变换形态的播放器视图以及所述多媒体内容，所述视图变换用于调整所述播放器视图的显示形态以使所述播放器视图嵌入至所述目标页面中的目标区域；

在所述目标区域显示第二形态的播放器视图以及所述多媒体内容。

根据本申请实施例的一个方面，提供了一种多媒体内容的显示装置，所述装置包括：

数据获取模块，用于获取与播放器视图关联的视图加载数据，所述播放器视图是指用于播放多媒体内容的页面元素；

第一视图显示模块，用于基于所述视图加载数据，显示第一形态的播放器视图以及所述播放器视图中播放的多媒体内容；

视图变换模块，用于响应于接收到切换至目标页面的页面切换指令，对所述播放器视图进行视图变换，显示变换形态的播放器视图以及所述多媒体内容，所述视图变换用于调整所述播放器视图的显示形态以使所述播放器视图嵌入至所述目标页面中的目标区域；

第二视图显示模块，用于在所述目标区域显示第二形态的播放器视图以及所述多媒体内容。

根据本申请实施例的一个方面，提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现上述多媒体内容的显示方法。

根据本申请实施例的一个方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现上述多媒体内容的显示方法。

根据本申请实施例的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述多媒体内容的显示方法。

本申请实施例提供的技术方案可以带来如下有益效果：

通过对视图加载数据进行加载，显示第一形态的播放器视图来播放多媒体内容，在页面切换时进行视图变换，将播放器视图嵌入至目标页面中的目标区域继续播放多媒体内容，进而能够在页面切换并进行联投展示时，不间断播放多媒体内容，保证多媒体内容播放连续性。除不间断播放多媒体内容之外，由于两个页面均使用同一播放器视图播放多媒体内容，能够有效降低计算资源占用量，提升多媒体内容联投展示效率。

附图说明

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

图1是本申请一个实施例提供的应用程序运行环境的示意图；

图2是本申请一个实施例提供的多媒体内容的显示方法的流程图；

图3是本申请另一个实施例提供的多媒体内容的显示方法的流程图；

图4是本申请一个实施例提供的多媒体内容的显示方法的流程图；

图5(a)示例性示出了一种应用启动页的页面示意图；

图5(b)示例性示出了一种视图变换时的页面示意图；

图5(c)示例性示出了另一种视图变换时的页面示意图；

图5(d)示例性示出了一种应用主页的页面示意图；

图6是本申请另一个实施例提供的多媒体内容的显示方法的流程图；

图7示例性示出了一种广告联动展示的流程示意图；

图8是本申请一个实施例提供的多媒体内容的显示装置的框图；

图9是本申请一个实施例提供的计算机设备的结构框图。

具体实施方式

本申请实施例所提供的方法可能涉及到云技术领域，云技术(Cloud technology)是指在广域网或局域网内将硬件、软件、网络等系列资源统一起来，实现数据的计算、储存、处理和共享的一种托管技术。本申请实施例中，终端可以向云端获取多媒体内容的数据资源。

在介绍本申请提供的实施例之前，先对本申请实施例中可能涉及的应用场景、相关术语或者名词进行简要介绍，以便于本申请领域技术人员理解。

单例：面向对象开发程序设计的一种开发模式，程序在运行过程中只会存在一个对象。本申请实施例中用来实现视图变换并控制视图显示内容的单例播放器程序实例就采用这种单例方式，即单例播放器。

UIView(界面视图)：简单来看，单例播放器可以说由内核部分和视图部分组成，视图部分是由UIView作为承载基础。在本申请实施例中，上述单例播放器可基于UIView的相关API(Application Programming Interface，应用程序接口)可以实现页面中视图的变换，即UIView动画。

开机屏可以指启动应用程序后，进入应用主页面前的应用启动页面。

开机屏广告：随着应用程序启动而播放的广告。用户启动应用程序后广告全屏展示。开机屏广告包含开机图片广告和开机视频广告。

巨幕广告：启动应用程序后，在应用主页面主要位置显示的广告。

联投展示：巨幕广告和开机屏广告联动投放的展示方式。巨幕广告和开机屏广告的广告内容可以相同，也可以不同。

JSON(JavaScript Object Notation,JS对象简谱)，是一种轻量级的数据交换格式，采用完全独立于编程语言的文本格式来存储和表示数据。

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。

请参考图1，其示出了本申请一个实施例提供的应用程序运行环境的示意图。该应用程序运行环境可以包括：终端10和服务器20。

终端10可以是诸如手机、平板电脑、游戏主机、电子书阅读器、多媒体播放设备、可穿戴设备、PC(Personal Computer，个人计算机)等电子设备。终端10中可以安装目标应用的客户端。

在本申请实施例中，上述目标应用可以是任何能够投放多媒体内容的应用程序。典型地，该目标应用为视频类应用程序。当然，除了视频类应用程序之外，目标应用也可以是其它类型的应用程序，其它类型的应用程序中也可以投放多媒体内容。例如，新闻类应用程序、社交类应用程序、互动娱乐类应用程序、游戏类应用程序、浏览器应用程序、购物类应用程序、内容分享类应用程序、虚拟现实(Virtual Reality，VR)类应用程序、增强现实(Augmented Reality，AR)类应用程序等，本申请实施例对此不作限定。另外，对于不同的应用程序来说，其投放的多媒体内容也会有所不同，这都可以根据实际需求预先进行配置，本申请实施例对此不作限定。

服务器20用于为终端10中的目标应用的客户端提供后台服务。例如，服务器20可以是上述目标应用的后台服务器。服务器20可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN(Content DeliveryNetwork，内容分发网络)、以及大数据和人工智能平台等基础云计算服务的云服务器。可选地，服务器20同时为多个终端10中的目标应用提供后台服务。

可选地，终端10和服务器20之间可通过网络30进行互相通信。终端10以及服务器20可以通过有线或无线通信方式进行直接或间接地连接，本申请在此不做限制。

请参考图2，其示出了本申请一个实施例提供的多媒体内容的显示方法的流程图。该方法可应用于计算机设备中，所述计算机设备是指具备数据计算和处理能力的电子设备，如各步骤的执行主体可以是图1所示的应用程序运行环境中的终端10。该方法可以包括以下几个步骤(210～240)。

步骤210，获取与播放器视图关联的视图加载数据。

播放器视图是指用于播放多媒体内容的页面元素。视图加载数据是指用于渲染显示上述播放器视图的数据。可选地，视图加载数据包括多媒体内容的源文件和页面显示文件。上述多媒体内容可以是图像、视频、文字或者上述三种格式的多种组合。上述多媒体内容还可以是网页。本申请实施例对多媒体内容的形式不做限定。

上述多媒体内容的源文件是指存储多媒体内容实体的数据文件，例如一个视频文件、一个图像文件、一个文本文件或者一个网页文件。

上述页面显示文件可以是JSON数据文件。JSON数据文件中主要是控制多媒体内容在播放器视图中出现的时机、多媒体内容的优先级和应用页面中显示的页面元素。

在一个示例中，如表1所示，其示例性示出了JSON数据文件中的一些字段及其说明。

表1

在示例性实施例中，第一页面为目标应用的启动页面，第二页面为目标应用的主页面。上述目标应用是指投放显示多媒体内容的任一应用。对于目标应用的说明可参见上一实施例，这里不再赘述。上述启动页面可以是通常意义上的开机屏，在启动页面上展示的多媒体广告可以称为开机屏广告。上述主页面中可以展示多媒体广告的另一种形式，巨幕广告。开机屏广告和巨幕广告可以联动展示。

相应地，如图3所示，其示出了本申请另一个实施例提供的多媒体内容的显示方法的流程图。在图3中，上述步骤210由下述步骤211替换实现。

步骤211，响应于针对目标应用的启动指令，获取视图加载数据。

上述针对目标应用的启动指令可以由针对目标应用图标的选择操作触发，例如点击、触摸等操作，本申请实施例对此不作限定。

上述步骤210或步骤211均是用于进行资源预加载任务，在本申请实施例中，对于播放多媒体内容资源有下述两种预加载方式。

在一种可能的实施方式中，获取视图加载数据的方式如下：

获取本地缓存数据；从本地缓存数据中查找视图加载数据。

其中，本地缓存数据可以是在应用上次运行时缓存的数据，其中可以包括多媒体内容的源文件和页面显示文件，在本次进行多媒体内容的播放时，可直接从本地缓存数据中查找预先缓存好的多媒体内容的源文件和页面显示文件。

在另一种可能的实施方式中，获取视图加载数据的方式如下：

发送视图加载请求，视图加载请求用于请求获取视图加载数据；接收视图加载数据。

上述方式是实时请求视图加载数据的方式，在客户端发送视图加载请求之前，会检测客户端所属终端的网络连接状态，在网络连接状态为已连接的情况下，可以向服务器发送视图加载请求，以获取服务器返回的多媒体内容的源文件和页面显示文件。可选地，多媒体内容可以是直播视频，多媒体内容的源文件便是直播视频数据流。

在示例性实施例中，如图4所示，其示出了本申请一个实施例提供的多媒体内容的显示方法的流程图。图4中，上述方法还包括步骤250。

步骤250，响应于多媒体内容加载指令，运行与播放器视图对应的单例播放器程序实例。

其中，单例播放器程序实例用于控制播放器视图在不同页面下的显示形态。

可选地，上述针对目标应用的启动指令即为多媒体内容加载指令。多媒体内容加载指令还可以是其他需要播放多媒体内容时产生的指令，本申请实施例对此不限定。

在一种可能的实施方式中，会在目标应用的应用程序中，创建单例播放器程序实例。具体来说，可通过static(计算机高级语言关键字)持有单例播放器程序实例中的变量，对外提供外部获取播放器(shareADPlaer)方法。该方法内部通过GCD(Grand CentralDispatch，多线程编程)的dispatch_once(单例)控制只执行一次初始化(init)方法，并且能够保证线程安全，设置播放器自动开播，默认静音并且跟随系统的静音键。该方法对外提供本地文件加载(openPlayerWithFile)方法和网络视频流数据加载(openPlayerWithURL)方法进行多媒体内容的数据流的加载。

步骤220，基于视图加载数据，显示第一形态的播放器视图以及播放器视图中播放的多媒体内容。

上述第一形态是指播放器视图的某一种显示形态。通过播放器视图的尺寸信息、位置信息以及框架信息等有关显示信息，可确定上述显示形态。可选地，第一形态为全屏显示形态。可选地，在第一页面中显示第一形态的播放器视图。上述第一页面是指切换页面切换前的页面。上述第一页面可以是浏览器页面，也可以是应用程序页面。

可选地，播放器视图中显示持续播放的多媒体内容。可选地，上述步骤220在上述单例播放器程序实例中执行。

在示例性实施例中，视图加载数据包括多媒体内容的源文件和页面显示文件。

相应地，如图3所示，上述步骤220的实施过程包括如下步骤(221～222)。

步骤221，基于页面显示文件，对播放器视图进行初始化，显示第一形态的播放器视图。

可选地，上述第一形态是初始形态，具有固定的尺寸信息和位置信息。

基于上述页面显示文件可以确定页面中各视图和各控件的布局位置和布局大小，以及各视图和各控件的显示样式。因此，可以对上述页面显示文件，比如JSON数据文件进行解析，完成对播放器视图的初始化显示，在第一页面上显示播放器视图。播放器视图可以将第一页面填满并在上方覆盖显示，也可以在第一页面上的部分区域进行显示，本申请实施例对此不作限定。对于播放器视图和第一页面的关系，播放器视图可以是第一页面的子视图，也可以是第一页面的页面元素。

可选地，在第一页面中显示第一形态的播放器视图。上述第一形态的播放器视图可在第一页面中全页面显示。

步骤222，基于源文件，在第一形态的播放器视图中播放多媒体内容。

进一步地，在播放器视图初始化的同时可以加载多媒体内容的源文件，比如视频数据文件，然后在播放器视图中播放多媒体内容，比如播放广告视频。

步骤230，响应于接收到切换至目标页面的页面切换指令，对播放器视图进行视图变换，显示变换形态的播放器视图以及多媒体内容。

上述目标页面是页面切换的目的页面。上述变换形态的播放器视图中持续播放上述多媒体内容。上述页面切换指令是用于切换页面的计算机指令。可选地，上述页面切换指令可以根据用户操作产生的操作信号触发，例如用户点击第一页面上的页面跳转按钮。

上述变换形态是播放器视图在视图变换过程中变化的显示形态。上述视图变换用于调整播放器视图的显示形态以使播放器视图嵌入至目标页面中的目标区域。

在一种可能的实施方式中，上述单例播放器程序实例中可以创建动画管理中心(AnimationCenter)，用于处理页面中各个视图在视图动画中的数据交互，动画状态变化和回调管理等事件。

在本申请实施例中，上述视图变换的执行中可以将播放器视图分成三个显示形态，分别是第一形态、变换形态和第二形态。第一形态可以是播放器视图在视图变换前的显示形态，变换形态是播放器视图在视图变换过程中变化的显示形态，第二形态是播放器视图在视图变换后的显示形态。

在示例性实施例中，如图3所示，上述页面切换指令由步骤260生成。

步骤260，在到达视图变换的开始时刻的条件下，生成页面切换指令。

多媒体内容可以在播放器视图中播放一段时间，时间长短由预设时长确定。可选地，预设时长小于多媒体内容的播放总时长。因此，在多媒体容播放时长到达预设时长的时刻，即为视图变换的开始时刻，生成上述页面切换指令。

在到达视图变换的开始时刻之前，播放器视图还处于第一形态。视图变换前的第一形态由相关操作确定。在启动目标应用时，动画管理中心可检查是否需要进行多媒体内容联动投放。若满足多媒体内容联动投放条件，则在第一页面中加载播放器视图以显示多媒体内容。通过取出JSON数据文件的PageDatas(页面元素数据)进行第一页面的渲染。这时需要调用shareADPlaer方法创建单例播放器，并设置单例播放器的多媒体资源和与其对应的播放器视图大小，最后在第一页面中显示处于第一形态的播放器视图。

相应的，如图3所示，上述步骤230的实施过程包括如下步骤(232～233)。

步骤231，响应于接收到页面切换指令，获取第二形态的播放器视图的位置信息和尺寸信息。

上述第二形态的播放器视图的位置信息和尺寸信息是可知的，这也是进行上述视图变换的目的。上述位置信息可以是播放器视图在视图变换后的坐标，上述坐标可以是播放器视图的视图框架在屏幕上的坐标，也可以是播放器视图的视图框架相对于其父视图，例如切换后的目标页面，的相对坐标。

步骤232，基于位置信息和尺寸信息，确定播放器视图的视图变换动画。

UIView(页面视图)进行视图变换时，需要通过在视图的视图框架上设置动画来实现，即上述视图变换动画。视图变换动画的动画关键点是获取视图框架在第一形态和第二形态的位置坐标和框架尺寸，因此上述视图变换动画通过播放器视图的起始位置和起始尺寸，以及结束位置和结束尺寸来确定。

上述视图变换动画可决定变换形态的播放器视图，在视图变换过程中任意时刻的显示形态。

可选地，对于创建单例播放器后显示的第一形态的播放器视图，一般来说第一形态的播放器视图的视图框架(frame)的尺寸可以与屏幕宽高一致，即全屏显示。

可选地，根据终端屏幕的宽和高，确定播放器视图在第二形态下的框架尺寸和位置坐标。上述第二形态下的播放器视图可以作为巨幕广告播放器视图。

在视图变换过程中，设置播放器视图的动画相关参数：

设置动画的持续时间(setAnimationDuration)：从JSON数据文件中获取animationDuration字段对应的值，并传入至单例播放器程序实例，将动画的持续时间设置为animationDuration字段对应的值，进而控制上述视图变换的持续时间。

设置动画的重复次数(setAnimationRepeatCount)：从JSON数据文件中向单例播放器程序实例传入参数0，将动画的重复次数设置为0，表示动画不需要重复执行。

设置动画执行过程的监听对象(setAnimationDelegate)：从JSON数据文件中向单例播放器程序实例传入AnimationCenter(动画管理中心)字段，表示动画执行过程中的监听对象为AnimationCenter。

设置动画启动方法选择器(setAnimationWillStartSelector)和设置动画结束方法选择器(setAnimationDidStopSelector)：向单例播放器程序实例传入设置的方法选择器，并在AnimationCenter实现传入的方法。当执行视图变换的动态效果时，单例播放器程序实例中页面视图设置过程中会调用类方法commitAnimations，从而改变播放器视图的视图框架(frame)中的高度(height)和宽度(y)坐标。由于可以拿到播放器视图在结束状态下的视图框架尺寸和坐标，可以计算出结束状态下播放器视图的视图框架(frame)。

步骤233，播放视图变换动画。

在到达视图变换的开始时刻的条件下，播放视图变换动画。上述视图变换动画为上述变换形态的播放器视图。

可选地，上述视图变换的开始时刻为JSON数据文件中的animationBeginTime(动画开始时间)。当播放多媒体内容的时长达到animationBeginTime(动画开始时间)时，对播放器视图进行视图变换，开始执行播放器视图的视图框架上添加的动画。

在示例性实施例中，如图3所示，上述步骤230的实施过程还可包括如下步骤(234～235)。

步骤234，设置至少一个子页面元素各自对应的显示属性。

显示属性用于指示子页面元素的显示方式。可选地，上述显示属性包括隐藏属性和可见属性。隐藏属性是指隐藏显示页面元素，可见属性是指显示页面元素。

在一种可能的实施方式中，设置目标子页面元素的显示属性为隐藏属性。

上述子页面元素是指在视图变换过程中无需显示的子页面元素，例如播放器视图的子视图、子控件。

可选地，上述隐藏属性可通过一个隐藏属性参数值确定。例如，页面元素中表示隐藏属性的字段的值为1，表示页面元素的显示属性为隐藏属性，页面元素中表示隐藏属性的字段的值为0，表示页面元素的显示属性为可见属性。

通过在单例播放器程序实例中设置子页面元素的隐藏属性参数值，进而将子页面元素的显示属性为隐藏属性。

步骤235，根据显示属性，在播放器视图显示至少一个子页面元素。

在一种可能的实施方式中，若目标子页面元素的显示属性为隐藏属性，则在播放器视图中隐藏目标子页面元素。

可选地，隐藏第一页面中除播放器视图之外的所有页面元素。具体方式为：在上述单例播放器程序实例中，通过遍历所有子视图(view.subviews)的方式读取第一页面中的所有子视图，调用对象类型判断(isKindOfClass)方法对子视图类型进行判断。以播放器视图作为判断依据，若判断该视图不是播放器视图，则返回值为NO。若返回值为NO，则设置该子视图(subview)的隐藏(hidden)属性为是(YES)，表示隐藏显示该元素。

在示例性实施例中，如图4所示，上述步骤230的另一种实施过程包括如下步骤(23A～23B)。

步骤23A，响应于接收到页面切换指令，显示目标页面。

可选地，在播放器视图所在图层的下方图层显示目标页面。

可选地，通过视图效果添加(UIVisualEffectView)方法创建毛玻璃效果视图，将毛玻璃效果视图的背景大小固定为屏幕的宽高。将创建的毛玻璃效果视图在目标页面上方显示，即可虚化目标页面的页面内容，既可以让人直观地看出播放器视图是在目标页面上进行视图转换以嵌入目标页面，又可保证视图变换效果并能持续播放视图内的多媒体内容，避免目标页面的页面内容对视图转换效果造成干扰。

步骤23B，对播放器视图进行视图变换，在目标页面上层显示变换形态的播放器视图以及多媒体内容。

可选地，在目标页面上层，播放上述播放器视图的视图变换动画。

视图变换动画播放完毕之后，上述播放器视图就处于第二形态。

步骤240，在目标区域显示第二形态的播放器视图以及多媒体内容。

可选地，当视图变换动画播放完毕，即视图变换的动态效果结束时，隐藏显示由UIVisualEffectView方法创建的毛玻璃效果视图，向用户清晰地展示目标页面的页面内容。

同时，需要将第一页面的播放器视图进行转移设置。通过目标页面的显示控制器拿到第一页面的各个视图，然后将播放器视图添加到目标页面的视图中，从而实现播放器视图容器的转移。

进一步地，继续从JSON数据文件中页面元素数据(PageDatas)中获取播放器视图数据，在目标页面中进行播放器视图的渲染。

可选地，也可在目标页面的视图中创建上述播放器视图。

在示例性实施例中，如图3所示，上述步骤240可通过如下步骤(241～242)实施。

步骤241，将第二形态的播放器视图嵌入至目标区域。

通过上述视图变换，即可将播放器视图由起始位置变换至结束位置，即上述目标区域所在位置，同时播放器视图的视图框架由起始尺寸变换至与目标区域吻合的尺寸，从而实现将视图变换后的播放器视图嵌入至目标区域。

步骤242，基于视图加载数据，在目标区域显示第二形态的播放器视图，以及持续显示播放器视图中的多媒体内容。

播放器视图在视图变换前后均可持续显示多媒体内容。

播放器视图嵌入至目标区域之后，单例播放器程序实例依然获取视图加载数据，无间断播放上述多媒体内容。

上述视图变换前后显示的多媒体内容可以不同。例如，视图变换前和视图变换时，播放器视图均显示图片内容；视图变换后，播放器视图显示视频。

上述视图变换前后显示的多媒体内容也可以相同。例如，视图变换前、视图变换时和视图变换后，播放器视图连续播放同一视频。

在一种可能的实施方式中，上述步骤211之后，上述步骤220的一种实施方式为：基于视图加载数据，在目标应用的启动页面中显示第一形态的播放器视图以及多媒体内容；

在该种实施方式下，上述目标应用的主页面为目标页面。相应的，上述步骤230的一种实施方式为：响应于接收到切换至目标应用的主页面的页面切换指令，对播放器视图进行视图变换，在主页面上层显示变换形态的播放器视图以及多媒体内容。上述实施方式中，启动页面中第一形态的播放器视图，页面切换过程中变换形态的播放器视图以及页面切换后主页面中的播放器视图，均是同一播放器视图的不同显示形态。也正因为是同一播放器视图，便可支持持续无间断地在该播放器视图内播放多媒体内容，实现应用启动页面和应用主页面之间多媒体内容的无缝联投展示，同时还降低计算压力，无需加载多个视图，提升多媒体内容联投展示效率。

综上所述，本申请实施例提供的技术方案，通过对视图加载数据进行加载，显示第一形态的播放器视图来播放多媒体内容，在页面切换时进行视图变换，将播放器视图嵌入至至目标页面中的目标区域继续播放多媒体内容，进而能够在页面切换并进行联投展示时，不间断播放多媒体内容，保证多媒体内容播放连续性。除不间断播放多媒体内容之外，由于两个页面均使用同一播放器视图播放多媒体内容，能够有效降低计算资源占用量，提升多媒体内容联投展示效率。

下面通过具体的示例，并结合图5(a)至图5(d)，对本申请实施例提供的多媒体内容的显示方法进行直观地说明。

在一个示例中，如图5(a)所示，其示例性示出了一种应用启动页的页面示意图。图5(a)所示的应用启动页510是一种视频应用的启动页面。在应用启动页510中初始化显示第一形态的播放器视图520。可选地，播放器视图520的尺寸与应用启动页510尺寸相同，可在应用启动页510中铺满显示。可选地，全屏显示播放器视图520。图5(a)中，播放器视图520还具有子页面元素，播放器视图520可作为这些子页面元素的父视图。子页面元素包括子视图和子控件。比如，图5(a)中的声音控制控件531、页面跳转控件532都是播放器视图520的子页面元素中的子控件，图5(a)中的视频应用标识图案视图533、品牌广告语视图534都是播放器视图520的子页面元素中的子视图。在播放器视图520中可以显示该视频应用投放的广告视频540。

在一个示例中，如图5(b)所示，其示例性示出了一种视图变换时的页面示意图。图5(b)中，页面背景由应用启动页510跳转为上述视频应用的应用主页550。播放器视图520的子页面元素，如声音控制控件531、页面跳转控件532、视频应用标识图案视图533、品牌广告语视图534均隐藏显示，播放器视图520仅播放广告视频540。并且，播放器视图520进行视图变换，缩小播放器视图520的视图边框尺寸。

在一个示例中，如图5(c)所示，其示例性示出了另一种视图变换时的页面示意图。图5(c)中，为应用主页550添加显示特效，添加显示特效的应用主页550中无法看到主页内容。可选地，上述显示特效是毛玻璃显示特效。在添加显示特效的应用主页550上，对播放器视图520的视图边框对应的预设视图变换动画进行播放，播放器视图520的视图边框尺寸相比于图5(b)进一步缩小。与此同时，播放器视图520仍继续播放广告视频540。

在一个示例中，如图5(d)所示，其示例性示出了一种应用主页的页面示意图。图5(d)中，视图变换后得到的第二形态的播放器视图520的视图边框尺寸已经为预设的尺寸，并且嵌入至应用主页550中的目标区域进行显示，并继续播放广告视频540。可选地，声音控制控件531、视频应用标识图案视图533、品牌广告语视图534可在视图变换后的播放器视图520中进行恢复显示。

需要说明的是，视图变换前的播放器视图520用于显示开机屏广告，视图变换后的播放器视图520用于显示巨幕广告。可选地，开机屏广告和巨幕广告可以为视频或者图片类型，本申请实施例对此不作限定。在上述图5(a)至图5(d)的页面跳转过程中，播放器视图520进行动态的无缝过渡，广告视频540一直在播放器视图520中连续流畅播放，无需在页面跳转时重新加载广告资源。并且，上述播放器视图520在显示页面起始页510时仅初始化一次。

请参考图6，其示出了本申请另一个实施例提供的多媒体内容的显示方法的流程图。该方法可应用于计算机设备中，所述计算机设备是指具备数据计算和处理能力的电子设备，如各步骤的执行主体可以是图1所示的应用程序运行环境中的终端10。该方法可以包括以下几个步骤(601～616)。

步骤601，接收针对目标应用的启动指令，运行与播放器视图对应的单例播放器程序实例。接着，单例播放器程序实例控制终端从步骤602或者步骤604开始执行。

步骤602，获取本地缓存数据。

步骤603，从本地缓存数据中查找多媒体内容的源文件和页面显示文件。

步骤604，发送视图加载请求。

视图加载请求用于请求获取多媒体内容的源文件和页面显示文件。

步骤605，接收多媒体内容的源文件和页面显示文件。

步骤606，基于页面显示文件，对播放器视图进行初始化，在第一页面中显示第一形态的播放器视图。

步骤607，基于源文件，在第一形态的播放器视图中显示多媒体内容。

步骤608，响应于当前时刻到达视图变换的开始时刻，执行页面切换指令。

步骤609，在播放器视图对应的图层下方显示第二页面。

步骤610，设置播放器视图对应的子页面元素的显示属性为隐藏属性。

步骤611，在第一形态的播放器视图中隐藏显示子页面元素。

步骤612，获取第二形态的播放器视图的位置信息和尺寸信息。

步骤613，基于位置信息和尺寸信息，确定播放器视图的视图变换动画。

步骤614，在第二页面上播放视图变换动画。

步骤615，将第二形态的播放器视图嵌入至第二页面中的目标区域。

步骤616，基于多媒体内容的源文件和页面显示文件，在第二形态的播放器视图中继续显示多媒体内容。

对于上述步骤601至步骤616的解释说明看参见上文实施例的相关介绍，这里不再赘述。

在一个示例中，如图7所示，其示例性示出了一种广告联动展示的流程示意图。

S1：预加载视频广告资源。

上述广告资源为广告视频源数据。

S2：启动应用程序。

响应于针对目标应用的应用图标的点击操作，启动应用程序。

S3：创建单例播放器视图。

应用程序创建单例播放器程序实例，以控制上述单例播放器视图的显示过程。

S4：加载单例播放器视图播放开机屏视频广告。

在应用启动页上的单例播放器视图中播放广告视频，实现开机屏视频广告的投放。

S5：开启视图动效。

为单例播放器视图的视图框架开启动画效果。

S6：获取视图结束状态后执行视图动效。

获取单例播放器视图的在应用主页面上的位置和尺寸之后，确定单例播放器视图进行视图变换的动画效果。接着在单例播放器视图上执行上述动画效果。

S7：结束视图动效。

S8：转移单例播放器视图。

将视图变换后的单例播放器视图转移至应用主页。

S9：渲染单例播放器视图联动播放巨幕广告。

在应用主页上继续读取上述广告视频源数据，无间断地播放上述广告视频，实现巨幕广告的投放，最终完成开机屏视频广告和巨幕广告的联动投放。

综上所述，本申请实施例提供的技术方案，通过在应用启动时，对视图加载数据进行加载，在应用起始页面中显示第一形态的播放器视图来播放多媒体内容，实现应用开机屏的多媒体内容投放。接着，在页面切换时显示应用主页面，并在应用主页面上播放由第二形态的播放器视图确定的视图切换动画，以使播放器视图嵌入至应用主页面中的目标区域继续播放多媒体内容，进而实现多媒体内容的联投展示，并且有效保证多媒体内容播放连续性，实现联投展示过程中的无缝衔接，还可提高多媒体内容的用户粘性，在不影响应用主页面显示加载的情况下对应用程序的收益有显著提升效果。除不间断播放多媒体内容之外，由于两个页面均使用同一播放器视图播放多媒体内容，仅需一份多媒体资源，无需二次预加载，无需执行资源进度重定位操作，减少视频资源占用的内存空间，能够有效降低计算资源占用量，提升多媒体内容联投展示效率。

下述为本申请装置实施例，可用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节，请参照本申请方法实施例。

请参考图8，其示出了本申请一个实施例提供的多媒体内容的显示装置的框图。该装置具有实现上述多媒体内容的显示方法的功能，所述功能可以由硬件实现，也可以由硬件执行相应的软件实现。该装置可以是计算机设备，也可以设置在计算机设备中。该装置800可以包括：数据获取模块810、第一视图显示模块820、视图变换模块830和第二视图显示模块840。

数据获取模块810，用于获取与播放器视图关联的视图加载数据，所述播放器视图是指用于播放多媒体内容的页面元素。

第一视图显示模块820，用于基于所述视图加载数据，显示第一形态的播放器视图以及所述播放器视图中播放的多媒体内容。

视图变换模块830，用于响应于接收到切换至目标页面的页面切换指令，对所述播放器视图进行视图变换，显示变换形态的播放器视图以及所述多媒体内容，所述视图变换用于调整所述播放器视图的显示形态以使所述播放器视图嵌入至所述目标页面中的目标区域。

第二视图显示模块840，用于在所述目标区域显示第二形态的播放器视图。

在示例性实施例中，所述装置800还包括：单例播放器运行模块。

单例播放器运行模块，用于响应于多媒体内容加载指令，运行与所述播放器视图对应的单例播放器程序实例，所述单例播放器程序实例用于控制所述播放器视图在不同页面下的显示形态。

在示例性实施例中，所述装置800还包括：指令生成模块。

指令生成模块，用于在到达所述视图变换的开始时刻的条件下，生成所述页面切换指令。

所述视图变换模块830，包括：变换信息获取单元、变换动画确定单元和变换动画播放单元。

变换信息获取单元，用于响应于接收到所述页面切换指令，获取所述第二形态的播放器视图的位置信息和尺寸信息。

变换动画确定单元，用于基于所述位置信息和所述尺寸信息，确定所述播放器视图的视图变换动画。

变换动画播放单元，用于播放所述视图变换动画。

在示例性实施例中，所述播放器视图包括至少一个子页面元素，所述视图变换模块830还包括：页面元素设置单元和页面元素显示单元。

页面元素设置单元，用于设置所述至少一个子页面元素各自对应的显示属性，所述显示属性用于指示子页面元素的显示方式。

页面元素显示单元，用于根据所述显示属性，在所述播放器视图显示所述至少一个子页面元素。

在示例性实施例中，所述页面元素设置单元，具体用于：

设置目标子页面元素的显示属性为隐藏属性。

所述页面元素显示单元，具体用于：

在所述播放器视图中隐藏所述目标子页面元素。

在示例性实施例中，所述视图变换模块830，包括：页面显示单元和视图变换单元。

页面显示单元，用于响应于接收到所述页面切换指令，显示所述目标页面。

视图变换单元，用于对所述播放器视图进行视图变换，在所述目标页面上层显示所述变换形态的播放器视图以及所述多媒体内容。

在示例性实施例中，所述视图加载数据包括所述多媒体内容的源文件和页面显示文件，所述第一视图显示模块820，包括：视图初始化单元和多媒体内容显示单元。

视图初始化单元，用于基于所述页面显示文件，对所述播放器视图进行初始化，显示所述第一形态的播放器视图。

多媒体内容显示单元，用于基于所述源文件，在所述第一形态的播放器视图中播放所述多媒体内容。

在示例性实施例中，所述数据获取模块810，具体用于：

响应于针对目标应用的启动指令，获取所述视图加载数据。

所述第一视图显示模块820，具体用于：基于所述视图加载数据，在所述目标应用的启动页面中显示所述第一形态的播放器视图以及所述多媒体内容

所述视图变换模块830，具体用于：响应于接收到切换至所述目标应用的主页面的页面切换指令，对所述播放器视图进行视图变换，在所述主页面上层显示所述变换形态的播放器视图以及所述多媒体内容，所述主页面为所述目标页面。

在示例性实施例中，所述数据获取模块810，包括：缓存获取单元和缓存查找单元。

缓存获取单元，用于获取本地缓存数据。

缓存查找单元，用于从所述本地缓存数据中查找所述视图加载数据。

在示例性实施例中，所述数据获取模块810，还包括：视图数据请求单元和视图数据接收单元。

视图数据请求单元，用于发送视图加载请求，所述视图加载请求用于请求获取所述视图加载数据。

视图数据接收单元，用于接收所述视图加载数据。

综上所述，本申请实施例提供的技术方案，通过对视图加载数据进行加载，显示第一形态的播放器视图来播放多媒体内容，在页面切换时进行视图变换，将播放器视图嵌入至目标页面中的目标区域继续播放多媒体内容，进而能够在页面切换并进行联投展示时，不间断播放多媒体内容，保证多媒体内容播放连续性。除不间断播放多媒体内容之外，由于两个页面均使用同一播放器视图播放多媒体内容，能够有效降低计算资源占用量，提升多媒体内容联投展示效率。

需要说明的是，上述实施例提供的装置，在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

请参考图9，其示出了本申请一个实施例提供的计算机设备的结构框图。该计算机设备可以是终端。该计算机设备用于实施上述实施例中提供的多媒体内容的显示方法。具体来讲：

通常，计算机设备900包括有：处理器901和存储器902。

处理器901可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器901可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(FieldProgrammable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器901也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器901可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器901还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器902可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器902还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器902中的非暂态的计算机可读存储介质用于存储至少一个指令，至少一段程序、代码集或指令集，所述至少一条指令、至少一段程序、代码集或指令集，且经配置以由一个或者一个以上处理器执行，以实现上述多媒体内容的显示方法。

在一些实施例中，计算机设备900还可选包括有：外围设备接口903和至少一个外围设备。处理器901、存储器902和外围设备接口903之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口903相连。具体地，外围设备包括：射频电路904、触摸显示屏905、摄像头组件906、音频电路907、定位组件908和电源909中的至少一种。

本领域技术人员可以理解，图9中示出的结构并不构成对计算机设备900的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

在示例性实施例中，还提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或所述指令集在被处理器执行时以实现上述多媒体内容的显示方法。

可选地，该计算机可读存储介质可以包括：ROM(Read Only Memory，只读存储器)、RAM(Random Access Memory，随机存取记忆体)、SSD(Solid State Drives，固态硬盘)或光盘等。其中，随机存取记忆体可以包括ReRAM(Resistance Random Access Memory,电阻式随机存取记忆体)和DRAM(Dynamic Random Access Memory，动态随机存取存储器)。

在示例性实施例中，还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述多媒体内容的显示方法。

应当理解的是，在本文中提及的“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。另外，本文中描述的步骤编号，仅示例性示出了步骤间的一种可能的执行先后顺序，在一些其它实施例中，上述步骤也可以不按照编号顺序来执行，如两个不同编号的步骤同时执行，或者两个不同编号的步骤按照与图示相反的顺序执行，本申请实施例对此不作限定。

以上所述仅为本申请的示例性实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (10)

1.一种多媒体内容的显示方法，其特征在于，所述方法包括：

获取与播放器视图关联的视图加载数据，所述播放器视图是指用于播放多媒体内容的页面元素；

基于所述视图加载数据，显示第一形态的播放器视图以及所述播放器视图中播放的多媒体内容；

响应于接收到切换至目标页面的页面切换指令，对所述播放器视图进行视图变换，显示变换形态的播放器视图以及所述多媒体内容，所述视图变换用于调整所述播放器视图的显示形态以使所述播放器视图嵌入至所述目标页面中的目标区域；

在所述目标区域显示第二形态的播放器视图以及所述多媒体内容。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

响应于多媒体内容加载指令，运行与所述播放器视图对应的单例播放器程序实例，所述单例播放器程序实例用于控制所述播放器视图在不同页面下的显示形态。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在到达所述视图变换的开始时刻的条件下，生成所述页面切换指令；

所述响应于接收到切换至目标页面的页面切换指令，对所述播放器视图进行视图变换，显示变换形态的播放器视图以及所述多媒体内容，包括：

响应于接收到所述页面切换指令，获取所述第二形态的播放器视图的位置信息和尺寸信息；

基于所述位置信息和所述尺寸信息，确定所述播放器视图的视图变换动画；

播放所述视图变换动画。

4.根据权利要求3所述的方法，其特征在于，所述播放器视图包括至少一个子页面元素，所述方法还包括：

设置所述至少一个子页面元素各自对应的显示属性，所述显示属性用于指示子页面元素的显示方式；

根据所述显示属性，在所述播放器视图显示所述至少一个子页面元素。

5.根据权利要求4所述的方法，其特征在于，所述设置所述至少一个子页面元素各自对应的显示属性，包括：

设置目标子页面元素的显示属性为隐藏属性；

所述根据所述显示属性，在所述播放器视图显示所述至少一个子页面元素，包括：

在所述播放器视图中隐藏所述目标子页面元素。

6.根据权利要求1所述的方法，其特征在于，所述响应于接收到切换至目标页面的页面切换指令，对所述播放器视图进行视图变换，显示变换形态的播放器视图以及所述多媒体内容，包括：

响应于接收到所述页面切换指令，显示所述目标页面；

对所述播放器视图进行视图变换，在所述目标页面上层显示所述变换形态的播放器视图以及所述多媒体内容。

7.根据权利要求1所述的方法，其特征在于，所述视图加载数据包括所述多媒体内容的源文件和页面显示文件，所述基于所述视图加载数据，显示第一形态的播放器视图以及所述播放器视图中播放的多媒体内容，包括：

基于所述页面显示文件，对所述播放器视图进行初始化，显示所述第一形态的播放器视图；

基于所述源文件，在所述第一形态的播放器视图中播放所述多媒体内容。

8.根据权利要求1所述的方法，其特征在于，所述获取与播放器视图关联的视图加载数据，包括：

响应于针对目标应用的启动指令，获取所述视图加载数据。

所述基于所述视图加载数据，显示第一形态的播放器视图以及所述播放器视图中播放的多媒体内容，包括：

基于所述视图加载数据，在所述目标应用的启动页面中显示所述第一形态的播放器视图以及所述多媒体内容；

所述响应于接收到切换至目标页面的页面切换指令，对所述播放器视图进行视图变换，显示变换形态的播放器视图以及所述多媒体内容，包括：

响应于接收到切换至所述目标应用的主页面的页面切换指令，对所述播放器视图进行视图变换，在所述主页面上层显示所述变换形态的播放器视图以及所述多媒体内容，所述主页面为所述目标页面。

9.一种多媒体内容的显示装置，其特征在于，所述装置包括：

数据获取模块，用于获取与播放器视图关联的视图加载数据，所述播放器视图是指用于播放多媒体内容的页面元素；

第一视图显示模块，用于基于所述视图加载数据，显示第一形态的播放器视图以及所述播放器视图中播放的多媒体内容；

视图变换模块，用于响应于接收到切换至目标页面的页面切换指令，对所述播放器视图进行视图变换，显示变换形态的播放器视图以及所述多媒体内容，所述视图变换用于调整所述播放器视图的显示形态以使所述播放器视图嵌入至所述目标页面中的目标区域；

第二视图显示模块，用于在所述目标区域显示第二形态的播放器视图以及所述多媒体内容。

10.一种计算机设备，其特征在于，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1至8任一项所述的多媒体内容的显示方法。

Images