[发明专利]视频播放的方法、设备、客户端装置及电子设备

说明书

公开了一种视频播放的方法、设备、客户端装置及电子设备。其中，该方法包括：响应于针对覆盖页功能按钮的点击操作，Native端获取视频覆盖层的URL，并从所述视频覆盖层的URL中获取第一JS Bundle文件，所述第一JS Bundle文件用于描述Weex视频覆盖页的待显示内容；所述Native端将所述第一JS Bundle文件预加载至Native App中；所述Native端创建所述Weex视频覆盖页；所述Native端从所述Native App中的所述第一JS Bundle文件中获取所述待显示内容，在所述Weex视频覆盖页中进行显示。

技术领域

本发明涉及计算机软件技术领域，更具体地，涉及一种视频播放的方法、设备、客户端装置及电子设备。

背景技术

在目前的应用开发过程中，使用具有“发布即更新”、“一条URL可适配多端”的H5技术进行开发页面应用，虽然简单高效，但很是很难获取原生(Native)应用的富交互的性能体验。因此，可以兼顾开发效率和性能体验的应用开发框架，例如Weex框架应运而生。

目前，通过Weex这类应用框架开发的应用，例如视频播放应用，通常会通过原生(Native)组件实现视频播放功能。在视频播放时会存在打开例如支付、信息介绍等功能页的需求。在视频播放时，若用户点击了打开功能页对应的按钮，就需要从视频播放页面跳转至对应的功能页。

通常，这些功能页是通过非原生组件实现的。从原生页面跳转至非原生页面耗时较长，容易出现卡顿现象，用户体验不好。

发明内容

本公开的一个目的是提供一种视频播放的新技术方案。

根据本公开的第一方面，提供了一种视频播放的方法，其中，所述方法包括：

响应于针对覆盖页功能按钮的点击操作，Native端获取视频覆盖层的URL，并从所述视频覆盖层的URL中获取第一JS Bundle文件，所述第一JS Bundle文件用于描述Weex视频覆盖页的待显示内容；

所述Native端将所述第一JS Bundle文件预加载至Native App中；

所述Native端创建所述Weex视频覆盖页；

所述Native端从所述Native App中的所述第一JS Bundle文件中获取所述待显示内容，在所述Weex视频覆盖页中进行显示。

可选地，其中，所述Native端从所述Native APP中获取所述待显示内容，在所述Weex视频覆盖页中进行显示的步骤之后，所述方法还包括：

响应于针对所述待显示内容的点击操作，所述Weex视频覆盖页向所述Native端传递事件消息；

所述Native端根据所述事件消息，执行对应的事件处理操作；

所述Native端在所述事件处理操作结束后，向所述Weex视频覆盖页传递事件处理结果；

所述Weex视频覆盖页根据所述事件处理结果进行更新。

可选地，所述方法还包括：

响应于针对待播放视频的播放请求，所述Native端创建Weex视频播放页；

所述Weex视频播放页创建播放器，设置播放器参数并传递给所述Native端；

所述Native端判断出所述播放器参数中包含视频覆盖页时，在所述播放器上显示所述覆盖页功能按钮，所述覆盖页功能按钮用于打开所述Weex视频覆盖页。

可选地，其中，所述Native端创建Weex视频播放页的步骤，包括：