CN103281457A

CN103281457A - 一种移动终端浏览器中视频播放方法、装置及浏览器

Info

Publication number: CN103281457A
Application number: CN2013102170534A
Authority: CN
Inventors: 宋章章; 李宇璇; 关翔; 唐龙
Original assignee: Beijing Kingsoft Internet Security Software Co Ltd; Conew Network Technology Beijing Co Ltd; Shell Internet Beijing Security Technology Co Ltd; Zhuhai Juntian Electronic Technology Co Ltd; Beijing Kingsoft Internet Science and Technology Co Ltd
Current assignee: Beijing Kingsoft Internet Security Software Co Ltd; Conew Network Technology Beijing Co Ltd; Zhuhai Juntian Electronic Technology Co Ltd; Beijing Cheetah Mobile Technology Co Ltd; Beijing Cheetah Network Technology Co Ltd
Priority date: 2013-06-03
Filing date: 2013-06-03
Publication date: 2013-09-04
Anticipated expiration: 2033-06-03
Also published as: CN103281457B

Abstract

本发明提供一种移动终端浏览器中视频播放方法、装置及浏览器，其中，视频播放方法包括：当检测到用户所请求的页面具有视频标签时，在所述页面上生成一预播放界面，其中，所述预播放界面上设置有播放按钮和控制视频下载的下载按钮；接受用户发送的视频播放请求指令；根据所述视频播放请求指令，以及所述页面的地址信息，播放所述视频文件。本发明的方案可以实现在浏览器的页面上显示具有一播放按钮的播放界面，并在用户点击该播放按钮时，可以直接播放该视频。

Description

一种移动终端浏览器中视频播放方法、装置及浏览器

技术领域

本发明涉及计算机网络领域，特别是指一种移动终端浏览器中视频播放方法、装置及浏览器。

背景技术

目前的手机浏览器中视频播放窗口排布有多个功能按钮，如播放暂停按钮，进度条，当前播放时间，声音调节按钮，全屏按钮等，这些按钮均是基于该视频播放窗口所在网页的控件，且该视频播放窗口也是嵌入到网页中，因此，视频播放窗口比较小，尤其是在手机这样的小型智能终端上进行操作时，用户点击这些按钮比较麻烦，如当用户想要将当前窗口切换为全屏时，需要点击全屏按钮，比较麻烦，且比较容易发生点击错误。

另外，当需要下载该视频到手机中时，现有的手机浏览器的视频播放窗口并没有提供下载功能，如果想要下载视频时，需要由当前网页转到该视频的下载链接（URL，统一资源定位符）对应的网页地址中进行下载，在视频播放窗口的界面上没有下载按钮，不方便用户下载视频。

发明内容

本发明要解决的技术问题是提供一种移动终端浏览器中视频播放方法、装置及浏览器，可以实现在浏览器的页面上显示具有一播放按钮以及下载按钮的播放界面，并在用户点击该播放按钮时，可以直接播放该视频，也可以直接下载该视频。

为解决上述技术问题，本发明的实施例提供一种移动终端浏览器中视频播放方法，包括：

当检测到用户所请求的页面具有视频标签时，在所述页面上生成一预播放界面，其中，所述预播放界面上设置有播放按钮和控制视频下载的下载按钮；

接受用户发送的视频播放请求指令；

根据所述视频播放请求指令，以及所述页面的地址信息，播放所述视频文件。

其中，所述播放按钮的面积与所述预播放界面的面积之比为1:10-1:1.5。

其中，所述根据所述视频播放请求指令，以及所述页面的地址信息，播放所述视频文件的步骤包括：

根据所述页面的所述视频文件的地址信息，全屏播放所述视频文件或者在所述预播放界面内进行页面内播放所述视频文件或者以一预设比例的播放界面播放所述视频文件，其中，所述预设比例为非全屏和页面内播放界面之外的其它任一大小的播放界面。

其中，所述根据所述视频播放请求指令，以及所述页面的地址信息，播放所述视频文件，包括：

根据所述地址信息调整浏览器的用户代理UA参数，并将根据所述视频播放请求指令和所述UA参数生成的视频播放请求消息发送至服务器，以使所述服务器根据所述UA参数选择返回所述浏览器播放的视频文件，并播放所述视频文件。

其中，所述下载按钮用于：

当检测到所述下载按钮被点击时，生成一下载指令；

根据所述下载指令，以及所述页面的地址信息下载视频文件到本地存储介质中。

其中，所述根据所述下载指令，以及所述页面的地址信息下载视频文件到本地存储介质中，包括：

根据所述地址信息调整浏览器的用户代理UA参数，并将根据所述视频播放请求指令和所述UA参数生成的视频播放请求消息发送至服务器，以使所述服务器根据所述UA参数返回适于所述浏览器下载的视频文件，并下载所述视频文件。

其中，所述根据所述地址信息调整所述浏览器的用户代理UA参数进一步包括：

根据所述地址信息查询UA参数规则库以获取所述地址信息对应的UA参数；以及

将所述浏览器的用户代理UA参数调整为所述地址信息对应的UA参数。

其中，所述UA参数规则库存储在所述移动终端中，或者存储在云端服务器中。

其中，适于浏览器播放的视频文件为：基于开源协议的视频文件或者基于封闭式协议的视频文件。

本发明的实施例还提供一种移动终端浏览器中视频播放装置，包括：

检测模块，用于当检测到用户所请求的页面具有视频标签时，在所述页面上生成一预播放界面，其中，所述预播放界面上设置有播放按钮和控制视频下载的下载按钮；

播放模块，用于接受用户发送的视频播放请求指令；根据所述视频播放请求指令，以及所述页面的地址信息，播放所述视频文件。

其中，所述播放模块具体用于：

根据所述地址信息调整浏览器的用户代理UA参数，并将根据所述视频播放请求指令和所述UA参数生成的视频播放请求消息发送至服务器，以使所述服务器根据所述UA参数选择适于所述浏览器播放的视频文件，并播放所述视频文件。

其中，所述播放模块还用于：全屏播放所述视频文件、在所述预播放界面内进行页面内播放所述视频文件或者以一预设比例的播放界面播放所述视频文件，其中，所述预设比例为非全屏和页面内播放界面之外的其它任一大小的播放界面。

其中，所述下载按钮用于：当检测到所述下载按钮被点击时，生成一下载指令；根据所述下载指令，以及所述页面的地址信息下载视频文件到本地存储介质中。

本发明的实施例还提供一种浏览器，包括如上所述的视频播放装置，其中，所述视频播放装置嵌入到所述移动终端的浏览器中。

本发明的上述技术方案的有益效果如下：

上述方案中，通过检测到用户所请求的页面具有视频标签时，在所述页面上生成一预播放界面，其中，所述预播放界面上设置有播放按钮和控制视频下载的下载按钮；接受用户发送的视频播放请求指令；根据所述视频播放请求指令，以及所述页面的地址信息，播放所述视频文件。可以实现在浏览器的页面上显示具有一播放按钮以及下载按钮的播放界面，并在用户点击该播放按钮时，可以直接播放该视频，以及用户点击该下载按钮时，可以直接下载该视频，方便用户使用。

附图说明

图1为本发明的视频播放方法流程图；

图2为本发明的浏览器中的视频预播放界面的示意图；

图3为本发明的浏览器的视频全屏播放界面的示意图；

图4为本发明的视频播放装置的示意图。

具体实施方式

为使本发明要解决的技术问题、技术方案和优点更加清楚，下面将结合附图及具体实施例进行详细描述。

需要说明的是，本发明的实施例优选适用于移动设备，例如，IOS操作***(IOS是由苹果公司开发的手持设备操作***)、安卓操作***(Android***是一种基于Linux的自由及开放源代码的操作***)、Windows Phone操作***（Windows Phone是微软公司发布的一款手机操作***）的移动设备，当然也适用于个人计算机以及其他智能移动设备，本发明对此不作限定。

如图1所示，本发明的实施例提供一种视频播放方法，包括：

步骤11，当检测到用户所请求的页面具有视频标签时，在所述页面上生成一预播放界面，其中，所述预播放界面上设置有播放按钮和控制视频下载的下载按钮；；

步骤12，接受用户发送的视频播放请求指令；根据所述视频播放请求指令，以及所述页面的地址信息，播放所述视频文件。

该实施例通过检测到用户所请求的页面具有视频标签时，在所述页面上生成一预播放界面，其中，所述预播放界面上设置有播放按钮和控制视频下载的下载按钮；接受用户发送的视频播放请求指令；根据所述视频播放请求指令，以及所述页面的地址信息，播放所述视频文件。可以实现在浏览器的页面上显示具有一播放按钮以及下载按钮的播放界面，并在用户点击该播放按钮时，可以直接播放该视频，以及用户点击该下载按钮时，可以直接下载该视频，方便用户使用。

本发明的上述实施例中，浏览器网页本身具有视频标签时，浏览器在加载该网页时，就能检测该网页的视频标签，就会在该网页上产生一视频的预播放界面，该预播放界面如图2所示；同时该网页也会提供一地址信息，该地址信息如可以是该视频标签对应的视频文件的URL地址；

其中，浏览器的页面20中的预播放界面21上具有一播放按钮22，该播放按钮22具体可以设置于预播放界面21的靠近中心的位置，且所述播放按钮的面积与所述预播放界面的面积之比为1:10-1:1.5，方便用户点击操作，例如，该面积之比可以是1:8、1:6、1:4、1:3或者1：2，当预播放界面的面积较大时，该面积之比的值可以相对较小，例如1:10-1:5，因为过大的按钮会造成视觉上的不协调；反之，当预播放界面的面积较小时，该面积之比的值可以相对较大，例如1:5-1:1.5，这样用户可以方便、准确的点击该播放按钮。

当然还可以根据预播放界面21的大小进行适应性调整，如预播放界面的大小被放大时，该播放按钮22也会被放大，预播放界面21的大小被缩小时，该播放按钮22也会被缩小，且二者放大和缩小的比例相同，当然，本发明的实施例中，该预播放界面21的大小也可以是固定的，如和现有技术中嵌入到浏览器中的视频播放界面大小相同，只是本发明的实施例中，播放按钮22的大小位于预播放界面21靠近中心的位置，其大小比现有技术中的位于视频播放界面中的播放按钮的大小要大，因而，本发明的方案更加方便用户操作。

进一步的，若接受到用户的视频播放请求指令，即上述步骤12可以包括：

其中，所述根据所述地址信息调整所述浏览器的用户代理UA参数进一步包括：根据所述地址信息查询UA参数规则库以获取所述地址信息对应的UA参数；以及将所述浏览器的用户代理UA参数调整为所述地址信息对应的UA参数。

且进一步的，所述播放所述视频文件步骤包括：

全屏播放所述视频文件、在所述预播放界面内进行页面内播放所述视频文件或者以一预设比例的播放界面播放所述视频文件，其中，所述预设比例为非全屏和页面内播放界面之外的其它任一大小的播放界面。

而在现有的视频播放界面中，若用户点击播放按钮，则是直接在当前的播放界面中播放视频文件，如果需要全屏播放，用户需要再点击全屏按钮，视频播放界面才会响应全屏按钮，从当前的视频播放界面切换到全屏播放界面，这样操作起来比较麻烦，尤其是对于手机浏览器这样小的界面来说，不仅操作麻烦，还容易点击错误；

而本发明的该实施列中，若要全屏播放，点击上述预播放界面中的播放按钮，就会直接根据所述页面的地址信息在全屏播放界面中进行全屏播放；即如图3所示，通过点击播放按钮22直接进入全屏播放界面，优选的，点击播放按钮22后，进入横向全屏播放界面，从而方便手机用户观看视频，而不用频率点击，且减少点击错误发生的几率。

当然，在本发明的另一种实现方案中，若要进行当前页面内播放也是可以的，当点击播放按钮时，直接在当前预播放界面内进行页面内播放；

当然，在本发明的又一实现方案中，还可以以一预设比例的播放界面播放所述视频文件，当点击播放按钮时，直接以所述预设比例的播放界面播放所述视频文件，如全屏的80％的比例进行播放，或者其它比例均可。

在本发明的另一实施例中，包括上述内容基础上，所述预播放界面、所述全屏播放界面和/或所述预设比例的播放界面上具有下载按钮；如图2和图3中的下载按钮23；

因此，在该实施例中，所述下载按钮用于：

检测到所述下载按钮被点击时，生成一下载指令；根据所述下载指令，以及所述页面的地址信息下载视频文件到本地存储介质中。

具体下载时，根据所述地址信息调整浏览器的用户代理UA参数，并将根据所述视频播放请求指令和所述UA参数生成的视频播放请求消息发送至服务器，以使所述服务器根据所述UA参数返回适于所述浏览器下载的视频文件，并下载所述视频文件。

根据所述地址信息查询UA参数规则库以获取所述地址信息对应的UA参数；以及将所述浏览器的用户代理UA参数调整为所述地址信息对应的UA参数。

当然，本发明的该实施例中，也可以不再根据所述地址信息调整浏览器的用户代理UA参数，并将根据所述视频播放请求指令和所述UA参数生成的视频播放请求消息发送至服务器，而是直接采用播放视频时，服务器选择的视频文件进行下载。

在该实施例中，通过在预播放界面、全屏播放界面和/或所述预设比例的播放界面上添加下载按钮，为用户提供了在手机浏览器观看视频的同时，可以实时下载视频文件，而不必再跳转到网页提供的视频链接地址去下载视频文件，更加方便用户使用，提高了用户的使用体验。其中，本地存储介质可以是浏览器所在手机终端的存储卡或者本地存储设备；下载按钮23可以具***于预播放界面或者全屏播放界面或者所述预设比例的播放界面的右上角，左上角，右下角或者左下角均可，当然也可以浮动隐藏于该预播放界面或者播放界面上，即用户触摸到预播放界面的相应位置时，该下载按钮出现，离开时，下载按钮消失。

当然，在具体下载时，还可以通过下述方式实现：

1）根据所述下载指令，获得所述页面提供的所述视频文件对应的URL地址；

2）下载所述URL地址对应的视频文件到所述移动终端的内存缓存中；

3）将所述内存缓存中的视频文件转存到所述移动终端的本地存储介质中。

当然，也可以不缓存直接下载视频文件到本地存储介质中。

在本发明的又一实施例中，包括上述所有实施例的步骤的基础上，若所述视频文件对应的统一资源定位符URL地址为：所述视频文件需要视频播放插件播放的网页时，所述方法还包括：

步骤131，获取所述网页的视频播放插件，并在本地安装所述视频播放插件；其中，该视频播放插件如可以是Flash插件或者相关的影音播放插件；

相应的，步骤12具体可以包括：

步骤141,根据所述播放指令，以及所述视频文件对应的URL地址，利用所述视频播放插件，播放所述视频文件。

在本发明的又一实施例中，包括上述所有实施例的步骤的基础上，若所述视频文件对应的统一资源定位符URL地址为：采用HTML5（超文本传输协议）协议的网页时，相应的，步骤12具体可以包括：

步骤142，根据所述播放指令，以及所述页面提供的所述视频文件对应的URL地址，直接调用HTML5协议的网页的视频播放器，播放所述视频文件。

其中，HTML5协议的网页的视频播放器的界面可以是基于层叠样式表单（CSS）开发的网页程序组件以及与基于JavaScript开发的网页程序组件来实现。而该浏览器可以是基于Web技术的网页浏览器或基于WebView开发的网页程序组件来实现的。

该实施例中的步骤141和步骤142，提供了针对不同网页的视频源，使用不同的方式在同一浏览器的网页的视频播放界面上进行播放以及下载的功能。

在本发明的又一实施例中，包括上述所有实施例的步骤的基础上，上述方法还可以包括：

步骤13，检测到用户撤销全屏播放或者撤销以一预设比例的播放界面播放的操作指令时，控制所述播放界面返回至所述预播放界面。

本发明的上述视频播放方法可以使不同的视频源使用不同的方式在网页上显示播放按钮以及下载按钮，并在用户点击该播放按钮时，可以直接跳转到全屏播放界面，不需要用户点击原有的全屏按钮进行切换，方便用户使用，并在用户想要下载时，不需要再到页面提供的链接中去下载，而可以直接点击该下载按钮直接实时下载，方便用户使用。

下面结合具体的实现实例说明本发明的上述步骤12的具体实现过程：

S101，浏览器获取用户的视频播放请求指令。

在本发明的一个实施例中，浏览器可运行在移动终端中，其中，移动终端可以是智能手机、平板电脑、个人数字助理等具有视频播放功能的硬件设备。具体地，当用户希望播放某个视频时，可通过在移动终端中的浏览器显示的网页中点击视频链接、点击播放按键等操作输入视频播放请求指令。

S102，浏览器根据视频播放请求指令获取视频播放请求指令所对应的页面的地址信息。

在本发明的一个实施例中，地址信息可以是URL（Uniform ResourceLocator，统一资源定位符）、域名等。具体地，浏览器可根据视频播放请求指令获取当前页面（即播放请求指令所对应的视频页面）的URL信息。在本发明的其他实施例中，浏览器还可对URL信息进行分析以提取当前页面的域名。

S103，浏览器根据上述地址信息调整浏览器的UA（User Agent，用户代理）参数。

在本发明的一个实施例中，浏览器可根据页面的地址信息调整浏览器自身的UA参数。例如，如果浏览器当前网页的URL信息为http://www.vv.tv/info，则可将浏览器的UA参数调整为http://www.vv.tv/info对应的UA参数。在本发明的另一个实施例中，也可先提取当前网页的URL信息http://www.vv.tv/info中的域名vv.tv，然后将浏览器的UA参数调整为vv.tv对应的UA参数。

S104，浏览器将根据视频播放请求指令和UA参数生成的视频播放请求消息发送至服务器，以使服务器根据UA参数选择适于浏览器播放的视频。

在本发明的一个实施例中，适于浏览器播放的视频文件可为基于开源协议的视频文件或者基于封闭式协议的视频文件，其中，开源协议中的视频如可以HTML（Hypertext Markup Language，超文本标记语言）5中视频<video>标签定义的视频等。具体地，服务器（例如视频网站的服务器）接收到浏览器发送的视频播放请求消息后，首先获取视频播放请求消息中的UA参数，然后根据获取到得UA参数选择与该UA参数适合的基于开源协议的视频源，返回至浏览器进行播放。在本发明的一个实施例中，开源协议为HTML5Video tag等，封闭式协议中的视频如可以为Flashvideo等。

根据本发明实施例的用于移动终端浏览器中的视频播放方法，可根据与用户的视频播放请求指令对应的页面的地址信息调整浏览器的UA参数，从而使得服务器能够根据调整后的UA参数返回适于浏览器播放的视频，进而提高视频响应速度，改善用户体验。

下面是步骤12的另一具体实现过程：

浏览器可根据视频播放请求指令所对应的页面的地址信息在UA参数规则库中查询与所属地址信息对应的UA参数，进而将浏览器的UA参数调整为地址信息对应的UA参数。具体地，该视频播放方法包括以下步骤。

S201，浏览器获取用户的视频播放请求指令。

S202，浏览器根据视频播放请求指令获取视频播放请求指令所对应的页面的地址信息。

S203，浏览器根据地址信息查询UA参数规则库以获取地址信息对应的UA参数。

在本发明的一个实施例中，UA参数规则库可存储在移动终端中或者存储在云端服务器中，当浏览器获取视频播放请求指令所对应的页面的地址信息后，可在移动终端或云端服务器中的UA参数规则库中查询与获取的地址信息相对应的UA参数。

在本发明的另一个实施例中，如果在移动终端中的UA参数规则库中未查找到与获取的地址信息相对应的UA参数，则可将地址信息发送至云端服务器，并在云端服务器中的UA参数规则库中查询与该地址信息相对应的UA参数，同时将查询到的地址信息与UA参数的对应关系同步更新至移动终端的UA参数规则库。

S204，浏览器将浏览器的UA参数调整为地址信息对应的UA参数。

S205，浏览器将根据视频播放请求指令和调整后的UA参数生成的视频播放请求消息发送至服务器，以使服务器根据UA参数返回适于浏览器播放的视频。

根据本发明实施例的用于移动终端浏览器中的视频播放方法，可在UA参数规则库中查询与获取的地址信息对应的UA参数，并将浏览器的UA参数调整为查询到的UA参数，能够更准确的更新浏览器的UA参数，进而为用户提供更适合播放的视频资源，进一步改善用户体验。

如图4所示，本发明的实施例还提供一种视频播放装置，包括：

检测模块41，用于当检测到用户所请求的页面具有视频标签时，在所述页面上生成一预播放界面，其中，所述预播放界面上设置有播放按钮和控制视频下载的下载按钮；

播放模块42，用于接受用户发送的视频播放请求指令；根据所述视频播放请求指令，以及所述页面的地址信息，播放所述视频文件。

其中，所述播放模块具体用于：根据所述地址信息调整浏览器的用户代理UA参数，并将根据所述视频播放请求指令和所述UA参数生成的视频播放请求消息发送至服务器，以使所述服务器根据所述UA参数选择适于所述浏览器播放的视频文件，并播放所述视频文件。

需要说明的是：该装置实施例是与上述方法实施例对应的装置，上述方法实施例中所有实现方式均适用于该装置的实施例中，也能达到相同的技术效果。

上述实施例方法中的全部或者部分流程，是可以通过计算机程序来指示相关的硬件来完成，其中，程序可以存储于计算机可读存储介质中，该程序在执行时，可以如上述方法的各实施例所示的流程，而存储介质如可以磁盘、光盘、只读存储记忆体（ROM）或者随机存储记忆体（RAM）等。

最后，本发明的实施例还提供一种浏览器，包括如上所述的视频播放装置，其中，所述视频播放装置嵌入到所述浏览器中。优选的，该浏览器是适用于智能手机、PAD等小型智能终端的浏览器。

以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明所述原理的前提下，还可以作出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims

1.一种移动终端浏览器中视频播放方法，其特征在于，包括：

接受用户发送的视频播放请求指令；

2.根据权利要求1所述的视频播放方法，其特征在于，

所述播放按钮的面积与所述预播放界面的面积之比为1:10-1:1.5。

3.根据权利要求1所述的视频播放方法，其特征在于，所述根据所述视频播放请求指令，以及所述页面的地址信息，播放所述视频文件的步骤包括：

4.根据权利要求1所述的视频播放方法，其特征在于，所述根据所述视频播放请求指令，以及所述页面的地址信息，播放所述视频文件，包括：

5.根据权利要求1所述的视频播放方法，其特征在于，所述下载按钮用于：

当检测到所述下载按钮被点击时，生成一下载指令；

6.根据权利要求5所述的视频播放方法，其特征在于，所述根据所述下载指令，以及所述页面的地址信息下载视频文件到本地存储介质中，包括：

7.根据权利要求4或6所述的视频播放方法，其特征在于，

所述根据所述地址信息调整所述浏览器的用户代理UA参数进一步包括：

8.根据权利要求7所述的视频播放方法，其特征在于，

所述UA参数规则库存储在所述移动终端中，或者存储在云端服务器中。

9.根据权利要求3所述的视频播放方法，其特征在于，适于浏览器播放的视频文件为：基于开源协议的视频文件或者基于封闭式协议的视频文件。

10.一种移动终端浏览器中视频播放装置，其特征在于，包括：

11.根据权利要求10所述的视频播放装置，其特征在于，所述播放模块具体用于：

12.根据权利要求10或11所述的视频播放装置，其特征在于，所述播放模块还用于：全屏播放所述视频文件、在所述预播放界面内进行页面内播放所述视频文件或者以一预设比例的播放界面播放所述视频文件，其中，所述预设比例为非全屏和页面内播放界面之外的其它任一大小的播放界面。

13.根据权利要求10所述的视频播放装置，其特征在于，所述下载按钮用于：

当检测到所述下载按钮被点击时，生成一下载指令；根据所述下载指令，以及所述页面的地址信息下载视频文件到本地存储介质中。

14.一种浏览器，其特征在于，包括如权利要求10－13任一项所述的视频播放装置，其中，所述视频播放装置嵌入到所述移动终端的浏览器中。