CN105898608A - 视频播放控制方法及浏览器 - Google Patents

Abstract

本发明提供一种视频播放控制方法及浏览器，用以解决按照现有技术中的视频播放控制方法，需要耗费较多人力资源进行支持的问题。方法包括：支持超文本标记语言HTML5的浏览器在针对视频文件的播放控制事件的触发下，获取视频video标签中设置的与播放器显示样式有关的属性的值；所述浏览器根据所述属性的值，构建并渲染播放器；所述浏览器调用所述播放器针对所述视频文件执行与所述事件对应的操作。

Description

视频播放控制方法及浏览器

技术领域

本发明实施例涉及互联网技术领域，尤其涉及一种视频播放控制方法及浏览器。

背景技术

现有技术中，浏览器实现视频播放控制的流程一般为：

浏览器在检测到视频播放控制事件后，利用叠加在Webview层上的videolayer直接调用播放器(MediaPlayer)的相关控制方法，实现视频播放控制。

比如，浏览器在检测到用于指示对视频进行播放的事件后，生成MediaPlayer，并利用videolayer调用MediaPlayer的相应的控制方法play()，实现控制MediaPlayer开始播放视频。

在上述过程中，浏览器为了生成MediaPlayer，需要解析网站开发人员设置的、用于定义播放器显示样式的层叠样式表(Cascading Style Sheets，CSS)。由于浏览器可能会对不同网站的视频文件进行播放控制，因此相应的，就需要不同的网站的技术人员分别设置CSS，从而会耗费较多的人力资源。

发明内容

本发明实施例提供一种视频播放控制方法及浏览器，用以解决按照现有技术中的视频播放控制方法，需要耗费较多人力资源进行支持的问题。

本发明实施例提供一种视频播放控制方法，包括：

支持超文本标记语言HTML5的浏览器在针对视频文件的播放控制事件的触发下，获取视频video标签中设置的与播放器显示样式有关的属性的值；

所述浏览器根据所述属性的值，构建并渲染播放器；

所述浏览器调用所述播放器针对所述视频文件执行与所述事件对应的操作。

本发明实施例还提供一种浏览器，所述浏览器支持超文本标记语言HTML5，所述浏览器包括：

属性值获取单元，用于在针对视频文件的播放控制事件的触发下，获取视频video标签中设置的与播放器显示样式有关的属性的值；

播放器构建单元，用于根据属性值获取单元获取的所述属性的值，构建并渲染播放器；

调用单元，用于调用所述播放器针对所述视频文件执行与所述事件对应的操作。

本发明实施例提供的视频播放控制方法及浏览器，由于可以根据video标签中设置的与播放器显示样式有关的属性的值构建并渲染播放器，而video标签为支持HTML5的浏览器所能支持的标签，浏览器无论访问什么网站，均可以根据该标签来实现构建并渲染播放器，从而无需网站的技术人员分别设置用于定义播放器显示样式的CSS，因而相对于现有技术而言，采用本发明实施例提供的方法，可以节省人力资源。

附图说明

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

图1为本发明实施例提供的一种视频播放控制方法的流程图；

图2为浏览器实现在合适的位置渲染播放器的流程图；

图3为本发明实施例1提供的方法在实际中的应用流程图；

图4为本发明实施例提供的一种浏览器的结构示意图。

具体实施方式

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

实施例1

为解决按照现有技术中的视频播放控制方法，需要耗费较多人力资源进行支持的问题，本发明实施例1提供一种视频播放控制方法。该方法的执行主体，可以但不限于为智能手机、平板电脑、智能相机，等等智能终端设备，尤其是可以为该些智能终端设备上安装的支持超文本标记语言(Hyper Text Mark-upLanguage，HTML)5的浏览器。

为便于描述，后文以该方法应用于支持HTML5的浏览器为例，对方法的具体实现流程进行详细介绍。

该方法的实现流程示意图如图1所示，包括下述步骤：

步骤11：浏览器在针对视频文件的播放控制事件的触发下，获取video标签中设置的与播放器显示样式有关的属性的值；

步骤11中所说的针对视频文件的播放控制事件，可以但不限于包括用户输入针对视频文件的播放指令、暂停播放指令、查找seek指令或定时更新ontime update指令中的至少一种。

比如，用户通过点击视频网站页面上展示的海报，可以输入针对视频文件的播放指令。此时，播放器尚未构建和渲染，则后续可以通过执行步骤12，实现构建与渲染播放器。

又比如，若当前已经构建和渲染播放器，且播放器已经在播放视频文件，则用户通过对播放器的“暂停”按钮的点击，可以输入针对视频文件的暂停播放指令。在输入该指令后，若用户移动了播放器，则浏览器有可能重新构建和渲染播放器，从而也会步骤11的后续步骤12。类似地，用户输入的其它指令，也可能使得浏览器执行步骤12。

此外，步骤11中所说的video标签，是HTML5中的新标签。video标签的作用，是在HTML页面中嵌入视频元素。

HTML5的video标签包含的属性、属性的值及描述，可以参见下表1：

表1：

上表1中controls、height、poster和width的值，即与播放器显示样式有关的属性的值。

通过预先对该些属性的值进行设置，可以使得浏览器可以执行下述步骤12。

步骤12：浏览器根据video标签中设置的与播放器显示样式有关的属性的值，构建并渲染播放器；

比如，浏览器可以利用用于进行页面渲染的浏览器内核，根据所述属性的值构建并渲染播放器。其中，所述的浏览器内核，可以但不限于包括Blink内核等。

在渲染播放器前，往往会计算播放器在浏览器窗口中的位置，以便将播放器渲染到合适的位置。比如，浏览器可以按照如图2所示的下述步骤，实现在合适的位置渲染播放器：

步骤21，浏览器确定播放器所在的浏览器窗口在屏幕坐标系中的绝对位置，以及播放器相对于所述浏览器窗口的位置关系；

其中，绝对位置和位置关系，均可以是由坐标值来表示的。

比如，假设确定出浏览器窗口的中心位置A在屏幕坐标系中的绝对位置的坐标值为(x0，y0)，而播放器的中心位置B相对于浏览器窗口的中心位置A的位置关系为：中心位置B沿x轴的正方向偏离于中心位置A，且该偏离的距离为Δx。

步骤22，浏览器根据所述绝对位置和所述位置关系，计算播放器在屏幕坐标系中的绝对位置；

继续沿用上例，则可以根据中心位置A在屏幕坐标系中的绝对位置的坐标值(x0，y0)，以及上述的位置关系，计算出播放器的中心位置B在屏幕坐标系中的绝对位置的坐标为(x0+Δx，y0)。

步骤23，浏览器根据video标签中设置的与播放器显示样式有关的属性的值构建播放器，并在屏幕坐标系的所述计算出的绝对位置渲染构建的播放器。

一般地，当用户执行了改变播放器位置的操作后，浏览器可以采用上述步骤21～步骤23，实现计算播放器当前在屏幕坐标系中的绝对位置，进而实现对播放器的重新渲染。

步骤13：浏览器调用构建并渲染的播放器针对视频文件执行与针对视频文件的播放控制事件对应的操作。

比如，当针对视频文件的播放控制事件包括“用户输入针对视频文件的暂停播放指令”时，浏览器可以调用通过执行步骤12构建并渲染的播放器，执行暂停播放视频文件的操作。

又比如，当针对视频文件的播放控制事件包括“用户输入针对视频文件的播放指令”时，浏览器可以调用通过执行步骤12构建并渲染的播放器，执行播放视频文件的操作。具体地，本发明实施例中，浏览器在接收到服务器发送的视频文件后，可以采用java回调的方式，调用播放器播放视频文件。其中，java回调，是一种异步回调方式，即接口的服务在收到某种讯息或发生某种事件时，会主动通知客户方(即调用客户方的接口)。

在介绍采用java回调的方式如何实现调用播放器播放视频文件前，先对本发明实施例中请求服务器发送视频文件的一种实施方式进行介绍。该实施方式可以包括如下步骤a～步骤d：

步骤a：浏览器调用用户界面UI层的play()确定待播放的视频文件的统一资源标识符(Uniform Resource Locator，URL)；

步骤b：调用H5VideoProxy类的dispatchplay()确定video标签中设置的、与播放器显示样式有关的属性的值；

步骤c：调用浏览器内核中的webMediaPlayer类的onPlayed()方法根据确定的属性的值，构建并渲染播放器；

步骤d：调用HtmlMediaElement类的dispatchplay()方法根据视频文件的URL，向相应的服务器发送视频文件获取请求。

通过执行上述步骤，可以实现向服务器请求获取待播放的视频文件。

沿用通过上述步骤a～步骤d请求获取视频文件的例子，采用java回调的方式调用播放器播放视频文件的过程，可以包括下述步骤e～步骤h：

步骤e：浏览器接收到服务器发送的视频文件的数据后，调用HtmlMediaElement类的play()方法。

浏览器通过对该方法的调用，可以实现将接收到的视频文件的数据，设置为HtmlMediaElement类的play()的执行对象。

步骤f：浏览器采用java回调的方式，调用webMediaPlayer类的play()方法，实现将HtmlMediaElement类的play()的执行对象，设置为webMediaPlayer类的play()的执行对象。

步骤g：浏览器采用java回调的方式，调用H5VideoProxy类的play()方法，实现将webMediaPlayer类的play()的执行对象，设置为播放器的执行对象。

步骤h：浏览器采用java回调的方式，调用MediaPlayer类的play()方法，实现触发播放器播放为该播放器设置的执行对象。

采用本发明实施例提供的上述视频播放控制方法，由于可以根据video标签中设置的与播放器显示样式有关的属性的值构建并渲染播放器，而video标签为支持HTML5的浏览器所能支持的标签，浏览器无论访问什么网站，均可以根据该标签来实现构建并渲染播放器，从而无需网站的技术人员分别设置用于定义播放器显示样式的CSS，因而相对于现有技术而言，采用本发明实施例提供的方法，可以节省人力资源。

实施例2

本发明实施例2主要以浏览器检测到视频播放事件为例，说明本发明实施例1提供的方法在实际中的应用流程。

具体地，该应用流程的示意图如图3所示，包括如下步骤：

步骤31，用户按下针对某个电影海报设置的播放按钮控件后，触发可以支持HTML5的浏览器(后文简称浏览器)调用用户界面(User Interface，UI)层的play()。

其中，play()是一种方法，功能在于开始播放当前的媒体。

浏览器通过调用该方法，可以确定待播放的视频文件的URL。

步骤32，浏览器执行UI层的play()后，进一步执行：通过Java本地调用接口(Java Native Interface，JNI)，调用代理层的H5VideoProxy类的dispatchplay()方法的操作。

H5VideoProxy类的dispatchplay()方法是代理层的一种方法。浏览器通过调用该方法，可以确定HTML5的video标签中设置的、与播放器显示样式有关的属性的值。HTML5的video标签包含的属性、属性的值及描述，可以参见表1。

此外，浏览器通过调用H5VideoProxy类的dispatchplay()方法，还可以实现通过执行步骤31确定出的待播放的视频文件的URL，赋值给上表中的属性src。

步骤33，浏览器通过调用浏览器内核中的webMediaPlayer类的onPlayed()方法，实现根据确定的与播放器显示样式有关的属性的值，构建并渲染播放器。

步骤34，浏览器通过调用HtmlMediaElement类的dispatchplay()方法，实现根据通过执行H5VideoProxy类的dispatchplay()方法，而为video标签的属性src所赋的待播放的视频文件的URL，向用于提供该视频文件的服务器发送视频文件获取请求。

以下进一步介绍步骤35～步骤38，该些步骤均采用java回调的方式进行各层方法的调用，最终实现对MediaPlayer类的play()方法的调用。

步骤35，浏览器接收到步骤34中所述的服务器发送的视频文件的数据后，调用HtmlMediaElement类的play()方法。

浏览器通过对该方法的调用，可以实现将接收到的所述视频文件的数据，设置为HtmlMediaElement类的play()的执行对象。

步骤36，浏览器采用java回调的方式，调用webMediaPlayer类的play()方法，实现将HtmlMediaElement类的play()的执行对象，设置为webMediaPlayer类的play()的执行对象。

步骤37，浏览器采用java回调的方式，调用H5VideoProxy类的play()方法，实现将webMediaPlayer类的play()的执行对象，设置为通过执行步骤33构建并渲染的所述播放器的执行对象。

步骤38，浏览器采用java回调的方式，调用MediaPlayer类的play()方法，实现触发构建的所述播放器，播放通过执行步骤37为该播放器设置的执行对象。

采用本申请实施例2提供的上述方法，由于可以根据video标签中设置的与播放器显示样式有关的属性的值构建并渲染播放器，而video标签为支持HTML5的浏览器所能支持的标签，浏览器无论访问什么网站，均可以根据该标签来实现构建并渲染播放器，从而无需网站的技术人员分别设置用于定义播放器显示样式的CSS，因此相对于现有技术而言，采用本发明实施例提供的方法，可以节省人力资源。

实施例3

为解决按照现有技术中的视频播放控制方法，需要耗费较多人力资源进行支持的问题，本发明实施例提供一种浏览器。该浏览器支持HTML5，该浏览器的具体结构示意图如图4所示，包括下述功能单元：

属性值获取单元41，用于在针对视频文件的播放控制事件的触发下，获取视频video标签中设置的与播放器显示样式有关的属性的值；

其中，所述针对视频文件的播放控制事件，包括：用户输入针对视频文件的播放指令、暂停播放指令、查找seek指令或定时更新on time update指令。

播放器构建单元42，用于根据属性值获取单元41获取的所述属性的值，构建并渲染播放器；

调用单元43，用于调用播放器构建单元42构建的播放器针对所述视频文件执行与所述针对视频文件的播放控制事件对应的操作。

具体而言，当所述针对视频文件的播放控制事件，包括用户输入针对视频文件的播放指令时，调用单元43具体可以用于在接收到服务器发送的视频文件后，采用java回调的方式，调用所述播放器播放视频文件。

在一种实施方式中，调用单元43还可以用于：在所述浏览器接收到服务器发送的所述视频文件前，调用用户界面UI层的play()确定待播放的视频文件的URL；调用H5VideoProxy类的dispatchplay()确定video标签中设置的、与播放器显示样式有关的属性的值；调用浏览器内核中的webMediaPlayer类的onPlayed()浏览器根据所述属性的值，构建并渲染播放器；调用HtmlMediaElement类的dispatchplay()浏览器根据所述待播放的视频文件的URL，向相应的服务器发送视频文件获取请求。

在一种实施方式中，播放器构建单元42具体可以用于：确定所述播放器所在的浏览器窗口在屏幕坐标系中的绝对位置，以及所述播放器相对于所述浏览器窗口的位置关系；根据所述绝对位置和所述位置关系，计算所述播放器在所述屏幕坐标系中的绝对位置；根据所述属性的值构建播放器，并在所述屏幕坐标系的所述计算出的绝对位置渲染构建的播放器。

采用本申请实施例3提供的上述浏览器，由于可以根据video标签中设置的与播放器显示样式有关的属性的值构建并渲染播放器，而video标签为支持HTML5的浏览器所能支持的标签，浏览器无论访问什么网站，均可以根据该标签来实现构建并渲染播放器，从而无需网站的技术人员分别设置用于定义播放器显示样式的CSS，因此相对于现有技术而言，采用本发明实施例提供的方法，可以节省人力资源。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

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

Claims (10)

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

支持超文本标记语言HTML5的浏览器在针对视频文件的播放控制事件的触发下，获取视频video标签中设置的与播放器显示样式有关的属性的值；

所述浏览器根据所述属性的值，构建并渲染播放器；

所述浏览器调用所述播放器针对所述视频文件执行与所述事件对应的操作。

2.根据权利要求1所述的方法，其特征在于，所述针对视频文件的播放控制事件，包括：

用户输入针对视频文件的播放指令、暂停播放指令、查找seek指令或定时更新on time update指令。

3.根据权利要求1所述的方法，其特征在于，当所述针对视频文件的播放控制事件，包括：用户输入针对视频文件的播放指令时，

所述浏览器调用所述播放器针对所述视频文件执行与所述事件对应的操作，包括：

所述浏览器在接收到服务器发送的所述视频文件后，采用java回调的方式，调用所述播放器播放所述视频文件。

4.根据权利要求3所述的方法，其特征在于，所述浏览器在接收到服务器发送的所述视频文件前，所述方法还包括：

所述浏览器调用用户界面UI层的play( )确定待播放的视频文件的统一资源标识符URL；

调用H5VideoProxy类的dispatchplay( )确定video标签中设置的、与播放器显示样式有关的属性的值；

调用浏览器内核中的webMediaPlayer类的onPlayed( )方法根据所述属性的值，构建并渲染播放器；

调用HtmlMediaElement类的dispatchplay( )方法根据所述URL，向相应的服务器发送视频文件获取请求。

5.根据权利要求1所述的方法，其特征在于，所述浏览器根据所述属性的值，构建并渲染播放器，包括：

所述浏览器确定所述播放器所在的浏览器窗口在屏幕坐标系中的绝对位置，以及所述播放器相对于所述浏览器窗口的位置关系；

根据所述绝对位置和所述位置关系，计算所述播放器在所述屏幕坐标系中的绝对位置；

所述浏览器根据所述属性的值构建播放器，并在所述屏幕坐标系的所述计算出的绝对位置渲染构建的播放器。

6.一种浏览器，其特征在于，所述浏览器支持超文本标记语言HTML5，所述浏览器包括：

属性值获取单元，用于在针对视频文件的播放控制事件的触发下，获取视频video标签中设置的与播放器显示样式有关的属性的值；

播放器构建单元，用于根据属性值获取单元获取的所述属性的值，构建并渲染播放器；

调用单元，用于调用所述播放器针对所述视频文件执行与所述事件对应的操作。

7.根据权利要求6所述的浏览器，其特征在于，所述针对视频文件的播放控制事件，包括：

用户输入针对视频文件的播放指令、暂停播放指令、查找seek指令或定时更新on time update指令。

8.根据权利要求6所述的浏览器，其特征在于，当所述针对视频文件的播放控制事件，包括：用户输入针对视频文件的播放指令时，

调用单元，用于在接收到服务器发送的所述视频文件后，采用java回调的方式，调用所述播放器播放所述视频文件。

9.根据权利要求8所述的浏览器，其特征在于，所述调用单元，还用于：

在所述浏览器接收到服务器发送的所述视频文件前，调用用户界面UI层的play()确定待播放的视频文件的统一资源标识符URL；

调用H5VideoProxy类的dispatchplay()确定video标签中设置的、与播放器显示样式有关的属性的值；

调用浏览器内核中的webMediaPlayer类的onPlayed()浏览器根据所述属性的值，构建并渲染播放器；

调用HtmlMediaElement类的dispatchplay()浏览器根据所述URL，向相应的服务器发送视频文件获取请求。

10.根据权利要求6所述的浏览器，其特征在于，播放器构建单元，用于：

确定所述播放器所在的浏览器窗口在屏幕坐标系中的绝对位置，以及所述播放器相对于所述浏览器窗口的位置关系；

根据所述绝对位置和所述位置关系，计算所述播放器在所述屏幕坐标系中的绝对位置；

根据所述属性的值构建播放器，并在所述屏幕坐标系的所述计算出的绝对位置渲染构建的播放器。