CN113395570B - 一种数据展示方法、装置及电子设备 - Google Patents

Abstract

本发明提供了一种数据展示方法、装置及电子设备，本发明中，所述目标小程序的显示区域为所述目标小程序对应的小程序容器的设置区域，所述设置区域为预设视频播放软件的显示界面中与视频播放区域不同的指定区域，也就是说，同一显示界面能够同时显示目标小程序的显示区域和视频播放区域，进而小程序展示提示信息和视频播放能够在同一显示界面中，提高用户体验。进一步，小程序展示的提示信息直接基于视频播放信息确定并展示，无须用户操作，简化人机交互操作，也进一步提高用户体验。

Description

一种数据展示方法、装置及电子设备

技术领域

本发明涉及视频播放领域，更具体的说，涉及一种数据展示方法、装置及电子设备。

背景技术

随着视频技术的不断发展，使用播放软件播放视频的需求越来越多。

在使用播放软件进行视频播放的过程中，视频播放界面播放的物品，如商品，都有对应的展示信息，但是该展示信息对应的展示界面，一般是与视频播放界面不同的界面，若是需要观看该展示信息，则需要跳转到新的界面去观看该展示信息，此时用户无法继续进行视频播放，降低用户体验。

发明内容

有鉴于此，本发明提供一种数据展示方法、装置及电子设备，以解决在使用播放软件进行视频播放的过程中，若是需要观看视频播放界面播放的物品的展示信息，则需要跳转到新的界面去观看该展示信息，此时用户无法继续进行视频播放，降低用户体验的问题。

为解决上述技术问题，本发明采用了如下技术方案：

一种数据展示方法，应用于目标小程序，所述目标小程序的显示区域为所述目标小程序对应的小程序容器的设置区域，所述设置区域为预设视频播放软件的显示界面中与视频播放区域不同的指定区域；在所述播放区域开始播放视频的情况下，通过所述小程序容器加载所述目标小程序，以在所述显示区域显示所述目标小程序的显示界面，所述小程序容器设置有用于实现所述目标小程序与所述预设视频播放软件的通信的数据通信接口；

所述数据展示方法包括：

在所述视频播放区域播放视频的过程中，通过所述数据通信接口，接收所述预设视频播放软件发送的视频播放信息；

确定与所述视频播放信息对应的展示信息，并在所述显示区域显示所述展示信息。

可选地，所述视频播放信息包括视频播放时间；

确定与所述视频播放信息对应的展示信息，并在所述显示区域显示所述展示信息，包括：

获取预先设定的播放时间与展示信息的对应关系；

查询所述对应关系中是否存在与所述视频播放时间对应的展示信息；

若是，则在所述显示区域展示与所述视频播放时间对应的展示信息。

可选地，在所述显示区域显示所述展示信息之后，还包括：

接收用户在所述显示区域点击功能按键后生成的操作指令；所述显示区域显示有所述展示信息对应的多个功能按键；

响应所述操作指令，并执行与所述操作指令对应的操作。

可选地，所述视频播放信息包括视频播放内容；

确定与所述视频播放信息对应的展示信息，并在所述显示区域显示所述展示信息，包括：

获取预先设定的播放内容与展示信息的对应关系；

从所述对应关系中，查询是否存在与所述视频播放内容对应的展示信息；

若是，则在所述显示区域展示与所述视频播放内容对应的展示信息。

可选地，所述设置区域为预设视频播放软件的显示界面中除所述视频播放区域之外的区域。

一种数据展示装置，应用于目标小程序，所述目标小程序的显示区域为所述目标小程序对应的小程序容器的设置区域，所述设置区域为预设视频播放软件的显示界面中与视频播放区域不同的指定区域；在所述播放区域开始播放视频的情况下，通过所述小程序容器加载所述目标小程序，以在所述显示区域显示所述目标小程序的显示界面，所述小程序容器设置有用于实现所述目标小程序与所述预设视频播放软件的通信的数据通信接口；

所述数据展示装置包括：

信息接收模块，用于在所述视频播放区域播放视频的过程中，通过所述数据通信接口，接收所述预设视频播放软件发送的视频播放信息；

信息展示模块，用于确定与所述视频播放信息对应的展示信息，并在所述显示区域显示所述展示信息。

可选地，所述视频播放信息包括视频播放时间；

所述信息展示模块包括：

第一关系获取子模块，用于获取预先设定的播放时间与展示信息的对应关系；

第一信息查询子模块，用于查询所述对应关系中是否存在与所述视频播放时间对应的展示信息；

第一信息展示子模块，用于若是，则在所述显示区域展示与所述视频播放时间对应的展示信息。

可选地，还包括：

操作执行模块，用于接收用户在所述显示区域点击功能按键后生成的操作指令，响应所述操作指令，并执行与所述操作指令对应的操作；所述显示区域显示有所述展示信息对应的多个功能按键。

可选地，所述视频播放信息包括视频播放内容；

所述信息展示模块包括：

第二关系获取子模块，用于获取预先设定的播放内容与展示信息的对应关系；

第二信息查询子模块，用于从所述对应关系中，查询是否存在与所述视频播放内容对应的展示信息；

第二信息展示子模块，用于若是，则在所述显示区域展示与所述视频播放内容对应的展示信息。

一种电子设备，包括：存储器和处理器；

其中，所述存储器用于存储程序；

处理器调用程序并用于执行上述的数据展示方法。

相较于现有技术，本发明具有以下有益效果：

本发明提供了一种数据展示方法、装置及电子设备，本发明中，所述目标小程序的显示区域为所述目标小程序对应的小程序容器的设置区域，所述设置区域为预设视频播放软件的显示界面中与视频播放区域不同的指定区域，也就是说，同一显示界面能够同时显示目标小程序的显示区域和视频播放区域，进而小程序展示提示信息和视频播放能够在同一显示界面中，提高用户体验。进一步，小程序展示的提示信息直接基于视频播放信息确定并展示，无须用户操作，简化人机交互操作，也进一步提高用户体验。

附图说明

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

图1为本发明实施例中的一种显示界面的场景示意图；

图2为本发明实施例中的一种数据展示方法的方法流程图；

图3为本发明实施例中的另一种数据展示方法的方法流程图；

图4为本发明实施例中的一种数据展示方法的场景图；

图5为本发明实施例中的一种数据展示装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

在使用播放软件进行视频播放过程中，视频播放界面可能会出现某些物品，如商品，的提示信息，如某矿泉水的提示信息，该提示信息中，描述有可点击该提示信息即可查看详细的展示信息的文字，若是用户点击该提示信息，则会离开视频播放界面，跳转到新的界面来展示该物品的展示信息，此时用户无法观看播放的视频，用户体验较差。

为了解决上述技术问题，发明人经过研究发现，若是能够在视频播放场景下，在视频播放显示界面的下端，显示小程序界面，进而能够同时进行视频播放和小程序运行，小程序用于展示物品的展示信息，解决了在视频播放过程中，物品的展示信息和视频播放不再同一显示界面，若是观看展示信息，则无法继续播放视频的问题。

进一步，小程序展示的提示信息可以直接基于视频播放信息确定并展示，无须用户操作，简化人机交互操作，也进一步提高用户体验。

具体的，本发明中，所述目标小程序的显示区域为所述目标小程序对应的小程序容器的设置区域，所述设置区域为预设视频播放软件的显示界面中与视频播放区域不同的指定区域，也就是说，同一显示界面能够同时显示目标小程序的显示区域和视频播放区域，进而小程序展示提示信息和视频播放能够在同一显示界面中，提高用户体验。进一步，小程序展示的提示信息直接基于视频播放信息确定并展示，无须用户操作，简化人机交互操作，也进一步提高用户体验。

在上述内容的基础上，本发明的另一实施例提供了一种数据展示方法，应用于目标小程序，本实施例中的目标小程序可以依据实际场景而定，如可以是电商小程序、购物小程序等等。

所述目标小程序的显示区域为所述目标小程序对应的小程序容器的设置区域，所述设置区域为预设视频播放软件的显示界面中与视频播放区域不同的指定区域。

其中，本实施例中的预设视频播放软件可以是视频直播应用程序、视频播放程序等等。视频播放程序可以是播放器等。

预设视频播放软件的显示界面包括两个区域，一个是视频播放区域、一个是目标小程序的显示区域。在实际应用中，目标小程序的显示区域也是目标小程序对应的小程序容器的设置区域，该设置区域为预设视频播放软件的显示界面中除所述视频播放区域之外的区域，便于小程序的显示，具体如图1所示。其中，本实施例中的视频播放区域是指常规设置的区域。

此外，该设置区域也可以是显示界面中除视频播放区域之外的预设区域，如右下角、左下角等，设置区域可以依据实际情况而定。通过设置视频播放区域和设置区域，可以同时播放视频和展示小程序的内容，有效提高展示效率和展示效果，为用户提供更优质服务。

本实施例中的小程序容器为可以用于实现预设视频播放软件与目标小程序进行通信的软件。具体的，小程序容器可以是用于加载渲染小程序的定制webview，可以通过集成软件开发工具包(Software Development Kit，SDK)的功能，来实现预设视频播放软件与目标小程序的通信。其中，小程序容器可以设置在上述的目标小程序的显示区域，也即上述的设置区域。

为了实现预设视频播放软件与目标小程序通信的功能，所述小程序容器设置有用于实现所述目标小程序与所述预设视频播放软件的通信的数据通信接口，预设视频播放软件能够通过该数据通信接口发送视频播放信息至目标小程序。

本发明的另一实施例中，在所述播放区域开始播放视频的情况下，通过所述小程序容器加载所述目标小程序，以在所述显示区域显示所述目标小程序的显示界面。

具体的，目标小程序在播放区域开始播放视频时开始启动，此时，小程序容器加载所述目标小程序的软件开发工具包SDK，该SDK可以是位于小程序容器中，也可以是小程序容器向服务器请求得到。此时，小程序容器中设置有目标小程序的标识以及网络请求地址，小程序容器根据目标小程序的程序标识和网络请求地址，从服务器处下载打包好的目标小程序的SDK，之后小程序容器可以对目标小程序的SDK进行解压，获得解压后的SDK。之后，小程序容器可以在解压后的SDK中，查找目标小程序的启动文件和默认启动页面，，加载启动文件，在小程序容器在显示界面中的设置区域内打开目标小程序和渲染默认启动页面。

本实施例通过小程序容器来启动小程序，可以减少宿主应用程序的复杂度，减少宿主应用程序的运行负担和计算量，提高宿主应用程序的工作效率。

参照图2，本发明实施例提供的数据展示方法，可以包括：

S11、在所述视频播放区域播放视频的过程中，通过所述数据通信接口，接收所述预设视频播放软件发送的视频播放信息。

在实际应用中，视频播放区域可以根据用户需求进行视频播放，视频播放过程可以采用常规手段。

在视频播放过程中，预设视频播放软件可以实时监测正在播放的视频的视频播放信息，视频播放信息可以包括视频播放时间和/或视频播放内容，并将检测到的视频播放信息通过所述数据通信接口传输至目标小程序。

S12、确定与所述视频播放信息对应的展示信息，并在所述显示区域显示所述展示信息。

在实际应用中，在视频播放信息的内容不同时，展示信息的确定过程也不同，现分别介绍：

1、在所述视频播放信息包括视频播放时间的情况下，参照图3，步骤S12可以包括：

S21、获取预先设定的播放时间与展示信息的对应关系。

在实际应用中，目标小程序的后台服务器可以预先设定播放时间与展示信息的对应关系，其中，该对应关系中可以包括某些关键时间点与展示信息的对应关系，如在视频播放时间为5分钟时，会播放矿泉水的视频，此时可以获取矿泉水的展示信息，并建立视频播放时间和矿泉水的展示信息的对应关系，进而在视频播放时间为5分钟时时，可以在目标小程序的显示界面显示矿泉水的展示信息。其中，展示信息可以是矿泉水的详细介绍、购买方式、加入购物车等等。这些矿泉水的详细介绍、购买方式、加入购物车等等均可以是以功能按键的形式展示，若是用户点击某一功能按键，则目标小程序的显示界面则展示该功能按键对应的详细页面，如点击详细介绍，则展开对该矿泉水的详细说明，若是点击购买按钮，则直接跳转到购买界面。

对于对应关系中设定的某些关键时间点之外的其余时间，在该其余时间时，可以不展示信息，也可以展示某些预设展示信息，如目标小程序的首页面、所有的展示信息的导航信息等等。

S22、查询所述对应关系中是否存在与所述视频播放时间对应的展示信息；若是，则执行步骤S23；若否，则执行步骤S24。

S23、在所述显示区域展示与所述视频播放时间对应的展示信息。

S24、在显示区域展示预设展示信息。

具体的，从该对应关系中，查询是否有该视频播放时间对应的展示信息，若有，则展示与所述视频播放时间对应的展示信息，也就是说，可以在视频播放到某一物品时，目标小程序同步展示该物品的展示信息，实现了视频播放和数据展示的同步。如在视频播放到杯子界面时，播放杯子的展示信息，在视频播放到彩笔界面时，播放彩笔的展示信息。

若否，则在显示区域展示预设展示信息，预设展示信息可以是上述的目标小程序的首页面、所有的展示信息的导航信息等等。

在所述显示区域显示所述展示信息或展示预设展示信息之后，还包括：

1)接收用户在所述显示区域点击功能按键后生成的操作指令；所述显示区域显示有所述展示信息对应的多个功能按键。

2)响应所述操作指令，并执行与所述操作指令对应的操作。

具体的，本实施例中的功能按键即为上述的详细介绍、购买方式、加入购物车等按键。

若用户点击某一功能按键后，目标小程序会接收到点击该按键生成的操作指令，然后响应所述操作指令，并执行与所述操作指令对应的操作，如点击购买按钮，则跳转到购买界面，整个购买流程可以直接在小程序内部完整实现，无须跳转到外部界面。

2、在所述视频播放信息包括视频播放内容的情况下，步骤S12可以包括：

获取预先设定的播放内容与展示信息的对应关系，从所述对应关系中，查询是否存在与所述视频播放内容对应的展示信息，若是，则在所述显示区域展示与所述视频播放内容对应的展示信息。

具体的，本实施例的具体实现方式与上述的视频播放时间的具体实现方式类似，请参照上述相应说明，在此不再赘述。

本实施例中，所述目标小程序的显示区域为所述目标小程序对应的小程序容器的设置区域，所述设置区域为预设视频播放软件的显示界面中与视频播放区域不同的指定区域，也就是说，同一显示界面能够同时显示目标小程序的显示区域和视频播放区域，进而小程序展示提示信息和视频播放能够在同一显示界面中，提高用户体验。进一步，小程序展示的提示信息直接基于视频播放信息确定并展示，无须用户操作，简化人机交互操作，也进一步提高用户体验。

另外，本发明实施例实现了视频播放和数据展示的同步，进而能够将电商小程序与视频播放软件的集成，用户在观看视频的过程中，便可以在目标小程序的展示界面购买商品，即实现视频APP中小程序通过实时获取视频内容推荐关联商品，并引导用户直接在小程序内部完成整个购买流程，达成提升购买转化率的最终效果，从而使得整个商品购买流程从商品关联推荐到商品完成购买都可以在目标小程序的展示界面内完成，用户整个操作流程与感受都可以达到很好的状态。

此外，本发明可以将多种小程序与播放器集成，设计出符合视频需求的各种小程序。

上述实施例提及了数据通信接口，现结合图4进行详细说明。

具体的，参照图4，目标小程序中分为视图层、逻辑层、JS Bridge层，其中，视图层用于展示小程序的显示界面，逻辑层用于执行小程序的运行逻辑，逻辑层即为小程序的SDK，JS Bridge层实现小程序与小程序容器的交互，并通过小程序容器的数据通信接口与预设视频播放软件通信。

可选地，在上述数据展示方法的实施例的基础上，本发明的另一实施例提供了一种数据展示装置，应用于目标小程序，所述目标小程序的显示区域为所述目标小程序对应的小程序容器的设置区域，所述设置区域为预设视频播放软件的显示界面中与视频播放区域不同的指定区域；在所述播放区域开始播放视频的情况下，通过所述小程序容器加载所述目标小程序，以在所述显示区域显示所述目标小程序的显示界面，所述小程序容器设置有用于实现所述目标小程序与所述预设视频播放软件的通信的数据通信接口；

所述数据展示装置包括：

信息接收模块11，用于在所述视频播放区域播放视频的过程中，通过所述数据通信接口，接收所述预设视频播放软件发送的视频播放信息；

信息展示模块12，用于确定与所述视频播放信息对应的展示信息，并在所述显示区域显示所述展示信息。

进一步，所述视频播放信息包括视频播放时间；

所述信息展示模块包括：

第一关系获取子模块，用于获取预先设定的播放时间与展示信息的对应关系；

第一信息查询子模块，用于查询所述对应关系中是否存在与所述视频播放时间对应的展示信息；

第一信息展示子模块，用于若是，则在所述显示区域展示与所述视频播放时间对应的展示信息。

进一步，还包括：

操作执行模块，用于接收用户在所述显示区域点击功能按键后生成的操作指令，响应所述操作指令，并执行与所述操作指令对应的操作；所述显示区域显示有所述展示信息对应的多个功能按键。

进一步，所述视频播放信息包括视频播放内容；

所述信息展示模块包括：

第二关系获取子模块，用于获取预先设定的播放内容与展示信息的对应关系；

第二信息查询子模块，用于从所述对应关系中，查询是否存在与所述视频播放内容对应的展示信息；

第二信息展示子模块，用于若是，则在所述显示区域展示与所述视频播放内容对应的展示信息。

进一步，所述设置区域为预设视频播放软件的显示界面中除所述视频播放区域之外的区域。

本实施例中，所述目标小程序的显示区域为所述目标小程序对应的小程序容器的设置区域，所述设置区域为预设视频播放软件的显示界面中与视频播放区域不同的指定区域，也就是说，同一显示界面能够同时显示目标小程序的显示区域和视频播放区域，进而小程序展示提示信息和视频播放能够在同一显示界面中，提高用户体验。进一步，小程序展示的提示信息直接基于视频播放信息确定并展示，无须用户操作，简化人机交互操作，也进一步提高用户体验。

另外，本发明实施例实现了视频播放和数据展示的同步，进而能够将电商小程序与视频播放软件的集成，用户在观看视频的过程中，便可以在目标小程序的展示界面购买商品，即实现视频APP中小程序通过实时获取视频内容推荐关联商品，并引导用户直接在小程序内部完成整个购买流程，达成提升购买转化率的最终效果，从而使得整个商品购买流程从商品关联推荐到商品完成购买都可以在目标小程序的展示界面内完成，用户整个操作流程与感受都可以达到很好的状态。

此外，本发明可以将多种小程序与播放器集成，设计出符合视频需求的各种小程序。

需要说明的是，本实施例中的各个模块和子模块的工作过程，请参照上述实施例中的相应说明，在此不再赘述。

可选地，在上述数据展示方法及装置的实施例的基础上，本发明的另一实施例提供了一种电子设备，包括：存储器和处理器；

其中，所述存储器用于存储程序；

处理器调用程序并用于执行上述的数据展示方法。

具体的，本实施例中的电子设备为承载目标小程序的电子设备。

本实施例中，所述目标小程序的显示区域为所述目标小程序对应的小程序容器的设置区域，所述设置区域为预设视频播放软件的显示界面中与视频播放区域不同的指定区域，也就是说，同一显示界面能够同时显示目标小程序的显示区域和视频播放区域，进而小程序展示提示信息和视频播放能够在同一显示界面中，提高用户体验。进一步，小程序展示的提示信息直接基于视频播放信息确定并展示，无须用户操作，简化人机交互操作，也进一步提高用户体验。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (5)

1.一种数据展示方法，其特征在于，应用于目标小程序，所述目标小程序的显示区域为所述目标小程序对应的小程序容器的设置区域，所述设置区域为预设视频播放软件的显示界面中与视频播放区域不同的指定区域；在所述播放区域开始播放视频的情况下，通过所述小程序容器加载所述目标小程序，以在所述显示区域显示所述目标小程序的显示界面，所述小程序容器设置有用于实现所述目标小程序与所述预设视频播放软件的通信的数据通信接口；

所述数据展示方法包括：

在所述视频播放区域播放视频的过程中，通过所述数据通信接口，接收所述预设视频播放软件发送的视频播放信息；

确定与所述视频播放信息对应的展示信息，并在所述显示区域显示所述展示信息，所述展示信息具体是商品的详细介绍、购买方式、加入购物车中的一种或多种；

所述视频播放信息包括视频播放时间；

确定与所述视频播放信息对应的展示信息，并在所述显示区域显示所述展示信息，包括：

获取预先设定的视频播放时间与展示信息的对应关系；

查询所述对应关系中是否存在与所述视频播放时间对应的展示信息；

若是，则在所述显示区域展示与所述视频播放时间对应的展示信息；

所述设置区域为预设视频播放软件的显示界面中除所述视频播放区域之外的区域；

所述视频播放信息包括视频播放内容；

确定与所述视频播放信息对应的展示信息，并在所述显示区域显示所述展示信息，包括：

获取预先设定的播放内容与展示信息的对应关系；

从所述对应关系中，查询是否存在与所述视频播放内容对应的展示信息；

若是，则在所述显示区域展示与所述视频播放内容对应的展示信息。

2.根据权利要求1所述的数据展示方法，其特征在于，在所述显示区域显示所述展示信息之后，还包括：

接收用户在所述显示区域点击功能按键后生成的操作指令；所述显示区域显示有所述展示信息对应的多个功能按键；

响应所述操作指令，并执行与所述操作指令对应的操作。

3.一种数据展示装置，其特征在于，应用于目标小程序，所述目标小程序的显示区域为所述目标小程序对应的小程序容器的设置区域，所述设置区域为预设视频播放软件的显示界面中与视频播放区域不同的指定区域；在所述播放区域开始播放视频的情况下，通过所述小程序容器加载所述目标小程序，以在所述显示区域显示所述目标小程序的显示界面，所述小程序容器设置有用于实现所述目标小程序与所述预设视频播放软件的通信的数据通信接口；

所述数据展示装置包括：

信息接收模块，用于在所述视频播放区域播放视频的过程中，通过所述数据通信接口，接收所述预设视频播放软件发送的视频播放信息；

信息展示模块，用于确定与所述视频播放信息对应的展示信息，并在所述显示区域显示所述展示信息，所述展示信息具体是商品的详细介绍、购买方式、加入购物车中的一种或多种；

所述信息展示模块包括：

第一关系获取子模块，用于获取预先设定的视频播放时间与展示信息的对应关系；

第一信息查询子模块，用于查询所述对应关系中是否存在与所述视频播放时间对应的展示信息；

第一信息展示子模块，用于若是，则在所述显示区域展示与所述视频播放时间对应的展示信息；

所述视频播放信息包括视频播放内容；

所述信息展示模块包括：

第二关系获取子模块，用于获取预先设定的播放内容与展示信息的对应关系；

第二信息查询子模块，用于从所述对应关系中，查询是否存在与所述视频播放内容对应的展示信息；

第二信息展示子模块，用于若是，则在所述显示区域展示与所述视频播放内容对应的展示信息；

所述设置区域为预设视频播放软件的显示界面中除所述视频播放区域之外的区域。

4.根据权利要求3所述的数据展示装置，其特征在于，还包括：

操作执行模块，用于接收用户在所述显示区域点击功能按键后生成的操作指令，响应所述操作指令，并执行与所述操作指令对应的操作；所述显示区域显示有所述展示信息对应的多个功能按键。

5.一种电子设备，其特征在于，包括：存储器和处理器；

其中，所述存储器用于存储程序；

处理器调用程序并用于执行如权利要求1-2任一项所述的数据展示方法。

Images