CN113626130A - 视频应用程序的处理方法、装置、计算机设备及存储介质 - Google Patents

Abstract

本申请提供了一种视频应用程序的处理方法、装置、计算机设备及存储介质，涉及视频处理技术领域，用于提高视频应用程序处理的效率。方法主要包括：获取用户在视频应用程序中目标视频界面下达的weex控制指令，weex控制指令属于所述视频应用程序中由weex语言编写的用户界面weex控制程序，所述weex控制程序在所述目标视频界面显示有对应的weex控制图标；获取与weex控制指令对应的weex控制程序；调用与weex控制程序对应的native控制程序；执行所述native控制程序，并将执行所述native控制程序的结果返回给对应的weex控制程序，以使weex控制程序加载并显示所述native控制程序的结果。

Description

视频应用程序的处理方法、装置、计算机设备及存储介质

技术领域

本申请涉及视频处理技术领域，尤其涉及一种视频应用程序的处理的方法、装置、计算机设备及存储介质。

背景技术

在当今社会视频是用户社交和网络内容消费的重要组成部分，越来越多的人花在观看视频上的时间和流量呈快速的上涨趋势。让用户能够拥有一个好的视频观看体验是众多公司争夺的焦点。常见的视频开发方式有Native APP开发和跨平台开发。

Native App是一种基于智能手机本地操作系统如iOS、Android，使用原生程序编写运行的第三方应用程序。Native App能够提供良好的用户体验，高效的交互。劣势是无法跨平台，开发和维护的成本比较大，各个系统独立开发；再是发布成本高，需要通过AppStore或Market的审核，导致更新缓慢。

目前，使用原生程序对视频应用程序进行升级、增加或修改功能时，需要对更新的视频播放器进行发版，而频繁对视频播放器进行发版，视频应用程序处理的效率较低，不适合灵活多变的视频应用程序。

发明内容

本申请实施例提供一种视频应用程序的处理方法、装置、计算机设备及存储介质，用于提高视频应用程序处理的效率。

本发明实施例提供一种视频应用程序的处理方法，所述方法包括：

获取用户在视频应用程序中目标视频界面下达的weex控制指令，所述weex控制指令属于所述视频应用程序中由weex语言编写的用户界面weex控制程序，所述weex控制程序在所述目标视频界面显示有对应的weex控制图标；

获取与所述weex控制指令对应的weex控制程序；

调用与所述weex控制程序对应的native控制程序；

执行所述native控制程序，并将执行所述native控制程序的结果返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述native控制程序的结果。

本发明实施例提供一种视频应用程序的处理装置，所述装置包括：

获取模块，用于获取用户在视频应用程序中目标视频界面下达的weex控制指令，所述weex控制指令属于所述视频应用程序中由weex语言编写的用户界面weex控制程序，所述weex控制程序在所述目标视频界面显示有对应的weex控制图标；

所述获取模块，还用于获取与所述weex控制指令对应的weex控制程序；

调用模块，用于调用与所述weex控制程序对应的native控制程序；

执行模块，用于执行所述native控制程序，并将执行所述native控制程序的结果返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述native控制程序的结果。一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述视频应用程序的处理方法。

一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述视频应用程序的处理方法。

本发明提供一种视频应用程序的处理方法、装置、计算机设备及存储介质，首先获取用户在视频应用程序中目标视频界面下达的weex控制指令，获取与weex控制指令对应的weex控制程序；调用与weex控制程序对应的native控制程序；执行native控制程序，并将执行native控制程序的结果返回给对应的weex控制程序，以使weex控制程序加载并显示native控制程序的结果。即本发明在视频应用程序中兼容支持weex控制程序和Native控制程序的加载和展示，实现了weex控制程序与native控制程序间的相互调用，既通过weex控制程序实现了多种平台的开发，降低了开发成本，又具备视频的流畅的播放和优良的性能，进而提高了视频应用程序处理的效率。

附图说明

图1为本申请提供的一种视频应用程序的处理方法流程图；

图2为本申请提供的视频应用程序的处理装置的结构示意图；

图3为本申请提供的计算机设备的一示意图。

具体实施方式

为了更好的理解上述技术方案，下面通过附图以及具体实施例对本申请实施例的技术方案做详细的说明，应当理解本申请实施例以及实施例中的具体特征是对本申请实施例技术方案的详细的说明，而不是对本申请技术方案的限定，在不冲突的情况下，本申请实施例以及实施例中的技术特征可以相互组合。

请参阅图1，为本发明当中的视频应用程序的处理方法，该方法具体包括步骤S101-步骤S104：

步骤S101，获取用户在视频应用程序中目标视频界面下达的weex控制指令。

其中，所述weex控制指令属于所述视频应用程序中由weex语言编写的用户界面weex控制程序，所述weex控制程序在所述目标视频界面显示有对应的weex控制图标。需要说明的是，Weex 是一款开源的轻量级的移动端跨平台动态性技术解决方案，作为通用跨平台的 Web 开发语言，支持iOS、Android、Web等多端部署，并且具备动态性，能随时进行更新，支持灵活及时修改功能，适应快速变化的需求以及各种异常情况。

在本发明实施例中，weex控制指令具体为可以为目标视频界面中显示的控制指令，可以通过点击weex控制图标下达对应的weex控制指令。weex控制指令至少包括以下控制指令中的一种或多种；播放控制指令、暂停控制指令、音量控制指令、亮度控制指令、横竖屏控制指令、播放进度控制指令。例如，该weex控制指令具体可以为：视频播放指令、视频暂停指令、视频快进指令、视频快退指令等对视频操作的指令，还可以为对视频进行评论、点赞等指令，本发明实施例不做具体限定。

步骤S102，获取与所述weex控制指令对应的weex控制程序。

在本实施例中，不同的weex控制指令对应不同的weex控制程序。例如，weex视频播放指令，对应视频播放控制程序；weex视频音量控制指令，对应视频音量控制程序，本发明实施例不做具体限定。

需要说明的是，本实施例在获取与所述weex控制指令对应的weex控制程序之前，需要设置不同weex控制指令对应的weex控制程序。即首先需要对视频应用程序中对weex需要的组件（weex控制程序）进行注册，其中该组件为需要weex实现的功能，可以为weex控制指令，也可以为视频应程序中的显示控件（如显示图片、弹出的广告等）。然后对weex无法实现的功能进行注册，即weex本身没有而需要native去实现的方法和操作，例如weex中没有图片下载逻辑、导航跳转等能力，项目中总有些功能是内置的组件无法实现的，这时候需要自定义组件，例如本发明实施例中的native播放器组件。其中，自定义组件需要提供的方法：上加上注解用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联，并加上组件名称，作为JS端调用的方法名。

进一步的，对于属于非UI的特定功能，比如网络通信功能，在本地注册供JS运行时调用。在对weex需要的组件进行注册后，就可以扩展一些weex没有提供的能力给JS，让JS功能更加完善。native注册Module（模块）时，在模块工厂字典中保存了模块的名称及对应的模块工程。本实施例中通过注册的网络通信模块来实现网络请求的能力，声明后通过调用即完成了网络请求的实现，例如通过weex与native约定好的API，调用native的相应方法实现网络请求。得到网络返回后，通过回调把数据传递给weex。

步骤S103，调用与所述weex控制程序对应的native控制程序。

在本发明实施例中，在对weex组件以及native组件进行注册后，即设置好weex控制程序以及native控制程序之后，需要设置weex控制程序与native控制程序之间的对应关系，以便于根据该对应关系，调用与所述weex控制程序对应的native控制程序。例如，用户在视频应用程序中点击视频播放按钮（即下达的weex控制指令），则获取weex视频播放控制程序，由于weex不具备视频播放功能，因此在weex视频播放控制程序中设置程序指令，该程序指令指示调用对应功能的native控制程序，即通过调用对应的native视频播放控制程序，实现视频播放功能。

在本发明提供的一个可选实施例中，该方法还可以包括：为所述weex控制程序和与其对应的native控制程序构建通信接口，所述通信接口用于实现所述weex控制程序和所述native控制程序之间的双向通信；相应的，所述调用与所述weex控制程序对应的native控制程序，包括：通过所述通信接口，调用与所述weex控制程序对应的native控制程序。

具体的，本实施例在weex控制程序与native控制程序之间定制了一套用于双向通讯的API规范，通过JSFramework以及封装的JSAPI中间件完成Weex与Native的方法调用、回调处理和状态监听。该双向通讯的API规范可实现播放/暂停控制、音量控制、亮度控制、横竖屏控制、播放进度控制等控制指令，本发明实施例对此不做具体限定。

例如，视频页面加载完后，weex调用native播放器的Play方法执行视频的播放操作，native获取到视频的播放进度，实时通过方法调用将进度返回给weex。当播放进度达到100%时，native发出播放完成的通知，weex接到通知后，准备播放下一条视频资源，同时将本视频相关资源释放，回收内存。

进一步的，在本发明提供的一个可选的实施例中，对weex页面进行了封装，在视频应用过程中发现在onBind回调中由于每次重新创建耗费性能和资源导致加载会发生闪动，所以weex在加载完成后将返回的View存储到Map当中进行缓存，下次如果数据未发生变化，则直接取Map中的View显示，提高了页面加载效率和体验。

步骤S104，执行所述native控制程序，并将执行所述native控制程序的结果返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述native控制程序的结果。

本发明提供一种视频应用程序的处理方法，首先获取用户在视频应用程序中目标视频界面下达的weex控制指令，获取与weex控制指令对应的weex控制程序；调用与weex控制程序对应的native控制程序；执行native控制程序，并将执行native控制程序的结果返回给对应的weex控制程序，以使weex控制程序加载并显示native控制程序的结果。即本发明在视频应用程序中兼容支持weex控制程序和Native控制程序的加载和展示，实现了weex控制程序与native控制程序间的相互调用，既通过weex控制程序实现了多种平台的开发，降低了开发成本，又具备视频的流畅的播放和优良的性能，进而提高了视频应用程序处理的效率。

在本发明提供的一个可选实施例中，在获取用户在视频应用程序中目标视频界面下达的weex控制指令之前，所述方法还包括：

步骤S201，获取与所述目标视频界面对应的weex数据和native数据。

步骤S202，根据所述weex数据和所述native数据加载显示所述目标视频界面。

其中，所述weex数据对应所述目标视频界面中的weex显示图形，所述native数据对应所述目标视频界面中的native显示图形。

具体的，native执行JS bundle，完成数据绑定、创建虚拟dom、渲染组件，同时根据div中的视频组件标签寻找到native视频相关类，开始加载native视屏组件，最后进行属性样式更新和绑定事件等操作。native的UI线程根据当前页面元素类型进行渲染，先显示顶层weex视频信息页面，主要包含视频封面、视频简介、当前评价等信息。最后将weex视频信息页面放置在native视屏页面的上端，对用户无感。

在本发明提供的一个可选实施例中，若所述weex控制指令为播放指令，步骤S104执行所述native控制程序，并将执行所述native控制程序的结果返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述native控制程序的结果，包括：

步骤S301，执行视频的播放操作，并获取视频的播放进度。

在本实施例中，native请求获取远端的视频JS Bundle, 获取到后主动创建页面实例，然后通过调用创建实例的方法，传入实例id、bundleUrl、weexParams、sessionParams等信息，创建weex页面。页面创建时从bundleUrl取相应资源文件，从weexParams和sessionParams获取页面入参，获取到参数后绘制视频封面图，获取视频url进行播放准备。

当native视频组件获取到视频url后开始准备播放，Weex播放器数据结构参见表1。native接到播放指令和播放参数后，按照制定的播放样式去下载和缓存在线视频。

表1

当native视频组件缓冲完成准备播放时，native调用JS方法，并传入当前播放状态、时间戳等相应的参数，告知播放状态发生变更，weex将显示视频海报的视频封面页面隐藏，显示位于下层的native播放页面，让用户开始观看视频。

播放过程中native定时调用播放进度接口，供weex页面上播放进度滑块正常显示当前视频播放进度。播放过程中，用户点击视频页面上的暂停按钮，weex页面捕获到用户操作，调用native的暂停功能。类似的，weex调用native还包含滑动进度滑块变更播放进度；点击页面变更播放状态暂停或者播放，横竖屏播放切换，音量控制，静音控制、亮度控制等；当native播放器的播放进度达到100%后，native发出播放结束通知，weex监听到本通知后，获取到相关数据，将本视频页面移除，自动滑动到下一条视频，准备加载播放。类似的，native调用weex还包含播放状态变更、播放异常报错等。

步骤S302，将所述视频的播放进度返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述播放进度。

步骤S303，当所述视频的播放进度达到百分之百时，向对应的weex控制程序发送播放完成通知，以使所述weex控制程序加载并显示下一视频资源。

进一步的，当用户点击返回按钮，进行当前weex页面的关闭操作。native会将当前页面移除堆栈返回到上一页面，页面移除后调用本地的dealloc方法执行相关对象的释放和回收。同时会向weex主动发出销毁实例destroyInstance命令，weex监听到后调用已注册服务的destroy函数，并调用vue的destroyInstance方法，vue会执行相应的$destroy钩子函数，释放当前dom等资源以及内存。

本实施例提供的视频应用程序的处理方法，在同一页面兼容支持Weex和Native页面的加载和展示，同时构建了Weex与Native之间灵活高效的通信接口，实现了Weex与Native组件间的相互调用，具体包含视频进度控制、音量控制、亮度控制、点赞评论等丰富的控制功能。既通过Weex页面实现了iOS、Android、Web三端跨平台的开发降低了开发成本，支持了视频封面、评论、点赞等视频信息的灵活变更不需要发版，又兼容了Native的视频组件实现播放功能，具备Native应用的流畅的播放和优良的性能，提升了用户观看体验。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

在一实施例中，提供一种视频应用程序的处理装置，该视频应用程序的处理装置与上述实施例中视频应用程序的处理方法一一对应。如图2所示，所述视频应用程序的处理装置各功能模块详细说明如下：

获取模块10，用于获取用户在视频应用程序中目标视频界面下达的weex控制指令，所述weex控制指令属于所述视频应用程序中由weex语言编写的用户界面weex控制程序，所述weex控制程序在所述目标视频界面显示有对应的weex控制图标；

所述获取模块10，还用于获取与所述weex控制指令对应的weex控制程序；

调用模块20，用于调用与所述weex控制程序对应的native控制程序；

执行模块30，用于执行所述native控制程序，并将执行所述native控制程序的结果返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述native控制程序的结果。

在本发明提供的一个可选实施例中，所述装置还包括：构建模块40；

所述构建模块40，用于为所述weex控制程序和与其对应的native控制程序构建通信接口，所述通信接口用于实现所述weex控制程序和所述native控制程序之间的双向通信；

所述调用模块20，用于通过所述通信接口，调用与所述weex控制程序对应的native控制程序。

在本发明提供的一个可选实施例中，所述获取模块10，还用于获取与所述目标视频界面对应的weex数据和native数据；

所述执行模块30，还用于根据所述weex数据和所述native数据加载显示所述目标视频界面，所述weex数据对应所述目标视频界面中的weex显示图形，所述native数据对应所述目标视频界面中的native显示图形。

在本发明提供的一个可选实施例中，所述weex控制指令至少包括以下控制指令中的一种或多种；播放控制指令、暂停控制指令、音量控制指令、亮度控制指令、横竖屏控制指令、播放进度控制指令。

在本发明提供的一个可选实施例中，若所述weex控制指令为播放指令，所述执行模块30，具体用于：执行视频的播放操作，并获取视频的播放进度；将所述视频的播放进度返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述播放进度。

在本发明提供的一个可选实施例中，所述执行模块30，还用于当所述视频的播放进度达到百分之百时，向对应的weex控制程序发送播放完成通知，以使所述weex控制程序加载并显示下一视频资源。

关于视频应用程序的处理装置的具体限定可以参见上文中对于视频应用程序的处理方法的限定，在此不再赘述。上述设备中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图3所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种视频应用程序的处理方法。

在一个实施例中，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现以下步骤：

获取用户在视频应用程序中目标视频界面下达的weex控制指令，所述weex控制指令属于所述视频应用程序中由weex语言编写的用户界面weex控制程序，所述weex控制程序在所述目标视频界面显示有对应的weex控制图标；

获取与所述weex控制指令对应的weex控制程序；

调用与所述weex控制程序对应的native控制程序；

执行所述native控制程序，并将执行所述native控制程序的结果返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述native控制程序的结果。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：

获取用户在视频应用程序中目标视频界面下达的weex控制指令，所述weex控制指令属于所述视频应用程序中由weex语言编写的用户界面weex控制程序，所述weex控制程序在所述目标视频界面显示有对应的weex控制图标；

获取与所述weex控制指令对应的weex控制程序；

调用与所述weex控制程序对应的native控制程序；

执行所述native控制程序，并将执行所述native控制程序的结果返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述native控制程序的结果。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器（ROM）、可编程ROM（PROM）、电可编程ROM（EPROM）、电可擦除可编程ROM（EEPROM）或闪存。易失性存储器可包括随机存取存储器（RAM）或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM（SRAM）、动态RAM（DRAM）、同步DRAM（SDRAM）、双数据率SDRAM（DDRSDRAM）、增强型SDRAM（ESDRAM）、同步链路（Synchlink） DRAM（SLDRAM）、存储器总线（Rambus）直接RAM（RDRAM）、直接存储器总线动态RAM（DRDRAM）、以及存储器总线动态RAM（RDRAM）等。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。

以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。

Claims (10)

1.一种视频应用程序的处理方法，其特征在于，所述方法包括：

获取用户在视频应用程序中目标视频界面下达的weex控制指令，所述weex控制指令属于所述视频应用程序中由weex语言编写的用户界面weex控制程序，所述weex控制程序在所述目标视频界面显示有对应的weex控制图标；

获取与所述weex控制指令对应的weex控制程序；

调用与所述weex控制程序对应的native控制程序；

执行所述native控制程序，并将执行所述native控制程序的结果返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述native控制程序的结果。

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

为所述weex控制程序和与其对应的native控制程序构建通信接口，所述通信接口用于实现所述weex控制程序和所述native控制程序之间的双向通信；

所述调用与所述weex控制程序对应的native控制程序，包括：

通过所述通信接口，调用与所述weex控制程序对应的native控制程序。

3.根据权利要求1所述的方法，其特征在于，在获取用户在视频应用程序中目标视频界面下达的weex控制指令之前，所述方法还包括：

获取与所述目标视频界面对应的weex数据和native数据；

根据所述weex数据和所述native数据加载显示所述目标视频界面，所述weex数据对应所述目标视频界面中的weex显示图形，所述native数据对应所述目标视频界面中的native显示图形。

4.根据权利要求1-3任一项所述的方法，其特征在于，所述weex控制指令至少包括以下控制指令中的一种或多种；

播放控制指令、暂停控制指令、音量控制指令、亮度控制指令、横竖屏控制指令、播放进度控制指令。

5.根据权利要求4所述的方法，其特征在于，若所述weex控制指令为播放指令，所述执行所述native控制程序，并将执行所述native控制程序的结果返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述native控制程序的结果，包括：

执行视频的播放操作，并获取视频的播放进度；

将所述视频的播放进度返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述播放进度。

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

当所述视频的播放进度达到百分之百时，向对应的weex控制程序发送播放完成通知，以使所述weex控制程序加载并显示下一视频资源。

7.一种视频应用程序的处理装置，其特征在于，所述装置包括：

获取模块，用于获取用户在视频应用程序中目标视频界面下达的weex控制指令，所述weex控制指令属于所述视频应用程序中由weex语言编写的用户界面weex控制程序，所述weex控制程序在所述目标视频界面显示有对应的weex控制图标；

所述获取模块，还用于获取与所述weex控制指令对应的weex控制程序；

调用模块，用于调用与所述weex控制程序对应的native控制程序；

执行模块，用于执行所述native控制程序，并将执行所述native控制程序的结果返回给对应的weex控制程序，以使所述weex控制程序加载并显示所述native控制程序的结果。

8.根据权利要求7所述的装置，其特征在于，所述装置还包括：构建模块；

所述构建模块，用于为所述weex控制程序和与其对应的native控制程序构建通信接口，所述通信接口用于实现所述weex控制程序和所述native控制程序之间的双向通信；

所述调用模块，用于通过所述通信接口，调用与所述weex控制程序对应的native控制程序。

9.一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至6任一项所述的视频应用程序的处理方法。

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

Images