本申请涉及多媒体播放技术领域，特别涉及一种广告播放技术。
背景技术：
视频网站上，在用户在线观看视频时，可以向用户播放广告以获得收益。随着视频网站及相应的应用客户端(application)的玩法越来越多，播发广告的形式也愈发多样化。
在现有技术中，用户进入直播间页面后在节目窗口页面观看节目视频，客户端接收到广告播放指令后，可通过广告播放器从服务端获取广告数据，并解码后在广告窗口页面中播出。其中，广告窗口页面由广告播放器生成；广告窗口页面覆盖于节目窗口页面之上，或者，广告窗口页面嵌入于节目窗口页面之内。
当用户离开上述直播间页面，若上述广告数据尚未播放完毕，客户端会在切换页面后，相应地，节目播放器会重新生成节目窗口页面。客户端会利用切换后的节目窗口页面对应的广告播放器重新生成广告窗口页面，并重新播放上述广告数据。这就造成广告播放出现中断或黑屏，此外，重新加载广告数据浪费流量和网络带宽。
技术实现要素：
有鉴于此，本申请提供一种播放广告的方法、装置及电子设备，用以避免在播放广告时出现中断或黑屏，以及重新加载广告视频数据浪费流量的问题，从而保证用户良好的使用体验，节省流量和网络带宽。
具体地，本申请是通过如下技术方案实现的：
一种播放广告的方法，包括：
在第一页面播放节目媒体数据时，利用广告播放器生成广告窗口页面，并在所述广告窗口页面播放广告数据；
当检测到切换操作，从所述第一页面切换到第二页面，并将所述广告窗口页面添加到所述第二页面；
利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
在所述播放广告的方法中，所述广告播放器包括视频解码控件和渲染控件。
在所述播放广告的方法中，所述当检测到切换操作，从所述第一页面切换到第二页面，并将所述广告窗口页面添加到所述第二页面，包括：
当检测到所述切换操作，暂停播放所述广告数据，并记录当前播放的广告视频帧；
从所述第一页面切换到所述第二页面，并将所述广告窗口页面添加到所述第二页面；
所述利用所述广告播放器继续在所述广告窗口页面播放所述广告数据，包括：
基于所述广告视频帧，利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
在所述播放广告的方法中，所述当检测到切换操作，从所述第一页面切换到第二页面，并将所述广告窗口页面添加到所述第二页面，包括：
当检测到所述切换操作，暂停播放所述广告数据，并记录当前播放的广告时间；
从所述第一页面切换到所述第二页面，并将所述广告窗口页面添加到所述第二页面；
所述利用所述广告播放器继续在所述广告窗口页面播放所述广告数据，包括：
基于所述广告时间，利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
在所述播放广告的方法中，所述方法还包括：
在所述第二页面利用所述广告播放器在所述广告窗口页面播放所述广告数据时，检测到所述切换操作；
从所述第二页面切换到所述第一页面，并将所述广告窗口页面添加到所述第一页面；
利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
一种播放广告的装置，包括：
第一播放单元，用于在第一页面播放节目媒体数据时，利用广告播放器生成广告窗口页面，并在所述广告窗口页面播放广告数据；
切换单元，用于当检测到切换操作，从所述第一页面切换到第二页面，并将所述广告窗口页面添加到所述第二页面；
第二播放单元，用于利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
在所述播放广告的装置中，所述广告播放器包括视频解码控件和渲染控件。
在所述播放广告的装置中，所述切换单元，进一步用于：
当检测到所述切换操作，暂停播放所述广告数据，并记录当前播放的广告视频帧；
从所述第一页面切换到所述第二页面，并将所述广告窗口页面添加到所述第二页面；
所述第二播放单元，进一步用于：
基于所述广告视频帧，利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
在所述播放广告的装置中，所述切换单元，进一步用于：
当检测到所述切换操作，暂停播放所述广告数据，并记录当前播放的广告时间；
从所述第一页面切换到所述第二页面，并将所述广告窗口页面添加到所述第二页面；
所述第二播放单元，进一步用于：
基于所述广告时间，利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
在所述播放广告的装置中，所述装置还包括：
所述切换单元，进一步用于在所述第二页面利用所述广告播放器在所述广告窗口页面播放所述广告数据时，检测到所述切换操作；
从所述第二页面切换到所述第一页面，并将所述广告窗口页面添加到所述第一页面；
所述第二播放单元，进一步用于利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
一种电子设备，所述电子设备搭载了处理器，以及，用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为：
在第一页面播放节目媒体数据时，利用广告播放器生成广告窗口页面，并在所述广告窗口页面播放广告数据；
当检测到切换操作，从所述第一页面切换到第二页面，并将所述广告窗口页面添加到所述第二页面；
利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
在本申请实施例中，客户端在第一页面播放节目视频流时，利用广告播放器生成广告窗口页面，并在所述广告窗口页面播放广告数据；当检测到切换操作，从所述第一页面切换到第二页面，并将所述广告窗口页面添加到所述第二页面，然后利用所述广告播放器继续在所述广告窗口页面播放广告数据；
由于客户端可以在切换到第二页面后，将第一页面上的广告窗口页面添加到第二页面，并复用同一个广告播放器继续在所述广告窗口页面播放广告数据，无需更改广告播放器后重新加载广告数据，避免产生广告播放的中断和黑屏，也节省了流量和网络带宽。
附图说明
图1是本申请示出的一种播放广告的方法的流程图；
图2是本申请示出的一种直播客户端的主页面的示意图；
图3是本申请示出的一种直播客户端的直播间页面的示意图；
图4是本申请示出的另一种直播客户端的主页面的示意图；
图5是本申请示出的一种电子设备的主页面的示意图；
图6是本申请示出的一种播放广告的装置的实施例框图；
图7是本申请示出的一种电子设备的硬件结构图。
具体实施方式
为了使本技术领域的人员更好地理解本发明实施例中的技术方案，并使本发明实施例的上述目的、特征和优点能够更加明显易懂，下面结合附图对现有技术方案和本发明实施例中的技术方案作进一步详细的说明。
请参见图1，为本申请示出的一种播放广告的方法的流程图，所述方法包括以下步骤：
步骤101：在第一页面播放节目媒体数据时，利用广告播放器生成广告窗口页面，并在所述广告窗口页面播放广告数据。
其中，上述方法可以应用于互联网视频网站的应用客户端上，上述方法的具体执行设备可以是搭载上述客户端的电子设备，比如：手机、计算机、平板电脑等。
上述广告播放器包括视频解码控件和渲染控件。由于广告播放器拥有独立的渲染控件，避免广告播放器在切换页面后调用不同的渲染控件而产生错误导致切换页面后无法正常播放广告，提高了广告播放的稳定性。
用户在客户端的主页面选择想看的播放节目后，点击进入直播间页面观看节目视频。参见图2，为本申请示出的一种直播客户端的主页面的示意图，如图2所示，直播客户端的主页面上包含多个可供选择的节目。
客户端在第一页面播放节目媒体数据时，当接收到服务端下发的广告播放指令后，可利用广告播放器生成广告窗口页面，并从服务端下载广告数据，将广告数据解码后在上述广告窗口页面播放。
其中，上述第一页面指的是可以播放节目媒体数据的窗口页面，对于直播客户端而言，包括直播间页面的节目窗口页面和客户端跳出直播间页面后节目播放器重新生成的节目窗口页面。
需要指出的是，客户端跳出直播间页面后节目播放器重新生成的节目窗口页面相对直播间页面的节目窗口页面的面积较小，为便于表述说明，后续将客户端跳出直播间页面后节目播放器重新生成的节目窗口页面称为节目小窗口页面。
上述广告数据可以包括广告视频帧和广告音频采样。
上述广告窗口页面可以覆盖于第一页面之上，也可以嵌入于第一页面之内。
以第一页面为直播间页面的节目窗口页面为例，参见图3，为本申请示出的一种直播客户端的直播间页面的示意图，如图3所示，虚线框内部分即为第一页面，而当广告窗口页面覆盖于第一页面之上时，广告窗口页面与第一页面的面积大小相同，即广告窗口页面也为图3的虚线框内部分；而当广告窗口页面嵌入于第一页面之内时，广告窗口页面的面积小于第一页面的面积，(比如，广告窗口页面占第一页面的五分之一)，在这种情况下，用户在观看广告的同时还能继续收看节目。
步骤102：当检测到切换操作，从所述第一页面切换到第二页面，并将所述广告窗口页面添加到所述第二页面。
其中，上述切换操作可以包括返回上一级页面的指令、进入下一级页面指令和返回到客户端所在电子设备的主页面的指令，更改节目小窗口页面中播放的节目的指令，或者其它客户端认定需要切换页面的事件。上述切换操作一般由用户点击页面上的用户选项(包括返回键)或对客户端执行默认的页面返回操作(比如：当客户端所在电子设备为智能手机，页面返回操作可以是点击home键)而产生。
上述第二页面包括客户端跳出直播间页面后节目播放器生成的节目小窗口页面和更改小窗口页面中播放的节目后节目播放器重新生成的节目小窗口页面。比如，以上述第一页面为直播间页面的节目窗口页面为例，则上述第二页面可以是直播客户端切换到主页面后节目播放器生成的节目小窗口页面，也可以是直播客户端切换到其所在电子设备(比如：手机)的主页面后节目播放器生成的节目小窗口页面。
客户端检测到上述切换操作，在将上述第一页面切换到上述第二页面后，可以将上述广告窗口页面添加到上述第二页面。
需要指出的是，若上述广告窗口页面覆盖于第一页面之上，则客户端将上述广告窗口页面添加到上述第二页面后，上述广告窗口页面仍旧覆盖于第一页面之上；若上述广告窗口页面嵌入于第一页面之内，则客户端将上述广告窗口页面添加到上述第二页面时，仍将上述广告窗口页面嵌入在添加到第二页面之内。
此外，客户端可以响应于上述切换操作，在将上述广告窗口页面添加到上述第二页面后，调整上述广告窗口页面的面积大小。比如：若上述第一页面为直播间页面的节目窗口页面，上述第二页面为客户端跳出直播间页面后节目播放器生成的节目小窗口页面，客户端将上述第一页面切换到第二页面后，可以缩小上述广告窗口页面的面积，从而使得用户可以更清楚地浏览主页面的信息。
在示出的一种实施方式中，当客户端检测到上述切换操作，首先暂停播放上述广告数据，并记录当前播放的广告视频帧。其中，该广告视频帧用以记录上述广告数据的播放进度。
进一步地，客户端从上述第一页面切换到上述第二页面，并将上述广告窗口页面添加到上述第二页面。
在示出的另一种实施方式中，当客户端检测到上述切换操作，首先暂停播放上述广告数据，并记录当前播放的广告时间。其中，该广告时间用以记录上述广告数据的播放进度。
进一步地，客户端从上述第一页面切换到上述第二页面，并将上述广告窗口页面添加到上述第二页面。
步骤103：利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
在示出的一种实施方式中，若客户端在切换前记录广告视频帧，在从上述第一页面切换到上述第二页面后，可以基于上述广告视频帧，确定广告播放进度，从而利用上述广告播放器继续在上述广告窗口页面播放上述广告数据。
在示出的另一种实施方式中，若客户端在切换前记录当前播放的广告时间，在从上述第一页面切换到上述第二页面后，可以基于上述广告时间，确定广告播发进度，从而利用上述广告播放器继续在上述广告窗口页面播放上述广告数据。
以上述第一页面为直播间页面的节目窗口页面，上述第二页面为直播客户端跳出直播间页面后节目播放器重新生成的节目小窗口页面为例，对本申请广告播放的效果进行说明。
当客户端在图3所示的直播间页面播放节目媒体数据时，利用广告播放器生成广告窗口页面，并在上述广告窗口页面播放广告数据(图3中广告窗口页面覆盖于节目窗口页面之上，图3示出的正是广告数据的画面)。
客户端检测到切换操作，该切换操作为返回上一级页面的指令，除了将上述直播间页面切换到直播客户端的主页面，还要将节目窗口页面切换到节目播放器重新生成的节目小窗口页面，并将上述广告窗口页面添加到上述节目小窗口页面，继续播放上述广告数据。参见图4，为本申请示出的另一种直播客户端的主页面的示意图，如图4所示，虚线框内为广告窗口页面(图4中该广告窗口页面将节目小窗口页面覆盖)。客户端利用上述广告播放器继续在该广告窗口页面播放上述广告数据。
或者，当客户端在图3所示的直播间页面播放节目媒体数据时，检测到切换操作，该切换操作为返回电子设备的主页面的指令，除了将上述直播间页面切换到电子设备的主页面，还要将节目窗口页面切换到节目播放器重新生成的节目小窗口页面，并将上述广告窗口页面添加到上述节目小窗口页面，继续播放上述广告数据。参见图5，为本申请示出一种电子设备的主页面的示意图，如图5所示，虚线框内为广告窗口页面(图5中该广告窗口页面将节目小窗口页面)。客户端利用上述广告播放器继续在该广告窗口页面播放上述广告数据。
以上述第一页面为客户端跳出直播间页面后节目播放器生成的节目小窗口页面，上述第二页面为更改小窗口页面中播放的节目后节目播放器重新生成的节目小窗口页面为例，对本申请广告播放的效果进行说明。
当客户端在图4所示的直播客户端的主页面上的节目小窗口页面播放节目媒体数据时，利用广告播放器生成广告窗口页面，并在上述广告窗口页面播放广告数据(图4中广告窗口页面覆盖于节目小窗口页面之上，图4示出的正是广告数据的画面)。
客户端检测到切换操作，该操作为更改节目小窗口页面中播放的节目的指令，除了通过节目播放器重新获取更改后的节目媒体数据，还要将原有的节目小窗口页面切换到节目播放器重新生成的节目小窗口页面，并将上述广告窗口页面添加到重新生成的节目小窗口页面，继续播放上述广告数据。如图4所示，虚线框内为广告窗口页面(图4中该广告窗口页面将节目小窗口页面覆盖)，客户端切换节目小窗口页面时，可以利用广告播放器在上述广告窗口页面上持续播放广告，不会产生中断，也无需重新加载广告数据。
在本申请实施例中，客户端在上述第二页面利用上述广告播放器在上述广告窗口页面播放广告数据时，检测到上述切换操作。
客户端可以从上述第二页面切换到上述第一页面，并将上述广告窗口页面添加到上述第一页面。
当然，客户端在从上述第二页面切换到上述第一页面前，需要暂停播放上述广告数据，并记录当前播放的广告视频帧或广告时间。
此外，客户端在将上述广告窗口页面后，可以调整上述广告窗口页面的面积大小。比如：若上述第一页面为直播间页面的节目窗口页面，上述第二页面为节目小窗口页面，客户端将上述第二页面切换到第一页面后，可以增大上述广告窗口页面的面积，从而使得用户在直播间页面内能更清楚的浏览广告信息。
在切换到上述第一页面后，客户端可以将继续在上述广告窗口页面播放上述广告数据。
以上述第一页面为直播间页面的节目窗口页面，上述第二页面为直播客户端的节目小窗口页面为例，对本申请广告播放的效果进行说明。
当客户端在图4所示的直播客户端的主页面上的节目小窗口页面，利用广告播放器在广告窗口页面(图中虚线框内)播放广告数据，检测到切换操作时，除了将直播客户端的主页面切换到直播间页面，还需将上述节目小窗口页面切换到直播间页面的节目窗口页面。如图3所示，客户端在直播间页面内，利用上述广告播放器继续在上述广告窗口页面(图中虚线框内)播放上述广告数据。
综上所述，在本申请实施例中，客户端在第一页面播放节目媒体数据时，利用广告播放器生成广告窗口页面，并在上述广告窗口页面播放广告数据；当检测到切换操作，从上述第一页面切换到第二页面，并将上述广告窗口页面添加到上述第二页面，并利用上述广告播放器继续在上述广告窗口页面播放上述广告数据；
由于客户端在切换到第二页面后，将第一页面上的广告窗口页面添加到第二页面，并复用在第一页面使用的广告播放器继续在上述广告窗口页面播放广告数据，无需更换广告播放器，也无需重新生成广告窗口页面，因此，在切换页面后，无需重新加载广告数据，避免产生广告数据的中断和黑屏，从而保证用户良好的使用体验，也节省了流量和网络带宽。
与前述播放广告的方法的实施例相对应，本申请还提供了播放广告的装置的实施例。
如图6所示，该播放广告的装置60包括：
第一播放单元610，用于在第一页面播放节目媒体数据时，利用广告播放器生成广告窗口页面，并在所述广告窗口页面播放广告数据。
切换单元620，用于当检测到切换操作，从所述第一页面切换到第二页面，并将所述广告窗口页面添加到所述第二页面。
第二播放单元630，用于利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
在本例中，所述广告播放器包括视频解码控件和渲染控件。
在本例中，所述切换单元620，进一步用于：
当检测到所述切换操作，暂停播放所述广告数据，并记录当前播放的广告视频帧；
从所述第一页面切换到所述第二页面，并将所述广告窗口页面添加到所述第二页面；
所述第二播放单元630，进一步用于：
基于所述广告视频帧，利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
在本例中，所述切换单元620，进一步用于：
当检测到所述切换操作，暂停播放所述广告数据，并记录当前播放的广告时间；
从所述第一页面切换到所述第二页面，并将所述广告窗口页面添加到所述第二页面；
所述第二播放单元630，进一步用于：
基于所述广告时间，利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
在本例中，所述装置还包括：
所述切换单元620，进一步用于在所述第二页面利用所述广告播放器在所述广告窗口页面播放所述广告数据时，检测到所述切换操作；
从所述第二页面切换到所述第一页面，并将所述广告窗口页面添加到所述第一页面；
所述第二播放单元630，进一步用于利用所述广告播放器继续在所述广告窗口页面播放所述广告数据。
本申请播放广告的装置的实施例可以应用在电子设备上。装置实施例可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，作为一个逻辑意义上的装置，是通过其所在电子设备的处理器将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。
从硬件层面而言，如图7所示，为本申请示出的一种电子设备的硬件结构图，除了图7所示的处理器、内存、网络接口、以及非易失性存储器之外，实施例中电子设备通常根据该播放广告的装置的实际功能，还可以包括其他硬件，对此不再赘述。其中，该电子设备的内存和非易失性存储器中还分别搭载了上述第一播放单元610对应的机器可执行指令、上述切换单元620对应的机器可执行指令和上述第二播放单元630对应的机器可执行指令。
上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程，在此不再赘述。
对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本申请方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。
以上所述仅为本申请的较佳实施例而已，并不用以限制本申请，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请保护的范围之内。