一种控制网页页面的方法及装置
技术领域
本申请涉及信息技术领域,尤其涉及一种控制网页页面的方法及装置。
背景技术
随着信息化社会的发展,信息将在社会中处于主要作用,而人们也开始更多的使用各种终端来进行信息化的工作和生活,其中由于触摸屏幕的操作方式更加直观、方便,所以人们更加喜欢使用具有触摸屏幕终端(如,智能手机,平板电脑)来处理各种事务(如,浏览网页,观看视频)。
由于超文本标志语言第五次重大修版(Hyper Text Markup Language 5,HTML5)相较于使用超文本标志语言(Hyper Text Markup Language,HTML)更加的便利、简洁,因此,目前的网页页面通常采用HTML5来编写网页页面的代码。
而当使用HTML5来编写网页页面的代码时,如果网页页面中存在诸如视频文件等多媒体文件时,则需要使用HTML5代码建立用于控制该多媒体文件的后台控制器接口与相应的控制指令之间的对应关系,使用户可以通过与该控制指令相对应的操作(如点击某个按钮等操作)来控制多媒体文件。
但是,由于目前大多数采用HTML5编写的网页页面仅支持针对个人电脑(PersonalComputer,PC)端的鼠标和键盘的操作方式,即,用户在使用触屏终端浏览这种网页页面时,并不能建立手势操作对应的控制指令与多媒体文件的后台控制器接口之间的对应关系,因此,当使用触屏终端浏览这种网页页面时,触屏终端可以使用手势更直观方便的进行操作的优势并没有发挥出来,用户仍然只能通过点击按钮的方式来控制多媒体文件。例如,当使用触屏终端浏览网页页面时,如果网页页面中包含视频文件,则用户仍然只能通过点击播放该视频的按钮来控制视频文件的播放。
众所周知,手势操作的主体是手指,比较粗糙,用手指进行手势操作时所占的面积要远大于鼠标在操作时所占的面积,所以在触屏终端上对网页页面执行手势操作时,如果仅通过点击按钮的方式来控制多媒体文件,不仅操作方式单一,而且也容易引起用户的误操作,导致操作便利性较低。
发明内容
本申请实施例提供一种控制网页页面的方法及装置,用以解决现有技术中用户在使用触摸屏终端时,控制网页页面中的多媒体文件不便利,且控制方式单一的问题。
本申请实施例提供的一种控制网页页面方法,包括:
终端应用接收网页页面;
建立预设的控制指令与所述网页页面对应的后台控制器的接口的对应关系,其中,所述后台控制器用于控制所述网页页面中的多媒体文件;
当监测到用户执行了与所述控制指令相对应的操作时,通过所述后台控制器中与所述控制指令对应的接口,控制所述网页页面中的多媒体文件。
本申请实施例提供的一种控制网页页面方法,包括:
终端应用接收网页页面;
监测用户执行的操作;
确定所述操作对应的所述终端应用的控制指令;
根据预先建立的控制指令与后台控制器接口的对应关系,确定所述控制指令对应的后台控制器的接口,其中,所述后台控制器用于控制网页页面中的多媒体文件;
通过确定的所述后台控制器的接口控制所述网页页面中的多媒体文件。
本申请实施例提供的一种控制网页页面装置,包括:
接收模块,用于接收网页页面;
绑定模块,用于建立预设的控制指令与所述网页页面对应的后台控制器的接口的对应关系,其中,所述后台控制器用于控制所述网页页面中的多媒体文件;
监测控制模块,用于当监测到用户执行了与所述控制指令相对应的操作时,通过所述后台控制器中与所述控制指令对应的接口,控制所述网页页面中的多媒体文件。
本申请实施例提供的一种控制网页页面的装置,包括:
接收模块,用于接收网页页面;
监测模块,用于监测用户执行的操作;
第一确定模块,用于确定所述操作对应的控制指令;
第二确定模块,用于根据预先建立的控制指令与后台控制器接口的对应关系,确定所述控制指令对应的后台控制器的接口,其中,所述后台控制器用于控制网页页面中的多媒体文件;
控制模块,用于通过确定的所述后台控制器的接口控制所述网页页面中的多媒体文件。
本申请实施例提供一种接控制网页页面的方法及装置,该方法建立预设的控制指令与网页页面中对应的后台控制器的接口的对应关系,使得用户可以通过执行与该控制指令对应的操作来实现对网页页面中多媒体文件的控制,其中,与该控制指令相对应的操作为手势操作,该后台控制器用于控制所述网页页面中的多媒体文件。上述控制方法,在接收网页页面之后,建立网页页面对应的后台控制器的接口与预设的控制指令(如,手势操作信息)的对应关系,因此可以灵活的使用各种与该预设的控制指令对应的操作方式来对网页页面进行控制,扩展了用户控制网页页面的方式,提高了用户操作的便利性。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本申请实施例提供的控制网页页面的过程;
图2为本申请实施例提供的网页页面中存在漫画文件与音乐音频文件的示意图;
图3为本申请实施例提供的控制网页页面的过程;
图4为为本申请实施例提供控制网页页面的第一种装置结构示意图。
图5为本本申请实施例提供控制网页页面的第二种装置结构示意图
具体实施方式
由于在现有技术方案中,控制网页页面的方法,主要是通过建立网页页面中的后台控制器的接口与传统操作信息(如,播放界面中的按键对应的信息)对应关系的方式来实现,这使得用户在使用触摸屏终端时,控制网页的方式繁琐,且控制方式单一的问题。因此,为了扩展网页页面控制方式,使得用户控制网页页面的方式更加简便,本申请实施例通过建立预设的控制指令与网页页面中对应的后台控制器的接口的对应关系,使得用户可以通过执行与该控制指令对应的操作来实现对网页页面中多媒体文件的控制,增加用户对网页页面的控制方式,避免了现有技术在触摸屏中网页页面操作不便,网页页面控制方式单一的问题。
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
图1为本申请实施例提供的控制网页页面方法,具体包括以下步骤:
S101:终端应用接收网页页面。
在本申请实施例中,所述终端可以是手机、个人计算机(Personal Compuer,PC)、平板电脑等各种终端。具体的用户可以通过手势操作来控制该终端的系统(如,Windows8、Android、iOS等),所述终端应用可以是安装于终端系统中的第三方应用,或者终端的操作系统自带的应用。所述的网页页面中可以有各种类型的多媒体文件,如,视频文件、图片文件、音频文件、动画文件等,所以为了方便说明,以下仅以网页页面中存在视频文件为例。
例如,用户使用手机打开一个网页页面,手机通过无线保真(Wireless Fidelity,Wi-Fi)、无线局域网络(Wireless Local Area Networks,WLAN)或者移动通信(MobileCommunications)接收该网页页面,该网页页面中存在视频文件。
S102:建立预设的控制指令与所述网页页面对应的后台控制器的接口的对应关系,其中,所述后台控制器用于控制所述网页页面中的多媒体文件。
在本申请实施例中,网页页面对应的后台控制器用于控制网页页面,具体是通过后台控制器的各接口来控制网页页面的。一般的,在编写一个网页页面的代码时,可在代码中建立某些控制指令与后台控制器的接口的对应关系,用以控制网页页面,如,在代码中将点击某个按钮的操作与后台控制器的翻页功能接口绑定,则当用户点击了该按钮时,即可控制网页页面进行翻页。
进一步的,网页页面通过其代码,建立的网页页面中多媒体文件与后台控制器的对应关系,实际上只是网页页面的提供者所指定的控制多媒体文件的控制方式。而若想扩展控制多媒体文件的控制方式,还需要通过终端应用来建立额外的控制指令(即,预设的控制指令)与该后台控制器接口的对应关系。也就是说,本申请中通过由终端应用建立额外的控制指令与后台控制器接口的对应关系,来增加控制网页页面中多媒体文件的控制方式。
继续沿用上例,假设网页页面中存在视频文件,而控制该视频文件的后台控制器的控制功能包括播放、暂停、快进、快退、全屏播放、退出全屏播放、音量增加、音量减小、播放下一个、播放上一个等。则如果该网页页面通过其代码建立的控制指令与后台控制器接口的对应关系为“点击某个按钮的操作对应的控制指令与全屏播放功能对应的接口之间的对应关系”,那么用户如果想要使该视频文件全屏播放,就只能通过点击该按钮。为了扩展全屏播放的操作方式,本申请中终端应用接收到该网页页面后,可建立额外的控制指令与后台控制器中全屏播放功能对应的接口之间的对应关系,如,可建立以中心向外扩散的多点手势操作对应的控制指令与该全屏播放功能对应的接口之间的对应关系,则后续的,用户除了可通过点击按钮全屏播放以外,还可通过以中心向外扩散的多点手势操作进行全屏播放。
更进一步的,该预设的控制指令,可以是终端系统中预先存在的控制指令,也可以是第三方终端应用预先存在的控制指令。如,安卓(Android)系统中自带的控制指令、第三方应用程序(Application,APP)中编写的控制指令。
所述控制指令相对应的操作可为手势操作,如,点击手势操作、双击手势操作、向屏幕右边滑动的手势操作、向屏幕左边滑动的手势操作、向屏幕上方滑动的手势操作、向屏幕下方滑动的手势操作、多个点以中心向外扩散的手势操作、多点以中心向内收敛的手势操作、两点向屏幕右边滑动的手势操作、两点向屏幕左边滑动的手势操作等等。
将控制指令与该网页页面对应的后台控制器的接口绑定时,具体可先确定后台控制器的各接口的功能,确定各预设的控制指令相对应的操作的功能,再将相同功能的控制指令与后台控制器的接口绑定,如表1所示。
预设的控制指令相对应的操作 |
后台控制器的接口功能 |
点击手势操作 |
播放/停止 |
双击手势操作 |
暂停 |
向屏幕右边滑动的手势操作 |
快进 |
向屏幕左边滑动的手势操作 |
快退 |
向屏幕上方滑动的手势操作 |
音量增加 |
向屏幕下方滑动的手势操作 |
音量减小 |
多个点以中心向外扩散的手势操作 |
全屏播放 |
多个点以中心向内收敛的手势操作 |
退出全屏播放 |
两点向屏幕右边滑动的手势操作 |
播放下一个 |
两点向屏幕左边滑动的手势操作 |
播放上一个 |
表1
表1为本申请实施例提供的预设控制指令相对应的操作与后台控制器接口功能的对应关系,其中表左列为预设控制指令相对应的操作,表右侧为与该控制指令相对应的操作建立对应关系的后台控制器接口功能。
需要说明的是,该后台控制器可以是安装于系统中的第三方控制器,或者终端系统中自带的后台控制器。
S103:当监测到用户执行了与所述控制指令相对应的操作时,通过所述后台控制器中与所述控制指令对应的接口,控制所述网页页面中的多媒体文件。
在本申请实施例中,经过步骤S102的步骤后,当终端监测到用户执行了与步骤S102中确定的控制指令对应的操作时,通过与该操作建立对应关系的后台控制器接口,用户便可以通过操作控制网页页面中的多媒体文件。
具体的,当网页页面中的多媒体文件为视频文件时,即步骤S101~步骤S102中的场景时,当终端监测用户执行点击操作后,终端接收到点击操作对应的控制指令,由于该控制指令与播放器后台控制器的播放功能绑定,所以网页页面中的视频文件通过播放器开始在网页页面中播放,由于一般在网页中播放视频文件时都是出于初始的状态,即非全屏播放状态,所以当终端监测到用户以两点接触屏幕,并以中心向外扩散的操作时,根据与该操作对应的控制指令建立对应关系的接口功能,将视频全屏播放。
可见,通过上述方法,即使网页页面的代码中只建立“点击全屏按钮”的控制指令与后台控制器中视频全屏播放的接口的对应关系,终端通过建立另外的控制指令与后台控制器中视频全屏播放的接口的对应关系,用户即可通过相应的操作来控制视频全屏播放,而不仅限于通过点击全屏按钮的方式实现全屏播放,从而扩展了网页页面的控制方式,也提高了用户操作的便利性。
另外,由于网页页面中的多媒体文件不仅仅局限于视频文件,还有图像互换格式(Graphics Interchange Format,Gif)动画文件,图片文件等等,所以本申请实施例还可以使用其他网页页面多媒体文件上。
例如,在一个终端接收一个漫画网页后,可确定该网页页面控制漫画文件播放的后台控制器中各接口的功能,并针对每个接口,在预设各控制指令中,确定与该接口功能对应的控制指令,再建立该接口与对应的控制指令之间的对应关系,如表2所示。
预设的控制指令相对应的操作 |
后台控制器的接口功能 |
向屏幕右边滑动的手势操作 |
下一页 |
向屏幕左边滑动的手势操作 |
上一页 |
多个点以中心向外扩散的手势操作 |
全屏播放 |
多个点以中心向内收敛的手势操作 |
退出全屏播放 |
点击手势操作 |
自动播放/停止 |
双击手势操作 |
返回目录 |
表2
表2为本申请实施例提供的预设控制指令相对应的操作与后台控制器接口功能的对应关系,其中表左列为预设控制指令相对应的操作,表右侧为与该控制指令相对应的操作建立对应关系的后台控制器接口功能。
进一步的,如果该网页页面中存在多种可控制的多媒体文件,则可以建立控制指令与不同的多媒体文件后台控制器接口的对应关系,并监测用户执行与所述控制指令相对应的操作时的操作位置,再根据该操作位置确定该操作是控制哪个多媒体文件的后台控制器接口的,最后通过该接口实现对该多媒体文件的控制。
例如,在如图2所示的网页页面中的多媒体文件,存在漫画文件与音乐音频文件,其中网页页面上部是漫画文件对应的图片,网页页面下部是播放音乐音频文件的播放器,两个多媒体文件均由各自的后台控制器来控制,且终端预设控制指令相对应的操作与各多媒体文件的后台控制器的接口功能对应如表3所示。
表3
表3为本申请实施例提供的预设控制指令相对应的操作与图片播放器后和音乐播放器各自的台控制器接口功能的对应关系。需要说明的是由于音乐播放器并没有全屏播放功能所以没有与对应的控制指令相对应的操作,且当播放漫画的图片播放器全屏播放后,本申请实施例提供的方法对音乐播放器的控制仍可生效,具体可以是,终端仍然监测在图片全屏播放前音乐播放器在屏幕中的位置,当图片全屏播放后,若监测到用户在该音乐播放器的位置执行了操作,则根据该操作相对应的控制指令,以及各控制指令与该音乐播放器后台控制器的接口的对应关系,控制该音乐播放器执行对应的功能。
需要说明的是,本申请实施例中所述的网页页面可以是由超文本标志语言第五次重大修版(Hyper Text Markup Language 5,HTML5)的代码编写的,也可以是由其他种类的网页页面代码编写的。
以上本申请实施例提供的控制网页页面的方法,其中提到的后台控制器可以是终端应用提供的或者是其他后台控制器,并且本方法更加适用于后台控制器不是该终端应用提供的情况。其原因在于,由于后台控制器的种类多样,所以终端中各后台控制器提供的接口的类型、名称、标识等都有可能不一致,所以本方法在终端应用在每一次接收到网页页面时,均可先根据网页页面的代码中携带的后台控制器的标识,确定该网页页面对应的后台控制器,并确定该网页页面对应的后台控制器中各接口的功能,再针对每个接口,在预设的各控制指令中,确定与该接口的功能相对应的控制指令,最后建立该接口与确定出的控制指令之间的对应关系。从而使得该终端应用可以针对不同种类的后台控制器,建立控制指令与各后台控制器的接口的对应关系,最终使本方法的适用范围更广、适应性更加、兼容性更高。
另外,考虑到其他情况下,终端应用有可能仅使用其内部的后台控制器或指定的后台控制器来控制网页页面中的多媒体文件,则此时便不再具有不同后台控制器的兼容问题,因此,此时可无需每次接收网页页面时,都建立预设的控制指令与所需后台控制器的对应关系,而可以预先建立各预设的控制指令与后台控制器的接口之间的对应关系,在接收到网页页面时,只要根据预先建立的该对应关系,通过后台控制器接口对网页页面中的多媒体文件进行控制即可,如图3所示。
图3为本申请实施例提供的控制网页页面方法,具体包括以下步骤:
S301:终端应用接收网页页面。
S302:监测用户执行的操作。
S303:确定所述操作对应的所述终端应用的控制指令。
S304:根据预先建立的控制指令与后台控制器接口的对应关系,确定所述控制指令对应的后台控制器的接口,其中,所述后台控制器用于控制网页页面中的多媒体文件。
S305:通过所述后台控制器的接口控制所述网页页面中的多媒体文件。
本申请实施例中,终端应用不再在每次接收到网页页面时,都建立预设的控制指令与该网页页面对应的后台控制器接口的对应关系,而是预先建立二者的对应关系,当接收到网页页面时,直接根据终端应用中预先建立的控制指令与网页页面的后台控制器接口对应关系,确定监测到的用户操作对应的该终端应用的控制指令,再通过该控制指令对应的后台控制接口,控制该网页页面中的多媒体文件。通过如图3所示的方法预先建立对应关系,则可节省该终端应用在控制网页页面中多媒体文件时的资源消耗,并且提高该终端应用的反映速度。
以上为本申请实施例提供的控制网页页面的方法,基于图1所示方法同样的思路,本申请实施例还提供一种控制网页页面的装置,如图4所示。
图4为本申请实施例提供的控制网页页面的第一种装置结构示意图,具体包括:
接收模块401,用于接收网页页面;
绑定模块402,用于建立预设的控制指令与所述网页页面对应的后台控制器的接口的对应关系,其中,所述后台控制器用于控制所述网页页面中的多媒体文件;
监测控制模块403,用于当监测到用户执行了与所述控制指令相对应的操作时,通过所述后台控制器中与所述控制指令对应的接口,控制所述网页页面中的多媒体文件。
所述装置还包括:
确定模块404,用于建立预设的控制指令与所述网页页面对应的后台控制器的接口的对应关系之前,确定所述网页页面中存在多媒体文件。
所述控制网页页面的装置中,所述所述控制指令相对应的操作为手势操作。
所述多媒体文件包括视频文件。
所述监测控制模块403,具体用于在播放所述网页页面中的视频文件时,通过所述后台控制器中与所述控制指令对应的接口,控制所述视频文件。
所述绑定模块402具体用于,确定所述网页页面对应的后台控制器中各接口的功能,针对每个接口,在预设的各控制指令中,确定与该接口的功能相对应的控制指令,建立该接口与确定出的控制指令之间的对应关系。
基于图3所示方法同样的思路,本申请实施例还提供一种控制网页页面的装置,如图5所示。
图5为本申请实施例提供的控制网页页面的第二种装置结构示意图,具体包括:
接收模块501,用于接收网页页面;
监测模块502,用于监测用户执行的操作;
第一确定模块503,用于确定所述操作对应的控制指令;
第二确定模块504,用于根据预先建立的控制指令与后台控制器接口的对应关系,确定所述控制指令对应的后台控制器的接口,其中,所述后台控制器用于控制网页页面中的多媒体文件;
控制模块505,用于通过确定的所述后台控制器的接口控制所述网页页面中的多媒体文件。
具体的,上述如图4和图5所示的控制网页页面的装置可以位于各类终端中,具体可以位于手机、个人计算机(Personal Compuer,PC)、平板电脑等各种终端中。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。