CN104516637B - 媒体播放页面中按钮的显示控制方法和装置 - Google Patents

Abstract

本发明提供了一种媒体播放页面中按钮的显示控制方法和装置。所述方法包括：侦测媒体播放页面中的点击手势，得到所述点击手势所在的点击位置；判断所述点击位置是否位于媒体播放区域，若是，则根据控制条视图的显示触发进行媒体播放的功能按钮的显示。所述装置包括：手势侦测模块，用于侦测媒体播放页面中的点击手势，得到所述点击手势所在的点击位置；位置判断模块，用于判断所述点击位置是否位于媒体播放区域，若是，则通知显示处理模块；所述显示处理模块用于根据控制条视图的显示触发进行媒体播放的功能按钮的显示。采用本发明能简化媒体播放页面中操作路径。

Description

媒体播放页面中按钮的显示控制方法和装置

技术领域

本发明涉及互联网应用技术，特别是涉及一种媒体播放页面中按钮的显示控制方法和装置。

背景技术

随着互联网访问的日渐频繁，在访问互联网中的媒体资源以进行媒体资源的播放时，相应产生的各种需求也日益强烈，例如，下载媒体资源的需求，即边观看播放的媒体资源边下载媒体资源。

因此，将需要在媒体播放页面中提供用于实现各种功能的按钮，然而，在传统的媒体播放页面中，播放进度条和按钮大都是交替进行显示的，即用户首次点击视频区域时将进行按钮的显示，并根据显示的时间自动消失，再次点击时视频区域时将时行进度条的显示；此外，在另一些媒体播放页面中，用于实现各种功能的按钮只有在媒体播放页面处于暂停状态才会显示于媒体播放页面中。

播放进度条和按钮的交替显示将导致用户对媒体播放页面输入操作时存在着操作路径复杂的缺陷。

发明内容

基于此，有必要针对播放进度条和按钮的交替显示导致媒体播放页面中操作路径复杂的技术问题，提供一种能简化媒体播放页面中操作路径的媒体播放页面中按钮的显示控制方法。

此外，还有必要提供一种能简化媒体播放页面中操作路径的媒体播放页面中按钮的显示控制装置。

一种媒体播放页面中按钮的显示控制方法，包括如下步骤：

侦测媒体播放页面中的点击手势，得到所述点击手势所在的点击位置；

判断所述点击位置是否位于媒体播放区域，若是，则

根据控制条视图的显示触发进行媒体播放的功能按钮的显示。

一种媒体播放页面中按钮的显示控制装置，包括：

手势侦测模块，用于侦测媒体播放页面中的点击手势，得到所述点击手势所在的点击位置；

位置判断模块，用于判断所述点击位置是否位于媒体播放区域，若是，则通知显示处理模块；

所述显示处理模块用于根据控制条视图的显示触发进行媒体播放的功能按钮的显示。

上述媒体播放页面中按钮的显示控制方法和装置，侦测媒体播放页面中的点击手势，以得到点击手势所在的点击位置，在判断得到点击位置位于媒体播放区域时，将根据控制条视图的显示触发时行媒体播放的功能按钮的显示，以使得控制条视图和媒体播放的功能按钮显示于同一界面中，进而使得用户可在这一界面中对控制条视图或功能按钮输入操作，大大简化了媒体播放页面中的操作路径，提高了媒体播放页面中的操作方便性，降低了媒体播放页面中的输入成本。

附图说明

图1为一个实施例中媒体播放页面中按钮的显示控制方法的流程图；

图2为图1中根据控制条视图的显示触发进行媒体播放的功能按钮的显示的方法流程图；

图3为一个实施例中播放器界面的示意图；

图4为图2中判断查找得到的控制条视图是否显示的方法流程图；

图5为另一个实施例中根据控制条视图的显示触发进行媒体播放的功能按钮的显示的方法流程图；

图6为一个实施例中媒体播放页面中按钮的显示控制装置的结构示意图；

图7为图6中显示处理模块的结构示意图；

图8为图7中显示判断单元的结构示意图；

图9为另一个实施例中显示处理模块的结构示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

如图1所示，在一个实施例中，一种媒体播放页面中按钮的显示控制方法，包括如下步骤：

步骤S10，侦测媒体播放页面中的点击手势，得到点击手势所在的点击位置。

本实施例中，媒体播放页面是播放视频或音频的网页页面，例如，浏览器通过用户的访问操作加载媒体播放页面，此时，将通过媒体播放页面中嵌入的播放器实现视频或音频的在线播放。

在开启的媒体播放页面中侦测得到触发的点击手势，此时将获知媒体播放页面中发生了单击操作，进而获取点击手势所在的点击位置。

具体的，媒体播放页面中点击手势的侦测将通过预先注入的单击手势控件实现，通过单击手势侦测媒体播放页面中的单击事件，以得到相应的点击位置。

步骤S30，判断点击位置是否位于媒体播放区域，若是，则进入步骤S150，若否，则结束。

本实施例中，进行点击位置是否位于媒体播放区域的判断，以监控用户的点击行为是否发生于媒体播放区域中，进而获知用户是否即将对播放的媒体触发操作，例如，对播放的媒体进行下载或者弹出小窗进行播放等。

基于此，若判断到点击位置位于媒体播放区域中，则说明用户即将对播放的媒体触发操作的可能性很高，因此，将进入步骤S50实现功能按钮的显示，以使于用户点击任一功能按钮；若判断到点击位置并没有位于媒体播放区域中，则说明当前用户所进行的操作与媒体播放无关，因此，对于媒体播放页面中按钮的显示控制方法而言，将忽略用户的点击行为，不做任何处理。

步骤S50，根据控制条视图的显示触发进行媒体播放的功能按钮的显示。

本实施例中，控制条视图是媒体播放页面中对进行媒体播放的播放器进行控制的控件，包括了进度条和控制按钮，其中，进度条用于展示当前媒体播放的进度，控制按钮包括了暂停按钮、播放按钮、快进按钮和声音调整按钮。

控制条视图可为浮动视图，将随着用户行为浮现于媒体播放页面的播放器界面中，在用户没有触发操作时消失于播放器界面。控制条视图显示于播放器界面时，将也进行媒体播放的功能按钮的显示，以使得控制条视图和媒体播放的功能按钮显示于同一界面中，对于用户而言将实现了控制条视图和媒体播放的功能按钮的同步显示，用户可直接在界面中对控制条视图或媒体播放的功能按钮触发操作。

媒体播放的功能按钮额外地为媒体播放提供了更多的扩展功能，以使得嵌入了播放器的媒体播放页面得以实现下载、弹出小窗进行播放等功能。

如图2所示，在一个实施例中，上述步骤S50包括如下步骤：

步骤S510，遍历控件，查找得到控件中的控制条视图。

本实施例中，对控件进行遍历，以查找用来展示媒体播放进度和控制播放的控制条视图。

步骤S530，判断查找得到的控制条视图是否显示，若是，则进入步骤550，若否，则结束。

本实施例中，判断媒体播放页面中的控制条视图是否被显示，若是，则此时用户通过媒体播放页面中的播放器页面可查看当前的媒体播放进度，并通过控制条视图上播放播放的按钮对媒体播放进行暂停、播放、快进和声音调整等操作，相应的，在获知控制条视图已经显示于媒体播放页面中，则立即时行媒体播放的功能按钮的显示。

步骤S550，显示媒体播放的功能按钮。

本实施例中，将媒体播放的功能按钮显示于媒体播放页面中，例如，可显示于播放器界面中，如图3所示，功能按钮301包括了小窗播放按钮和下载视频按钮，并且不需要暂停当前所进行的媒体播放也能够实现媒体播放的功能模块的显示，进而不需要暂停当前所进行的媒体播放也能够实现媒体播放的其它功能，例如，小窗播放和下载。

在一个实施例中，上述步骤S550的具体过程为：将媒体播放的下载按钮和/或小窗播放按钮显示于媒体播放区域。

本实施例中，媒体播放的功能按钮包括下载按钮和/或小窗播放按钮，将下载按钮和/或小窗播放按钮显示于播放器界面中的媒体播放区域，以便于用户触发操作。

如图4所示，在一个实施例中，上述步骤S530包括如下步骤：

步骤S531，获取查找得到的控制条视图所对应的属性。

本实施例中，对于控制条视图这一控件而言，在其显示时所对应的属性将发生变化，因此，将获取该控制条视图所对应的属性。

步骤S533，根据属性判断控制条视图是否显示，若是，则进入步骤S550，若否，则结束。

本实施例中，以控制条视图所对应的属性为依据来判断控制条视图是否显示，例如，若控制条视图中的属性hidden所对应的值为NO，alpha>0，则说明当前控制条视图已经显示，因此，将进入步骤S550进行媒体播放的功能按钮的显示。

如图5所示，在一个实施例中，上述步骤S50包括如下步骤：

步骤S501，获取媒体播放页面中的脚本属性。

本实施例中，对于使用了JS（Java script）自定义控件的媒体播放页面而言，由于控制条视图的显示必然伴随着其脚本属性，即Html元素和对应属性的改变。例如，一媒体播放页面中控制条视图的显示将使得进度条元素Div的className为“x-dashboard”，属性style.display由“null”变为“block”；在另一个媒体播放页面中，当其控制条视图显示时，id为“html5-control-bar”的元素DIV中，该元素DIV的属性className会为“control-barbar-fade-in”，在控制条视图消失时，属性className则变为“control-bar bar-fade-out”。

步骤S503，根据媒体播放页面中的脚本属性判断控制条视图是否显示，若是，则进入步骤S550，若否，则结束。

本实施例中，以获取的媒体播放页面中的脚本属性为依据，判断控制条视图是否，例如，可内置的UIWebview控件判断属性style.display是否为“block”，若UIWebview控件返回了YES值时，说明当前控制条视图已经显示，其中，该UIWebview控件是用于显示媒体播放页面的控件。

上述通过控件所进行的判断和根据脚本属性所进行的判断可以根据实际情况择一选用，也可进行双重的判断，以为媒体播放页面中的准确判断提供双重保障，使得无法何种形式的媒体播放页面均能够实现控制条视图和媒体播放的功能按钮的同步显示，提高了媒体播放页面中按键的显示控制的可扩展性和兼容性，方便灵活。

如图6所示，在一个实施例中，一种媒体播放页面中按钮的显示控制装置，包括手势侦测模块10、位置判断模块30和显示处理模块50。

手势侦测模块10，用于侦测媒体播放页面中的点击手势，得到点击手势所在的点击位置。

本实施例中，媒体播放页面是播放视频或音频的网页页面，例如，浏览器通过用户的访问操作加载媒体播放页面，此时，将通过媒体播放页面中嵌入的播放器实现视频或音频的在线播放。

在开启的媒体播放页面中手势侦测模块10侦测得到触发的点击手势，此时将获知媒体播放页面中发生了单击操作，进而获取点击手势所在的点击位置。

具体的，媒体播放页面中实现点击手势的侦测的手势侦测模块10将通过预先注入的单击手势控件实现，通过单击手势侦测媒体播放页面中的单击事件，以得到相应的点击位置。

位置判断模块30，用于判断点击位置是否位于媒体播放区域，若是，则通知显示处理模块50，若否，则结束。

本实施例中，位置判断模块30进行点击位置是否位于媒体播放区域的判断，以监控用户的点击行为是否发生于媒体播放区域中，进而获知用户是否即将对播放的媒体触发操作，例如，对播放的媒体进行下载或者弹出小窗进行播放等。

基于此，若位置判断模块30判断到点击位置位于媒体播放区域中，则说明用户即将对播放的媒体触发操作的可能性很高，因此，将通知显示处理模块50实现功能按钮的显示，以使于用户点击任一功能按钮；若位置判断模块30判断到点击位置并没有位于媒体播放区域中，则说明当前用户所进行的操作与媒体播放无关，因此，对于媒体播放页面中按钮的显示控制方法而言，将忽略用户的点击行为，不做任何处理。

显示处理模块50，用于根据控制条视图的显示触发进行媒体播放的功能按钮的显示。

本实施例中，控制条视图是媒体播放页面中对进行媒体播放的播放器进行控制的控件，包括了进度条和控制按钮，其中，进度条用于展示当前媒体播放的进度，控制按钮包括了暂停按钮、播放按钮、快进按钮和声音调整按钮。

控制条视图可为浮动视图，将随着用户行为浮现于媒体播放页面的播放器界面中，在用户没有触发操作时消失于播放器界面。控制条视图显示于播放器界面时，将也进行媒体播放的功能按钮的显示，以使得控制条视图和媒体播放的功能按钮显示于同一界面中，对于用户而言将实现了控制条视图和媒体播放的功能按钮的同步显示，用户可直接在界面中对控制条视图或媒体播放的功能按钮触发操作。

媒体播放的功能按钮额外地为媒体播放提供了更多的扩展功能，以使得嵌入了播放器的媒体播放页面得以实现下载、弹出小窗进行播放等功能。

如图7所示，在一个实施例中，上述显示处理模块50包括遍历单元510、显示判断单元530和显示单元550。

遍历单元510，用于遍历控件，查找得到控件中的控制条视图。

本实施例中，遍历单元510对控件进行遍历，以查找用来展示媒体播放进度和控制播放的控制条视图。

显示判断单元530，用于判断查找得到的控制条视图是否显示，若是，则通知显示单元550，若否，则结束。

本实施例中，显示判断单元530判断媒体播放页面中的控制条视图是否被显示，若是，则此时用户通过媒体播放页面中的播放器页面可查看当前的媒体播放进度，并通过控制条视图上播放播放的按钮对媒体播放进行暂停、播放、快进和声音调整等操作，相应的，在获知控制条视图已经显示于媒体播放页面中，则显示单元550立即时行媒体播放的功能按钮的显示。

显示单元550，用于显示媒体播放的功能按钮。

本实施例中，显示单元550将媒体播放的功能按钮显示于媒体播放页面中，例如，可显示于播放器界面中，并且不需要暂停当前所进行的媒体播放也能够实现媒体播放的功能模块的显示，进而不需要暂停当前所进行的媒体播放也能够实现媒体播放的其它功能，例如，小窗播放和下载。

在一个实施例中，上述显示单元550还用于将媒体播放的下载按钮和/或小窗播放按钮显示于媒体播放区域。

本实施例中，媒体播放的功能按钮包括下载按钮和/或小窗播放按钮，显示单元550将下载按钮和/或小窗播放按钮显示于播放器界面中的媒体播放区域，以便于用户触发操作。

如图8所示，在一个实施例中，上述显示判断单元530包括属性获取单元531和属性判断单元533。

属性获取单元531，用于获取查找得到的控制条视图所对应的属性。

本实施例中，对于控制条视图这一控件而言，在其显示时所对应的属性将发生变化，因此，属性获取单元531将获取该控制条视图所对应的属性。

属性判断单元533，用于根据属性判断控制条视图是否显示，若是，则通知显示单元550，若否，则结束。

本实施例中，属性判断单元533以控制条视图所对应的属性为依据来判断控制条视图是否显示，例如，若控制条视图中的属性hidden所对应的值为NO，alpha>0，则说明当前控制条视图已经显示，因此，将通知显示单元550进行媒体播放的功能按钮的显示。

如图9所示，在另一个实施例中，上述显示处理模块50包括脚本获取单元501和脚本判断单元503。

脚本获取单元501，用于获取媒体播放页面中的脚本属性。

本实施例中，对于使用了JS自定义控件的媒体播放页面而言，由于控制条视图的显示必然伴随着其脚本属性，即Html元素和对应属性的改变。例如，一媒体播放页面中控制条视图的显示将使得进度条元素Div的className为“x-dashboard”，属性style.display由“null”变为“block”；在另一个媒体播放页面中，当其控制条视图显示时，id为“html5-control-bar”的元素DIV中，该元素DIV的属性className会为“control-bar bar-fade-in”，在控制条视图消失时，属性className则变为“control-bar bar-fade-out”。

脚本判断单元503，用于根据媒体播放页面中的脚本属性判断控制条视图是否显示，若是，则通知显示单元，若否，则结束。

本实施例中，脚本判断单元503以获取的媒体播放页面中的脚本属性为依据，判断控制条视图是否，例如，可内置的UIWebview控件判断属性style.display是否为“block”，若UIWebview控件返回了YES值时，说明当前控制条视图已经显示，其中，该UIWebview控件是用于显示媒体播放页面的控件。

上述媒体播放页面中按钮的显示控制装置运行于浏览器中，通过控件所进行的判断和根据脚本属性所进行的判断可以根据实际情况择一选用，也可进行双重的判断，以为媒体播放页面中的准确判断提供双重保障，使得无法何种形式的媒体播放页面均能够实现控制条视图和媒体播放的功能按钮的同步显示，提高了媒体播放页面中按键的显示控制的可扩展性和兼容性，方便灵活。

上述媒体播放页面中按钮的显示控制方法和装置，侦测媒体播放页面中的点击手势，以得到点击手势所在的点击位置，在判断得到点击位置位于媒体播放区域时，将根据控制条视图的显示触发时行媒体播放的功能按钮的显示，以使得控制条视图和媒体播放的功能按钮显示于同一界面中，进而使得用户可在这一界面中对控制条视图或功能按钮输入操作，大大简化了媒体播放页面中的操作路径，提高了媒体播放页面中的操作方便性，降低了媒体播放页面中的输入成本。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体（Read-Only Memory，ROM）或随机存储记忆体（Random AccessMemory，RAM）等。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种媒体播放页面中按钮的显示控制方法，包括如下步骤：

侦测媒体播放页面中的点击手势，得到所述点击手势所在的点击位置，其中，所述媒体播放页面是播放视频或音频的网页页面；

判断所述点击位置是否位于媒体播放区域，若是，则

根据控制条视图的显示触发进行媒体播放的功能按钮的显示，其中，所述功能按钮为媒体播放提供扩展功能，以使得嵌入了播放器的媒体播放页面实现扩展功能，所述控制条视图是所述媒体播放页面中对进行媒体播放的播放器进行控制的控件。

2.根据权利要求1所述的方法，其特征在于，所述根据控制条视图的显示触发进行媒体播放的功能按钮的显示的步骤包括：

遍历控件，查找得到控件中的控制条视图；

判断所述查找得到的控制条视图是否显示，若是，则

显示所述媒体播放的功能按钮。

3.根据权利要求2所述的方法，其特征在于，所述判断所述查找得到的控制条视图是否显示的步骤为：

获取所述查找得到的控制条视图所对应的属性；

根据所述属性判断所述控制条视图是否显示，若是，则

进入所述显示所述媒体播放的功能按钮的步骤。

4.根据权利要求1所述的方法，其特征在于，所述根据控制条视图的显示触发进行媒体播放的功能按钮的显示的步骤包括：

获取媒体播放页面中的脚本属性；

根据所述媒体播放页面中的脚本属性判断所述控制条视图是否显示，若是，则

显示所述媒体播放的功能按钮。

5.根据权利要求2或4所述的方法，其特征在于，所述显示所述媒体播放的功能按钮的步骤包括：

将所述媒体播放的下载按钮和/或小窗播放按钮显示于所述媒体播放区域。

6.一种媒体播放页面中按钮的显示控制装置，其特征在于，包括：

手势侦测模块，用于侦测媒体播放页面中的点击手势，得到所述点击手势所在的点击位置，其中，所述媒体播放页面是播放视频或音频的网页页面；

位置判断模块，用于判断所述点击位置是否位于媒体播放区域，若是，则通知显示处理模块；

所述显示处理模块用于根据控制条视图的显示触发进行媒体播放的功能按钮的显示，其中，所述功能按钮为媒体播放提供扩展功能，以使得嵌入了播放器的媒体播放页面实现扩展功能，所述控制条视图是媒体播放页面中对进行媒体播放的播放器进行控制的控件。

7.根据权利要求6所述的装置，其特征在于，所述显示处理模块包括：

遍历单元，用于遍历控件，查找得到控件中的控制条视图；

显示判断单元，用于判断所述查找得到的控制条视图是否显示，若是，则通知显示单元；

所述显示单元用于显示所述媒体播放的功能按钮。

8.根据权利要求7所述的装置，其特征在于，所述显示判断单元包括：

属性获取单元，用于获取所述查找得到的控制条视图所对应的属性；

属性判断单元，用于根据所述属性判断所述控制条视图是否显示，若是，则通知所述显示单元。

9.根据权利要求6所述的装置，其特征在于，所述显示处理模块包括：

脚本获取单元，用于获取媒体播放页面中的脚本属性；

脚本判断单元，用于根据所述媒体播放页面中的脚本属性判断所述控制条视图是否显示，若是，则通知显示单元；

所述显示单元用于显示所述媒体播放的功能按钮。

10.根据权利要求7或9所述的装置，其特征在于，所述显示单元还用于将所述媒体播放的下载按钮和/或小窗播放按钮显示于所述媒体播放区域。