CN111526425A

CN111526425A - 视频播放方法、装置、可读介质及电子设备

Info

Publication number: CN111526425A
Application number: CN202010339793.5A
Authority: CN
Inventors: 麦家杰
Original assignee: Beijing ByteDance Network Technology Co Ltd
Current assignee: Beijing ByteDance Network Technology Co Ltd
Priority date: 2020-04-26
Filing date: 2020-04-26
Publication date: 2020-08-11
Anticipated expiration: 2040-04-26
Also published as: CN111526425B

Abstract

本公开涉及一种视频播放方法、装置、可读介质及电子设备，以提升视频浏览窗口的可复用性，减小开发人员的维护压力。所述方法包括：通过视频浏览窗口的画布控件监听并发布视频浏览事件，其中，所述画布控件集成有视频引擎能力和视频画面渲染控件，且所述画布控件关联有至少一个图层，每一所述图层用于监听该图层对应的事件，以及，每一所述图层各自封装有至少一个控件，且每一所述控件设置有事件与响应操作的对应关系；通过目标图层将所述视频浏览事件分发至响应控件，所述目标图层为监听所述视频浏览事件的图层，所述响应控件为所述目标图层中与所述视频浏览事件对应的控件；通过所述响应控件执行与所述视频浏览事件对应的响应操作。

Description

视频播放方法、装置、可读介质及电子设备

技术领域

本公开涉及计算机技术领域，具体地，涉及一种视频播放方法、装置、可读介质及电子设备。

背景技术

视频播放功能是大多数App(Application，应用程序)的一项重要功能，例如，新闻App的视频新闻、影音App的电视剧视频、短视频等。播放视频的区域可称作“视频浏览窗口”，视频浏览窗口一般包括视频播放画布和叠加在视频画布上的控件(交互或内容展示控件)，其中，视频播放画布负责渲染视频内容，并同步响应交互控件的行为。

在传统手段中，对于视频浏览窗口，一般依照MVP(Model-View-Presenter：Presenter负责逻辑的处理，Model提供数据，View负责显示)架构研发，也就是说，包括视频播放引擎和视频操作接口的能力都被封装在视频播放包装类中，以单例的形式向外界暴露视频播放的能力。因此，使用传统手段的视频浏览窗口，其“视频播放画布”是全局唯一组件，即，同一视频引擎同一时间仅能用于播放一个视频，无法简单提供多视频同时播放的能力，并且，各控件糅杂在同一布局文件里统一管理，嵌套层级高，导致可读性弱、维护复杂度大，以及，“视频播放画布”与“交互或内容展示控件”所产生的事件需由Presenter进行转达方能实现二者之间的通讯，通讯路径长、步骤多，导致性能低下。

发明内容

提供该发明内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。

第一方面，本公开提供一种视频播放方法，所述方法包括：

通过视频浏览窗口的画布控件监听并发布视频浏览事件，其中，所述画布控件集成有视频引擎能力和视频画面渲染控件，且所述画布控件关联有至少一个图层，每一所述图层用于监听该图层对应的事件，以及，每一所述图层各自封装有至少一个控件，且每一所述控件设置有事件与响应操作的对应关系；

通过目标图层将所述视频浏览事件分发至响应控件，所述目标图层为监听所述视频浏览事件的图层，所述响应控件为所述目标图层中与所述视频浏览事件对应的控件；

通过所述响应控件执行与所述视频浏览事件对应的响应操作。

第二方面，本公开提供一种视频播放装置，所述装置包括：

事件发布模块，用于通过视频浏览窗口的画布控件监听并发布视频浏览事件，其中，所述画布控件集成有视频引擎能力和视频画面渲染控件，且所述画布控件关联有至少一个图层，每一所述图层用于监听该图层对应的事件，以及，每一所述图层各自封装有至少一个控件，且每一所述控件设置有事件与响应操作的对应关系；

事件分发模块，用于通过目标图层将所述视频浏览事件分发至响应控件，所述目标图层为监听所述视频浏览事件的图层，所述响应控件为所述目标图层中与所述视频浏览事件对应的控件；

响应模块，用于通过所述响应控件执行与所述视频浏览事件对应的响应操作。

第三方面，本公开提供一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现本公开第一方面所述方法的步骤。

第四方面，本公开提供一种电子设备，包括：

存储装置，其上存储有计算机程序；

处理装置，用于执行所述存储装置中的所述计算机程序，以实现本公开第一方面所述方法的步骤。

通过上述技术方案，通过视频浏览窗口的画布控件监听并发布视频浏览事件，并通过目标图层将视频浏览事件分发至响应控件，以及，通过响应控件执行与视频浏览事件对应的响应操作。其中，画布控件集成有视频引擎能力和视频画面渲染控件，且画布控件关联有至少一个图层，每一图层用于监听该图层对应的事件，每一图层各自封装有至少一个控件，且每一控件设置有事件与响应操作的对应关系，以及，目标图层为监听视频浏览事件的图层，响应控件为目标图层中与视频浏览事件对应的控件。由此，画布控件集成有视频引擎能力和视频画面渲染控件，使画布控件得以封装，任何视频播放都可以复用该画布控件，同时，以图层的形式对非画布控件的其他控件进行封装，控件的业务逻辑分离运作和维护，便于以图层的形式成套地继承或复用控件，减少视频浏览窗口的研发及维护压力。并且，同一播放页面下，不同视频浏览窗口之间互不影响，便于实现如屏中屏直播等功能，减少研发与维护压力。另外，画布控件与图层直接通讯，视频播放过程中产生的事件无需经过外部流转而直达事件响应方，效率提高。

本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。

附图说明

结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。

在附图中：

图1是根据本公开的一种实施方式提供的视频播放方法的流程图；

图2是根据本公开的另一种实施方式提供的视频播放方法的流程图；

图3是根据本公开的一种实施方式提供的视频播放装置的框图；

图4示出了适于用来实现本公开实施例的电子设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。

应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。

本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。

需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。

需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

用户使用App浏览视频的过程中，播放视频的区域可称作“视频浏览窗口”，“视频浏览窗口”是指播放视频的区域，例如，手机屏幕的全部(全屏窗口)、手机屏幕的部分(区域窗口)等。并且，无论视频以何种形状展示、或是以多少数量播放、或是以何种角度放置、或是是否处于流畅播放状态，只要App展现区域中出现了视频播放的区域，就可以认为是一个视频浏览窗口。基于用户浏览视频期间的需求，视频浏览窗口需要具备两项主要要素，一是视频播放画布，二是叠加在视频画布上的交互或内容展示控件，其中，视频播放画布负责渲染视频内容，并能同步响应交互控件的行为。

在一种可能的情况中，当一个新的视频出现在屏幕上时，这一个视频对应的视频浏览窗口可能涉及到以下几个步骤的工作：

(1)将视频的封面图片从网络上下载下来并展示在封面图片控件中；

(2)在封面图片之上出现“加载中”控件，告知用户视频正在加载；

(3)在步骤(1)、(2)执行的同时，子线程保持加载视频数据；

(4)视频数据加载完成后，封面图片和“加载中”控件消失，视频开始播放；

(5)视频开始播放的同时，视频浏览窗口底部出现播放进度条、播放按钮、当前播放时间文本、全屏按钮等控件，并且，播放进度条和当前播放时间文本随视频播放的推进保持画面和数据同步刷新；

(6)视频播放过程中，叠加在视频画布上的各种交互控件可对用户操作做出响应(例如，用户点击播放按钮从而控制视频的暂停或播放、用户拖动播放进度条从而控制视频播放进度、用户点击全屏按钮从而使视频全屏播放等)；

(7)视频播放完成后，视频画面暂停，广告控件或其他视频推荐控件出现在视频浏览窗口。

由此可知，一个视频浏览窗口除了需要具备最基本的视频播放能力外，还需要具备与用户交互的能力。其中，播放视频能力由视频播放画布实现，交互能力则可以通过在视频浏览窗口中添加各种交互或内容展示控件实现。视频播放画布用于渲染视频画面，并可以同步响应交互控件的行为，例如，视频播放暂停或视频进度跳转等。交互或内容展示控件可以例如为：封面图片控件、“加载中”控件、播放/暂停按钮、快进按钮、播放进度条、当前播放时间文本、全屏按钮、手势捕获控件、弹幕滑动控件、广告控件等。

在传统手段中，依照MVP架构研发视频浏览窗口，包括视频播放引擎和视频操作接口的能力被封装在视频播放包装类中，以单例的形式向外界暴露视频播放的能力。传统手段所研发出的视频浏览窗口存在以下不足：

(1)“视频播放画布”是全局唯一组件，同一视频引擎同一时间仅能播放一个视频，无法简单提供多视频同时播放(例如，屏中屏直播)的能力；

(2)“交互或内容展示控件”糅杂在同一布局文件里统一管理，嵌套层级高，代码可读性弱、维护复杂度大，控件复用困难，导致控件扩展能力弱；

(3)“视频播放画布”虽然封装有通用业务逻辑，但是无法与“交互或展示控件”直接通讯，二者之间的通讯需经过Presenter，即，“视频播放画布”与“交互或内容展示控件”所产生的事件必须经由Presenter转达才能实现，通讯路径长、步骤繁多，性能低下；例如，点击播放按钮以后，如果要向视频画布传递“开始播放”的命令，需要从控件层发出命令以后，通过Presenter将命令传递到画布控件中进行响应。

为了解决上述问题，本公开提供了一种视频播放方法、装置、可读介质及电子设备，其中，本公开提供的视频播放方法基于本公开提供的视频浏览窗口实现。

首先对本公开提供的视频浏览窗口进行介绍。本公开提供的视频浏览窗口包括：画布控件，画布控件关联的至少一个图层，以及，每一图层各自封装的至少一个控件。其中，画布控件集成有视频引擎能力和视频画面渲染控件，视频引擎能力就是视频引擎接口，从而，该画布控件具备完整的视频播放能力。每一图层用于监听该图层对应的事件，每一控件设置有事件与响应操作的对应关系。与画布控件关联的至少一个图层中，每一图层可以预先注册各自要监听的事件，也就是与该图层对应的事件。一个视频浏览窗口包括至少一个图层，且每一图层各自封装有至少一个控件，每一图层具有与画布控件的通讯接口，能够直接与画布控件通讯，图层间无需知晓各自的内部逻辑，仅需各自与画布控件进行通讯。

如上所述，视频浏览窗口包括画布控件和画布控件关联的至少一个图层，以及，画布控件所关联的图层中，每一图层各自封装有至少一个控件。如上所述，本公开提供的视频浏览窗口中，画布控件集成有视频引擎能力和视频画面渲染控件，从而具备完整的视频播放能力。并且，若要在播放视频时基于本公开提供的视频浏览窗口进行播放，则首先需要根据实际的业务需求配置自己的视频浏览窗口。因此，首先对本公开方案中视频浏览窗口的配置过程进行介绍。

视频浏览窗口的配置过程可以概括为：将视频引擎能力和视频画面渲染控件集成到画布控件；根据业务需求配置图层，并为每个图层配置控件，将所需控件对应的代码封装在相应的图层类中；设置画布控件与各图层的通讯接口，同时设置画布控件中的事件与图层中对应控件的响应操作的关系。

其中，以Android为例，在配置视频浏览窗口的过程中，主要可以用到以下几个已有的功能接口：

IMediaPlayer：视频引擎控制接口，提供各种play/pause/stop等控制播放器的方法，其中，MediaPlayer是Android中的一个多媒体播放类，通过它能控制音视频流或本地音视频资源的播放过程；

ILiveData：事件分发接口，使用LiveData完成各种事件信息的分发，其中，LiveData是Android官方架构组件，用于持有数据并支持数据可被监听(观察)，相比于传统的观察者模式中的被观察者，LiveData是一个生命周期感知组件，观察者可指定某一LifeCycle给LiveData，并对数据进行监听，以及，若观察者指定LifeCycle处于Started或者Resumed状态，LiveData会将观察者视为活动状态，并通知其数据的变化；

ILayer：用户自定义图层接口，提供用户构建图层Layer所需的能力；

TTMediaView：视频视图控件，具备播放视频能力，并作为用户使用SDK各项能力的入口；

TTMediaController：引擎控制器，对下向引擎传递用户操作，对上向用户分发引擎产生的事件。

其中，事件分发接口并不仅仅限于LiveData，还可以使用EventBus等，能够完成事件信息的分发即可，本公开对此不限定。为了示例统一，后文中相应示例将均以使用LiveData为例进行说明。

示例地，Activity是一个Android的应用组件，提供屏幕进行交互。每个Activity都会获得一个用于绘制其用户界面的窗口，窗口可以充满屏幕也可以小于屏幕并浮动在其他窗口之上。若要在Activity的布局文件Layout中播放视频，也就是实现最基本的视频播放功能，可参考如下步骤(1)～(4)及相关代码进行设置。

(1)将MediaView添加到Layout中，可参考如下代码：

<com.ss.ttvideoframework.ctr.TTMediaView

android:id＝"@+id/media_view"

android:layout_width＝"match_parent"

android:layout_height＝"500dp">

</com.ss.ttvideoframework.ctr.TTMediaView>

(2)Activity获取MediaView对象，可参考如下代码：

lateinit var sheepView:TTMediaView

sheepView＝findViewById(R.id.media_view)

(3)传入视频源(ID或URL)，可参考如下代码：

sheepView.apply{

videoID＝"video_id"

}

(4)启动播放，可参考如下代码：

sheepView.apply{

videoID＝"video_id"

play()

}

再例如，在基本的视频播放功能的基础上，还可以再添加一系列控件，以提供更加优质的视频播放功能，例如，按钮操作、手势操作、动画效果展示等。这样，在配置视频浏览窗口时，除了配置基本的视频播放功能外，还会增加对图层、引擎以及事件监听的设置，可参考如下步骤A～C及相关代码进行设置。其中，“//”后的文字为说明性文字。

A、图层叠加，含(5)～(8)。

(5)新建自定义图层，继承自LayerWrapper类，可参考如下代码：

class ImmersiveToolBarLayer:LayerWrapper()

(6)实现getLayerView方法，返回需要叠加的视图，可参考如下代码：

override fun getLayerView(context:Context):View{

allLayout＝LayoutInflater.from(context).inflate(R.layout.simple,null)

return allLayout

}

(7)使用ILayer接口提供的能力进行设置，以完成图层与视频播放的交互。

其中，接口包含playerControlBroad属性，能够提供完整的视频引擎控制方法，可参考如下代码：

playerControlBroad.play()//开始播放视频

playerControlBroad.pause()//暂停播放视频

另外，接口还包含layersLiveData属性，能够提供LiveData消息发送与接收方法，可参考如下代码：

registerObserver(EventCode.CONTROLLER_EVENT_PLAY_COMPLETE){

//填入接收到CONTROLLER_EVENT_PLAY_COMPLETE事件以后所做的操作，lamda表达式

}

上述代码表示对响应某个事件的设置，例如，监听视频播放完成事件。

postLiveEvent(ImmersiveCardEventCode.LIKE_DOUBLE_CLICK,1)

上述代码表示对发送某个事件的设置，例如，发送点赞双击事件。

(8)将图层添加到MediaView上并开始播放，可参考如下代码：

sheepView.apply{

videoID＝"video_id"

addLayer(ImmersiveToolBarLayer())

play()

}

B、控制视频引擎

LayerWrapper持有playerControlBroad:IMediaEngine属性，IMediaEngine接口包含各种视频播放器操作方法，可以在自定义Layer里面使用playerControlBroad(播放器控制板)完成各种视频播放控制操作。

C、事件监听，含(9)～(11)。

(9)若需绑定Activity的生命周期，首先激活LifeCycle能力，可参考如下代码：

sheepView.apply{

activeLifeCycle(this@MediaActivity)

}

然后在自定义Layer里面添加需要监听的回调方法，可参考如下代码：

fun onResume(context:Context){

playerControlBroad.play()

}

fun onPause(context:Context){

playerControlBroad.pause()

}

fun onDestroy(context:Context){

playerControlBroad.release()

}

(10)若需监听LiveData事件，可使用registerObserver方法注册监听一个事件，可参考如下代码：

registerObserver(EventCode.CONTROLLER_EVENT_PLAY_COMPLETE){

}

(11)若需监听Activity的返回按钮事件，实现onBackPressed方法，返回true表示消费事件，可参考如下代码：

override fun onBackPressed():Boolean{

//可自由设置

return true//消费事件

}

由此，通过上述方式，以独立控件的形式集成视频引擎能力和视频画面渲染控件，画布控件实现了与业务完全无关的封装，从而，只需集成一个画布控件，就可以获得完整的视频播放能力。并且，任何的视频播放都可以复用这一画布控件，能够减少程序员对视频播放业务的研发与维护压力。

以及，用户可以根据实际的业务需求设置至少一个图层，设置的图层中每一图层用于监听该图层对应的事件，且每一图层各自封装有至少一个控件，每一控件各自设置有事件与响应操作的对应关系。也就是说，业务需求所需控件以图层的形式存在，且图层之间无需知晓各自的内部逻辑，只需要对来自画布控件的消息作出响应，或者从各自图层向画布控件发送消息即可，从而，所有控件的业务逻辑分离运作和维护，每个图层都可以被方便地复用。例如，当需要设置功能相似的新视频浏览窗口时，直接将已经在其他视频浏览窗口使用的图层复用叠加到新的视频浏览窗口中即可，而若新视频浏览窗口有新的交互控件需要，那么再配置新的图层继续叠加在视频浏览窗口中即可。

其中，每一图层内封装有何种控件可以由用户根据业务自行定义，例如，用户可以按照自己的标准为需要添加的控件进行分类，进而根据分类结果，将属于同一类的控件封装到同一图层中。示例地，可以以视频播放动作为划分依据，将视频浏览所需控件划分为“播放前运作”和“播放时运作”，若所需控件包括封面图片控件、“加载中”控件、播放/暂停按钮、快进按钮、播放进度条、当前播放时间文本、全屏按钮、手势捕获控件、弹幕滑动控件和广告控件，且可以将封面图片控件、“加载中”控件划分为“播放前运作”，而将其他的控件划分为“播放时运作”，从而，为视频浏览窗口设置两个图层，一个图层(播放前控件图层)封装有封面图片控件和“加载中”控件，而另一个图层(播放时控件图层)则封装播放/暂停按钮、快进按钮、播放进度条、当前播放时间文本、全屏按钮、手势捕获控件、弹幕滑动控件和广告控件。基于上述示例，当接收到从“画布控件”发出的“视频开始播放”事件时，播放前控件图层各控件消失，而当接收到“画布控件”发出的“视频开始播放”事件时，播放时控件图层各控件显示。

本公开还提供一种视频播放方法，如上所述，该视频播放方法基于前文所述的本公开所提供的视频浏览窗口实现。下面，对本公开提供的视频播放方法进行详细说明。图1是根据本公开的一种实施方式提供的视频播放方法的流程图。如图1所示，该方法可以包括以下步骤。

在步骤11中，通过视频浏览窗口的画布控件监听并发布视频浏览事件。

如前文所述，视频浏览窗口包括画布控件，画布控件集成有视频引擎能力和视频画面渲染控件，并且，画布控件关联有至少一个图层，每一图层用于监听该图层对应的事件，以及，每一图层各自封装有至少一个控件，且每一控件设置有事件与响应操作的对应关系。有关本公开所提供的视频浏览窗口的说明在前文中已经给出，此处不再重复描述。

视频浏览事件为用户浏览视频过程中产生的事件，例如，“视频开始播放”、“视频播放暂停”、“视频播放完成”等。如上所述，画布控件集成有视频引擎能力和视频画面渲染控件，因此，通过画布控件能够监听到视频浏览事件。

当通过画布控件监听到视频浏览事件，会通过画布控件发布监听到的该视频浏览事件，以便监听该视频浏览事件的图层知晓这一事件。

在一种可能的实施例中，步骤11可以包括以下步骤：

通过画布控件监听视频浏览事件；

在监听到视频浏览事件后，通过预设通讯接口发布视频浏览事件，以使目标图层通过预设通讯接口监听到视频浏览事件。

示例地，可以通过前文提到的LiveData、EventBus等通讯接口发布视频浏览事件。

在步骤12中，通过目标图层将视频浏览事件分发至响应控件。

其中，目标图层为监听该视频浏览事件的图层。响应控件为目标图层中与视频浏览事件对应的控件。

如前文所述，画布控件所关联的至少一个图层中，每一图层均用于监听该图层对应的事件，并且，图层内封装的至少一个控件各自设置有事件与响应操作的对应关系。从而，在画布控件关联的图层中，监听该视频浏览事件的图层(即，目标图层)能够在画布控件发布视频浏览事件时监听到该视频浏览事件。

画布控件与关联的各图层之间通过预设通讯接口进行通讯，因此，目标图层能够通过预设通讯接口(例如，LiveData、EventBus等)监听到这一视频浏览事件。其中，目标图层可以为一个，也可以为多个，示例地，若视频浏览窗口包含3个图层，依次为图层K1～K3，且图层K1、K3用于监听事件D1，图层K2用于监听事件D2，则若画布控件检测到事件D2，则画布控件发布该事件D2，此时目标图层为K2，若画布控件检测到事件D1，则画布控件发布该事件D1后，此时目标图层为K1、K3。

在目标图层监听到视频浏览事件后，通过目标图层将视频浏览事件分发至响应控件(即，目标图层中与视频浏览事件对应的控件)。其中，图层内封装的控件可以通过预先注册的方式设置所要监听的事件，也就是预先设置控件与事件的对应关系，目标图层监听到视频浏览事件之后，目标图层内封装的控件中，用于监听该视频浏览事件的控件就是响应控件。

在步骤13中，通过响应控件执行与视频浏览事件对应的响应操作。

如前文所述，图层内封装的至少一个控件中，每一控件设置有事件与响应操作的对应关系。因此，当通过目标图层将视频浏览事件分发至响应控件时，响应控件就可以根据已设置的事件与响应操作的对应关系，执行与视频浏览事件对应的响应操作。

示例地，若“视频播放暂停”这一视频浏览事件对应于图层K4中的广告控件K5，且广告控件K5设置了“视频播放暂停”这一事件对应于显示广告控件K5这一响应操作，那么，当视频播放暂停时，通过画布控件监听到“视频播放暂停”这一视频浏览事件并发布，图层K4监听到“视频播放暂停”这一视频浏览事件后，分发给图层内的广告控件K5，由此，广告控件K5显示，表现在播放页面上就是视频暂停播放后显示广告。

图2是根据本公开的另一种实施方式提供的视频播放方法的流程图。如图2所示，在步骤11之前，本公开提供的方法还可以包括以下步骤。

在步骤21中，响应于在视频播放页面上产生的视频浏览窗口加载指令，在视频播放页面中加载视频浏览窗口。

图1示出的是视频浏览窗口加载到视频播放页面后的处理步骤，因此，在步骤11之前，还存在视频浏览窗口加载到视频播放页面的过程，也就是步骤21。其中，视频浏览窗口加载指令可以是用于请求加载视频浏览窗口的http请求。

在一种可能的实施方式中，浏览窗口加载指令可以携带有有关于欲请求的视频浏览窗口的信息，如加载位置和请求加载的窗口类型。其中，属于不同窗口类型的视频浏览窗口用于满足不同的视频浏览需求。举例来说，若视频浏览窗口W1包含图层P1，且图层P1内封装有封面图片控件、“加载中”控件、播放/暂停按钮、快进按钮、播放进度条和当前播放时间文本，则该视频浏览窗口W1能够满足播放视频的需求。若视频浏览窗口W2包含图层P2，且图层P2封装有封面图片控件、“加载中”控件、播放/暂停按钮、快进按钮、播放进度条、当前播放时间文本和广告控件，则该视频浏览窗口W2能够满足播放视频以及推荐广告的需求。那么，视频浏览窗口W1和视频浏览窗口W2就属于不同的窗口类型，用于满足不同的视频浏览需求，二者自然对应不同的浏览窗口加载指令。

在这一实施方式中，步骤21可以包括以下步骤：

响应于浏览窗口加载指令，在视频播放页面的加载位置处，加载属于该窗口类型的视频浏览窗口。

这样，能够保证属于正确窗口类型的视频浏览窗口被加载到视频播放页面的正确加载位置。

图3是根据本公开的一种实施方式提供的视频播放装置的框图。如图3所示，该装置30包括：

事件发布模块31，用于通过视频浏览窗口的画布控件监听并发布视频浏览事件，其中，所述画布控件集成有视频引擎能力和视频画面渲染控件，且所述画布控件关联有至少一个图层，每一所述图层用于监听该图层对应的事件，以及，每一所述图层各自封装有至少一个控件，且每一所述控件设置有事件与响应操作的对应关系；

事件分发模块32，用于通过目标图层将所述视频浏览事件分发至响应控件，所述目标图层为监听所述视频浏览事件的图层，所述响应控件为所述目标图层中与所述视频浏览事件对应的控件；

响应模块33，用于通过所述响应控件执行与所述视频浏览事件对应的响应操作。

可选地，所述事件发布模块31包括：

监听子模块，用于通过所述画布控件监听所述视频浏览事件；

发布子模块，用于在监听到所述视频浏览事件后，通过预设通讯接口发布所述视频浏览事件，以使所述目标图层通过所述预设通讯接口监听到所述视频浏览事件。

可选地，所述装置30还包括：

窗口加载模块，用于在通过视频浏览窗口的画布控件监听并发布视频浏览事件之前，响应于在视频播放页面上产生的视频浏览窗口加载指令，在所述视频播放页面中加载视频浏览窗口。

可选地，所述浏览窗口加载指令携带有加载位置和请求加载的窗口类型，其中，属于不同窗口类型的视频浏览窗口用于满足不同的视频浏览需求；

所述窗口加载模块用于响应于所述浏览窗口加载指令，在所述视频播放页面的所述加载位置处，加载属于所述窗口类型的所述视频浏览窗口。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

下面参考图4，其示出了适于用来实现本公开实施例的电子设备600的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图4示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图4所示，电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中，还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

通常，以下装置可以连接至I/O接口605：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607；包括例如磁带、硬盘等的存储装置608；以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图4示出了具有各种装置的电子设备600，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置609从网络上被下载和安装，或者从存储装置608被安装，或者从ROM 602被安装。在该计算机程序被处理装置601执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

在一些实施方式中，客户端可以利用诸如HTTP(HyperText Transfer Protocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：通过视频浏览窗口的画布控件监听并发布视频浏览事件，其中，所述画布控件集成有视频引擎能力和视频画面渲染控件，且所述画布控件关联有至少一个图层，每一所述图层用于监听该图层对应的事件，以及，每一所述图层各自封装有至少一个控件，且每一所述控件设置有事件与响应操作的对应关系；通过目标图层将所述视频浏览事件分发至响应控件，所述目标图层为监听所述视频浏览事件的图层，所述响应控件为所述目标图层中与所述视频浏览事件对应的控件；通过所述响应控件执行与所述视频浏览事件对应的响应操作。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言——诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该模块本身的限定。

本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

根据本公开的一个或多个实施例，提供了一种视频播放方法，所述方法包括：

根据本公开的一个或多个实施例，提供了一种视频播放方法，所述通过视频浏览窗口的画布控件监听并发布视频浏览事件，包括：

通过所述画布控件监听所述视频浏览事件；

在监听到所述视频浏览事件后，通过预设通讯接口发布所述视频浏览事件，以使所述目标图层通过所述预设通讯接口监听到所述视频浏览事件。

根据本公开的一个或多个实施例，提供了一种视频播放方法，在所述通过视频浏览窗口的画布控件监听并发布视频浏览事件的步骤之前，所述方法还包括：

响应于在视频播放页面上产生的视频浏览窗口加载指令，在所述视频播放页面中加载视频浏览窗口。

根据本公开的一个或多个实施例，提供了一种视频播放方法，所述浏览窗口加载指令携带有加载位置和请求加载的窗口类型，其中，属于不同窗口类型的视频浏览窗口用于满足不同的视频浏览需求；

所述响应于在视频播放页面上产生的视频浏览窗口加载指令，在所述视频播放页面中加载视频浏览窗口，包括：

响应于所述浏览窗口加载指令，在所述视频播放页面的所述加载位置处，加载属于所述窗口类型的所述视频浏览窗口。

根据本公开的一个或多个实施例，提供了一种视频播放装置，所述装置包括：

根据本公开的一个或多个实施例，提供了一种视频播放装置，所述事件发布模块包括：

根据本公开的一个或多个实施例，提供了一种视频播放装置，所述装置还包括：

根据本公开的一个或多个实施例，提供了一种视频播放装置，所述浏览窗口加载指令携带有加载位置和请求加载的窗口类型，其中，属于不同窗口类型的视频浏览窗口用于满足不同的视频浏览需求；

根据本公开的一个或多个实施例，提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现本公开任意实施例所述的视频播放方法的步骤。

根据本公开的一个或多个实施例，提供了一种电子设备，包括：

存储装置，其上存储有计算机程序；

处理装置，用于执行所述存储装置中的所述计算机程序，以实现本公开任意实施例所述的视频播放方法的步骤。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

Claims

1.一种视频播放方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述通过视频浏览窗口的画布控件监听并发布视频浏览事件，包括：

通过所述画布控件监听所述视频浏览事件；

3.根据权利要求1所述的方法，其特征在于，在所述通过视频浏览窗口的画布控件监听并发布视频浏览事件的步骤之前，所述方法还包括：

4.根据权利要求3所述的方法，其特征在于，所述浏览窗口加载指令携带有加载位置和请求加载的窗口类型，其中，属于不同窗口类型的视频浏览窗口用于满足不同的视频浏览需求；

5.一种视频播放装置，其特征在于，所述装置包括：

6.根据权利要求5所述的装置，其特征在于，所述事件发布模块包括：

7.根据权利要求5所述的装置，其特征在于，所述装置还包括：

8.根据权利要求7所述的装置，其特征在于，所述浏览窗口加载指令携带有加载位置和请求加载的窗口类型，其中，属于不同窗口类型的视频浏览窗口用于满足不同的视频浏览需求；

9.一种计算机可读介质，其上存储有计算机程序，其特征在于，该程序被处理装置执行时实现权利要求1-4中任一项所述方法的步骤。

10.一种电子设备，其特征在于，包括：

存储装置，其上存储有计算机程序；

处理装置，用于执行所述存储装置中的所述计算机程序，以实现权利要求1-4中任一项所述方法的步骤。