CN108228040A - 移动终端及浮屏操作控制方法、装置 - Google Patents

移动终端及浮屏操作控制方法、装置 Download PDF

Info

Publication number
CN108228040A
CN108228040A CN201711464050.5A CN201711464050A CN108228040A CN 108228040 A CN108228040 A CN 108228040A CN 201711464050 A CN201711464050 A CN 201711464050A CN 108228040 A CN108228040 A CN 108228040A
Authority
CN
China
Prior art keywords
floating window
floating
touch
window
video playing
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201711464050.5A
Other languages
English (en)
Inventor
庄伟钦
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Anyun Century Technology Co Ltd
Original Assignee
Beijing Anyun Century Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Anyun Century Technology Co Ltd filed Critical Beijing Anyun Century Technology Co Ltd
Priority to CN201711464050.5A priority Critical patent/CN108228040A/zh
Publication of CN108228040A publication Critical patent/CN108228040A/zh
Priority to PCT/CN2018/095542 priority patent/WO2019128193A1/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明提供一种浮屏操作控制方法及装置，所述方法包括如下步骤：检测作用于当前网页上视频播放组件的多点同时按压滑动手势；响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址；绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件；运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。本发明提供的所述方法及装置能够利用多指触控手势，触控当前网页上的视频播放组件，实现简便、快捷地绘制该组件对应的悬浮窗，提升了界面组件的悬浮窗的触发运行形式的交互性，可提升用户友好度，增强了用户体验。

Description

移动终端及浮屏操作控制方法、装置
技术领域
本发明涉及通信领域，具体涉及的是一种移动终端及浮屏操作控制方法。
背景技术
目前，诸如手机之类的终端设备通常都具有视频播放功能，用户可通过终端设备中安装的视频播放器播放视频。
在现有技术中，以浏览器为例，为了满足用户同时观看视频和浏览网页内容的需求，提供有通过悬浮窗口播放视频的功能。用于播放视频的悬浮窗口叠加显示于浏览器显示的网页页面的上层，悬浮窗口的显示尺寸小于屏幕尺寸，确保悬浮窗口下层的网页页面中的部分内容不会被悬浮窗口所遮挡，使得用户在正常观看悬浮窗口中播放的视频的过程中，同时能够浏览网页页面。例如，通过上述功能，用户能够边观看视频，边在网页页面中浏览挑选后续所要播放的视频。
然而，在现有技术中，悬浮窗的开启方式是通过点击终端上的一个按钮来触发开启一个悬浮窗，触发后该悬浮窗以固定的大小及位置显示于用户界面，触发/隐藏的运行方式单一，用户友好度低。另外，现有技术中实现方案单一，仅仅是通过在悬浮窗中直接加载网页来实现，该方案耗内存，且方案单一、灵活度不高。
发明内容
鉴于上述问题，本发明提出一种浮屏操作控制方法及其相应的装置。
本发明还提供一种用于执行本发明的浮屏操作控制方法的移动终端。
为解决上述问题，本发明采用如下各方面的技术方案：
第一方面，本发明提供一种浮屏操作控制方法，包括如下步骤：
检测作用于当前网页上视频播放组件的多点同时按压滑动手势；
响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址；
绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件；
运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。
结合第一方面，在第一方面的第一种实现方式，所述按压滑动手势包括双指或多指单击所述组件或单击之后拖动所述组件。
结合第一方面，在第一方面的第二种实现方式中，所述响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址的步骤中具体包括：
当所述按压滑动手势结束时，产生触控事件；
响应于该触控事件向打开该网页的浏览器发送绘制与被作用组件对应的悬浮窗的请求；
结合第一方面的第二种实现方式，在第一方面的第三种实现方式中，所述响应于该触控事件向打开该网页的浏览器发送一个与被作用组件对应的绘制悬浮窗的请求的步骤中具体包括：
依据所述触控事件的触控参数，查询储存有预设的触控类型和触控请求之间映射关系列表的数据库，所述触控参数包括触控点个数、触控点位置及触控类型；
确定该触控类型对应的触控请求，所述触控请求为绘制悬浮窗请求。
结合第一方面的第三种实现方式，在第一方面的第四种实现方式中，所述绘制悬浮窗请求中携带有该网页的源代码中被作用的组件的引用信息、其所引用的资源文件地址及所述悬浮窗特征信息。
结合第一方面的第四种实现方式，在第一方面的第五种实现方式中，所述被作用组件的引用信息至少包括播放进度、播放方式、播放皮肤。
结合第一方面的第五种实现方式，在第一方面的第六种实现方式中，所述悬浮窗特征信息包括：窗口布局文件路径信息、窗口布局文件信息、窗口文本文字信息中的一种或其任意组合。
结合第一方面，在第一方面的第七种实现方式中，所述绘制并显示所述悬浮窗的步骤中具体还包括：
将绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库进行特征信息匹配，如果相匹配，则调用该预先设置的悬浮窗布局。
结合第一方面的第七种实现方式，在第一方面的第八种实现方式中，若所述绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库不相匹配，则依据所述绘制悬浮窗请求中携带的悬浮窗特征信息绘制所述悬浮窗。
结合第一方面的第九种实现方式，在第一方面的第十种实现方式中，其特征在于，还包括：
将绘制悬浮窗请求中携带的悬浮窗特征信息保存至所述预先设置的悬浮窗特征信息库。
结合第一方面，在第一方面的第十一种实现方式中，所述运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源的步骤中包括：
播放所述多媒体资源时在所述悬浮窗中加载该网页源代码中视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源；
或播放所述多媒体资源时通过所述悬浮窗视频播放组件的功能响应函数调用所述视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。
结合第一方面，在第一方面的第十二种实现方式中，当打开其他置顶显示的悬浮窗，并与所述绘制的悬浮窗有重叠时，将当前绘制的悬浮窗贴着所述其他悬浮窗边缘显示。
结合第一方面，在第一方面的第十三种实现方式中，接收作用于所述悬浮窗的缩放指令，依据所述缩放指令更改所述悬浮窗的大小和位置。
结合第一方面，在第一方面的第十四种实现方式中，所述悬浮窗置顶显示于用户界面。
第二方面，本发明提供一种浮屏操作控制装置，包括如下步骤：
检测模块，用于检测作用于当前网页上视频播放组件的多点同时按压滑动手势；
解析模块，用于响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址；
绘制模块，用于绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件；
运行模块，用于运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。
结合第二方面，在第二方面的第一种实现方式，所述按压滑动手势包括双指或多指单击所述组件或单击之后拖动所述组件。
结合第二方面，在第二方面的第二种实现方式中，所述解析模块中具体包括：
请求单元，用于当所述按压滑动手势结束时，产生触控事件；
响应于该触控事件向打开该网页的浏览器发送绘制与被作用组件对应的悬浮窗的请求；
结合第二方面的第二种实现方式，在第二方面的第三种实现方式中，所述请求单元中具体包括：
依据所述触控事件的触控参数，查询储存有预设的触控类型和触控请求之间映射关系列表的数据库，所述触控参数包括触控点个数、触控点位置及触控类型；
确定该触控类型对应的触控请求，所述触控请求为绘制悬浮窗请求。
结合第二方面的第三种实现方式，在第二方面的第四种实现方式中，所述绘制悬浮窗请求中携带有该网页的源代码中被作用的组件的引用信息、其所引用的资源文件地址及所述悬浮窗特征信息。
结合第二方面的第四种实现方式，在第二方面的第五种实现方式中，所述被作用组件的引用信息至少包括播放进度、播放方式、播放皮肤。
结合第二方面的第五种实现方式，在第二方面的第六种实现方式中，所述悬浮窗特征信息包括：窗口布局文件路径信息、窗口布局文件信息、窗口文本文字信息中的一种或其任意组合。
结合第二方面，在第二方面的第七种实现方式中，所述绘制模块中具体还包括：
绘制单元，用于将绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库进行特征信息匹配，如果相匹配，则调用该预先设置的悬浮窗布局。
结合第二方面的第七种实现方式，在第二方面的第八种实现方式中，若所述绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库不相匹配，则依据所述绘制悬浮窗请求中携带的悬浮窗特征信息绘制所述悬浮窗。
结合第二方面的第九种实现方式，在第二方面的第十种实现方式中，其特征在于，还包括：
保存单元，用于将绘制悬浮窗请求中携带的悬浮窗特征信息保存至所述预先设置的悬浮窗特征信息库。
结合第二方面，在第二方面的第十一种实现方式中，所述运行模块中包括：
播放所述多媒体资源时在所述悬浮窗中加载该网页源代码中视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源；
或播放所述多媒体资源时通过所述悬浮窗视频播放组件的功能响应函数调用所述视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。
结合第二方面，在第二方面的第十二种实现方式中，当打开其他置顶显示的悬浮窗，并与所述绘制的悬浮窗有重叠时，将当前绘制的悬浮窗贴着所述其他悬浮窗边缘显示。
结合第二方面，在第二方面的第十三种实现方式中，所述装置还包括：
缩放单元，用于接收作用于所述悬浮窗的缩放指令，依据所述缩放指令更改所述悬浮窗的大小和位置。
结合第二方面，在第二方面的第十四种实现方式中，所述悬浮窗置顶显示于用户界面。
第三方面，本发明提供一种移动终端，包括：
触敏显示器，用于显示用户界面，实现人机交互；
一个或多个处理器；
存储器；
一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行；
所述一个或多个程序用于驱动所述一个或多个处理器构造用于执行第一方面所述的方法的模块。
相对于现有技术，本发明的技术方案至少具备如下优点：
本发明提出一种浮屏操作控制方法及其相应装置，通过多指触控任意网页上的视频播放组件，点击并移动该组件时，触发绘制该组件对应的悬浮窗，并将悬浮窗置顶显示于该用户界面，无论用户打开任意其他应用进行任意操作，该视频播放组件都处于最前端播放。当继续多指触控该悬浮窗时，可以改变该悬浮窗的大小及位置。
本发明的实施解决了现有技术中用户只能通过点击终端上按键来触发绘制悬浮窗，触发运行悬浮窗的方式单一，且方案单一、灵活度不高的问题。本发明提供的所述方法及装置提供多种方案如webview控件及
videoview控件实现在所述悬浮窗中播放视频文件，且本发明通过多指触控手势，触控当前网页上的视频播放组件，实现简便、快捷地绘制该组件对应的悬浮窗，提升了界面组件的悬浮窗的触发运行形式的交互性，可提升用户友好度，增强了用户体验。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明的一种浮屏操作控制方法实施例一流程框图；
图2为本发明的一种浮屏操作控制装置实施例一流程框图；
图3为本发明的一种移动终端部分结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。
在本发明的说明书和权利要求书及上述附图中的描述的一些流程中，包含了按照特定顺序出现的多个操作，但是应该清楚了解，这些操作可以不按照其在本文中出现的顺序来执行或并行执行，操作的序号如S11、S12等，仅仅是用于区分开各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。
本领域普通技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解，当我们称元件被“连接”或“耦接”到另一元件时，它可以直接连接或耦接到其他元件，或者也可以存在中间元件。此外，这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。
本领域普通技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非像这里一样被特定定义，否则不会用理想化或过于正式的含义来解释。
本发明所述图片分类展示方法主要适用于智能手机终端或者智能平板终端等具有通信功能的终端，不限制于其操作系统的类型，可以是Android、IOS、WP、塞班等操作系统。不过，在Android中调用WebView或VideoView进行实现时，相较于其他操作系统将呈现更为高效的性能。
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
请参阅图1，本发明所提供的一种浮屏操作控制方法中，具体的一种实施方式中，具体包括如下步骤：
S11、检测作用于当前网页上视频播放组件的多点同时按压滑动手势。
该步骤中，用户通过一个按压滑动手势触发产生一个绘制悬浮窗的请求。在一种可能的设计中，本发明优选多指操控操作来实现所述触发一个绘制悬浮窗请求，具体的，通过多指操控所述终端设备显示屏的当前网页上视频播放组件产生一个触控事件。所述多指触控可以为双指触控、三指触控、四指触控或五指触控等触控方式，其可以为多指单击或单击之后拖动所述组件。
所述多指滑动时的滑动方式可以为朝向所有作用点的中心位置点相向运动、或背向所有作用点的中心位置点背向运动或各作用点同步同向滑动，相应的，所述多个作用点朝向所有作用点的中心位置点相向运动滑动时，视为一个缩小操作指令，所述悬浮窗界面跟着缩小；所述多个作用点背向所有作用点的中心位置点背向运动时，视为一个放大操作指令，所述悬浮窗界面跟着放大；所述多个作用点同步同向滑动时，视为一个滑动操作，所述悬浮窗界面跟着移动位置。
当然，所述按压滑动方式具体也可以为其他预设方式，此处不做限定。
S12、响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址。
用户通过多指触控当前网页上的视频播放组件，该操作结束时，产生一个触控事件，将所述触控属性信息、触控点位置及触控点个数存储于所述触控事件的触控参数中，所述触控属性信息即触控类型，所述触控类型包括点击、拖拽、按压滑动或其他预设触控类型。
终端上预设有所述触控类型与所述触控类型对应的触控请求之间映射关系列表的数据库，在所述数据库中，用户通过不同触控手势而产生的不同触控类型对应一个不同的触控请求，所述终端检测用户的手势，将该手势产生的触控类型与所述数据库比对，查询该数据库中与该触控类型对应的触控请求。一种可能的设计中，本发明实施例中所述终端预设多指触控所对应的触控请求为绘制悬浮窗请求，当检测到作用于与当前网页上视频播放组件的多指触控手势时，响应于该手势产生的触控事件向打开该网页的浏览器发送绘制与被作用组件对应的悬浮窗的请求，所述浏览器依据该绘制悬浮窗请求相应绘制所述组件对应的悬浮窗。
具体的，当收到所述绘制悬浮窗请求时，该应用程序获取当前网页的源代码，并解析该源代码，截取该源代码中与该组件相关的部分，所述组件相关代码包括所述组件的引用信息及该组件所引用的资源文件地址。所述组件的引用信息至少包括该所述视频播放组件的播放方式、播放皮肤、播放进度及该视频播放组件包括的一些控件的响应函数等，所述所引用的资源文件至少包括视频文件、音乐文件、文字及图片等。
所述绘制悬浮窗请求中携带有该网页的源代码中被作用的组件的引用信息、其所引用的资源文件地址及所述悬浮窗特征信息。所述悬浮窗特征信息包括：窗口布局文件路径信息、窗口布局文件信息、窗口文本文字信息中的一种或其任意组合。所述应用程序依据该请求中的所述引用信息及资源文件地址信息自行绘制一个悬浮窗也可以依据所述悬浮窗特征信息调用预储存的悬浮窗库中与该请求相匹配的悬浮窗。
S13、绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件。
在一种可能的设计中，本发明优选以下两种方案绘制与被作用组件相对应的所述悬浮窗。
其一、响应于作用于当前网页上视频播放组件的多点同时按压滑动手势，获取该网页源代码，根据源代码中被作用组件相关的代码绘制悬浮窗。显示所述悬浮窗时，在所述悬浮窗中加载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件。
其二、将绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库进行特征信息匹配，如果相匹配，则调用该预先设置的悬浮窗布局。显示所述悬浮窗时，在所述预设的悬浮窗布局中加载所述被作用组件引用的资源文件地址。
在第二种方案中，若所述绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库不相匹配，则依据所述绘制悬浮窗请求中携带的悬浮窗特征信息绘制所述悬浮窗并将绘制悬浮窗请求中携带的悬浮窗特征信息保存至所述预先设置的悬浮窗特征信息库。
所述悬浮窗绘制完之后置顶显示于用户界面。在播放视频时，无论打开其他任何应用进行任何操作时所述视频播放组件处于最前端播放。当打开其他置顶显示的悬浮窗如输入法时，如果该悬浮窗与所述绘制的悬浮窗有重叠时，将当前绘制的悬浮窗贴着所述其他悬浮窗边缘显示以避免两个悬浮窗的内容被遮盖。
当接收作用于所述悬浮窗的缩放指令时，依据所述缩放指令更改所述悬浮窗的大小和位置。本发明实施例中，用户可以通过多指触控来实现对所述悬浮窗大小的更改和位置的移动。具体的，多指触控所述悬浮窗时，若所述多个作用点朝向所有作用点的中心位置点相向运动滑动时，视为一个缩小操作指令，所述悬浮窗界面跟着缩小；所述多个作用点背向所有作用点的中心位置点背向运动时，视为一个放大操作指令，所述悬浮窗界面跟着放大；所述多个作用点同步同向滑动时，视为一个滑动操作，所述悬浮窗界面跟着移动位置。
当然，所述触控方式具体也可以为其他预设方式，此处不做限定。
S14、运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。
对应于步骤S13中的两个绘制方案，在运行所述悬浮窗中的所述视频播放组件时，具体如下：
方案一中，播放所述多媒体资源时在所述悬浮窗中加载该网页源代码中视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。该方案通过webview网络视图控件进行播放，该控件能加载显示网页，可以将其视为一个浏览器，其使用渲染引擎加载显示网页，一种可能的实现方法中主要步骤如下：
S141:在布局文件中声明所述网络视图控件；
S142:在Activity中实例化所述网络视图控件；
S143:设置所述网络视图控件要显示的网页即加载该网页源代码；
S144:设置该控件视图。
该方案中，所述悬浮窗依赖于原网页而存在，其生命周期跟原网页一致，即当原网页被关闭时所述悬浮窗跟着被关闭。当需要所述悬浮窗一直置顶显示于用户界面时可将原网运行于后台，用户可以再打开其他任意应用程序进行任意操作。
方案二中，播放所述多媒体资源时通过所述悬浮窗视频播放组件的功能响应函数调用所述视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。该方法具体通过videoview播放器控件来控制并播放所述多媒体资源。该播放器控件可以从不同的来源(例如资源文件或内容提供器)读取图像，计算和维护视频的画面尺寸以使其适用于任何布局管理器，并提供一些诸如缩放、着色之类的显示选项，该方法可以自定义播放思路。
videoview的几个常用函数包括：获得所播放视频的总时间、获得当前的位置、暂停播放、设置播放位置、注册在媒体文件播放完毕时调用的回调函数、开始播放以及设置该播放器控件的分辨率。其中，需要注意的是，在设置分辨率这一函数中，如果所述播放器控件在开始播放的时候是竖屏的，当横屏的时候我们改变了其布局大小，就需要调用该方法重新设置它的分辨率，否则改变了之后该控件内部的视频部分还是原来的大小。
一种可能的设计中，本发明通过videoview播放视频的主要步骤如下：
S145：在界面布局文件中定义videoview组件，或在程序中创建videoview组件；
S146：调用videoview组件的特定函数来加载指定的视频，如函数：
setVidePath(String path)：加载path文件代表的视频即所述资源文件地址所指向的多媒体文件；
S147：调用videoview组件的start()、stop()、psuse()方法来控制视频的播放。
该方案中，所述悬浮窗依赖于终端设备操作系统，其生命周期与所述应用程序一致，即当关掉原网页时该悬浮窗依然存在并在最前端播放原网页上的所述多媒体文件。
本发明提供多种方案以实现对原网页多媒体文件的播放，提高方案的灵活性。
参考图2所示，为了进一步对本发明所述浮屏操作控制方法进行阐述，对其进行模块化说明，提供一种浮屏操作控制装置，一种实施例中，包括检测模块11、解析模块12、绘制模块13、运行模块14。其中，
检测模块11：检测作用于当前网页上视频播放组件的多点同时按压滑动手势。
该模块中，用户通过一个按压滑动手势触发产生一个绘制悬浮窗的请求。在一种可能的设计中，本发明优选多指操控操作来实现所述触发一个绘制悬浮窗请求，具体的，通过多指操控所述终端设备显示屏的当前网页上视频播放组件产生一个触控事件。所述多指触控可以为双指触控、三指触控、四指触控或五指触控等触控方式，其可以为多指单击或单击之后拖动所述组件。
所述多指滑动时的滑动方式可以为朝向所有作用点的中心位置点相向运动、或背向所有作用点的中心位置点背向运动或各作用点同步同向滑动，相应的，所述多个作用点朝向所有作用点的中心位置点相向运动滑动时，视为一个缩小操作指令，所述悬浮窗界面跟着缩小；所述多个作用点背向所有作用点的中心位置点背向运动时，视为一个放大操作指令，所述悬浮窗界面跟着放大；所述多个作用点同步同向滑动时，视为一个滑动操作，所述悬浮窗界面跟着移动位置。
当然，所述按压滑动方式具体也可以为其他预设方式，此处不做限定。
解析模块12：响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址。
用户通过多指触控当前网页上的视频播放组件，该操作结束时，产生一个触控事件，将所述触控属性信息、触控点位置及触控点个数存储于所述触控事件的触控参数中，所述触控属性信息即触控类型，所述触控类型包括点击、拖拽、按压滑动或其他预设触控类型。
终端上预设有所述触控类型与所述触控类型对应的触控请求之间映射关系列表的数据库，在所述数据库中，用户通过不同触控手势而产生的不同触控类型对应一个不同的触控请求，所述终端检测用户的手势，将该手势产生的触控类型与所述数据库比对，查询该数据库中与该触控类型对应的触控请求。一种可能的设计中，本发明实施例中所述终端预设多指触控所对应的触控请求为绘制悬浮窗请求，当检测到作用于与当前网页上视频播放组件的多指触控手势时，响应于该手势产生的触控事件向打开该网页的浏览器发送绘制与被作用组件对应的悬浮窗的请求，所述浏览器依据该绘制悬浮窗请求相应绘制所述组件对应的悬浮窗。
具体的，当收到所述绘制悬浮窗请求时，该应用程序获取当前网页的源代码，并解析该源代码，截取该源代码中与该组件相关的部分，所述组件相关代码包括所述组件的引用信息及该组件所引用的资源文件地址。所述组件的引用信息至少包括该所述视频播放组件的播放方式、播放皮肤、播放进度及该视频播放组件包括的一些控件的响应函数等，所述所引用的资源文件至少包括视频文件、音乐文件、文字及图片等。
所述绘制悬浮窗请求中携带有该网页的源代码中被作用的组件的引用信息、其所引用的资源文件地址及所述悬浮窗特征信息。所述悬浮窗特征信息包括：窗口布局文件路径信息、窗口布局文件信息、窗口文本文字信息中的一种或其任意组合。所述应用程序依据该请求中的所述引用信息及资源文件地址信息自行绘制一个悬浮窗也可以依据所述悬浮窗特征信息调用预储存的悬浮窗库中与该请求相匹配的悬浮窗。
绘制模块13：绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件。
在一种可能的设计中，本发明优选以下两种方案绘制与被作用组件相对应的所述悬浮窗。
其一、响应于作用于当前网页上视频播放组件的多点同时按压滑动手势，获取该网页源代码，根据源代码中被作用组件相关的代码绘制悬浮窗。显示所述悬浮窗时，在所述悬浮窗中加载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件。
其二、将绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库进行特征信息匹配，如果相匹配，则调用该预先设置的悬浮窗布局。显示所述悬浮窗时，在所述预设的悬浮窗布局中加载所述被作用组件引用的资源文件地址。
在第二种方案中，若所述绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库不相匹配，则依据所述绘制悬浮窗请求中携带的悬浮窗特征信息绘制所述悬浮窗并将绘制悬浮窗请求中携带的悬浮窗特征信息保存至所述预先设置的悬浮窗特征信息库。
所述悬浮窗绘制完之后置顶显示于用户界面。在播放视频时，无论打开其他任何应用进行任何操作时所述视频播放组件处于最前端播放。当打开其他置顶显示的悬浮窗如输入法时，如果该悬浮窗与所述绘制的悬浮窗有重叠时，将当前绘制的悬浮窗贴着所述其他悬浮窗边缘显示以避免两个悬浮窗的内容被遮盖。
当接收作用于所述悬浮窗的缩放指令时，依据所述缩放指令更改所述悬浮窗的大小和位置。本发明实施例中，用户可以通过多指触控来实现对所述悬浮窗大小的更改和位置的移动。具体的，多指触控所述悬浮窗时，若所述多个作用点朝向所有作用点的中心位置点相向运动滑动时，视为一个缩小操作指令，所述悬浮窗界面跟着缩小；所述多个作用点背向所有作用点的中心位置点背向运动时，视为一个放大操作指令，所述悬浮窗界面跟着放大；所述多个作用点同步同向滑动时，视为一个滑动操作，所述悬浮窗界面跟着移动位置。
当然，所述触控方式具体也可以为其他预设方式，此处不做限定。
运行模块14：运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。
对应于绘制模块13中的两个绘制方案，在运行所述悬浮窗中的所述视频播放组件时，具体如下：
方案一中，播放所述多媒体资源时在所述悬浮窗中加载该网页源代码中视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。该方案通过webview网络视图控件进行播放，该控件能加载显示网页，可以将其视为一个浏览器，其使用渲染引擎加载显示网页，一种可能的实现方法中主要步骤如下：
141:在布局文件中声明webview控件；
142:在Activity中实例化webview控件；
143:调用WebView的loadUrl()方法，设置WevView要显示的网页即加载该网页源代码；
144:设置webview视图。
该方案中，所述悬浮窗依赖于原网页而存在，其生命周期跟网页一致，即当原网页被关闭时所述悬浮窗跟着被关闭。当需要所述悬浮窗一直置顶显示于用户界面时可将原网运行于后台，用户可以再打开其他任意应用程序进行任意操作。
方案二中，播放所述多媒体资源时通过所述悬浮窗视频播放组件的功能响应函数调用所述视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。该方法具体通过videoview播放器控件来控制并播放所述多媒体资源。该播放器控件可以从不同的来源(例如资源文件或内容提供器)读取图像，计算和维护视频的画面尺寸以使其适用于任何布局管理器，并提供一些诸如缩放、着色之类的显示选项，该方法可以自定义播放思路。
videoview的几个常用函数包括：获得所播放视频的总时间、获得当前的位置、暂停播放、设置播放位置、注册在媒体文件播放完毕时调用的回调函数、开始播放以及设置该播放器控件的分辨率。其中，需要注意的是，在设置分辨率这一函数中，如果所述播放器控件在开始播放的时候是竖屏的，当横屏的时候我们改变了其布局大小，就需要调用该方法重新设置它的分辨率，否则改变了之后该控件内部的视频部分还是原来的大小。
一种可能的设计中，本发明通过videoview播放视频的主要步骤如下：
S145：在界面布局文件中定义videoview组件，或在程序中创建videoview组件；
S146：调用videoview组件的特定函数来加载指定的视频，如函数：
setVidePath(String path)：加载path文件代表的视频即所述资源文件地址所指向的多媒体文件；
S147：调用videoview组件的start()、stop()、psuse()方法来控制视频的播放。
该方案中，所述悬浮窗依赖于终端设备操作系统，其生命周期与所述应用程序一致，即当关掉原网页时该悬浮窗依赖存在并在最前端播放原网页上的所述多媒体文件。
结合上述的实施例可知，本发明最大的有益效果在于，本发明实施例通过多指触控任意网页上的视频播放组件，点击并移动该组件时，触发绘制该组件对应的悬浮窗，并将悬浮窗置顶显示于该用户界面，无论用户打开任意其他应用进行任意操作，该视频播放组件都处于最前端播放。当继续多指触控该悬浮窗时，可以改变该悬浮窗的大小及位置。
本发明的实施能够使用户通过简单的手势对网页上的视频播放组件绘制悬浮窗，提升了界面组件的悬浮窗的触发运行形式的交互性，可提升用户友好度，增强了用户体验。另外，本发明提供多种方案实现视频文件的播放，如通过webview控件直接加载网页进行播放及通过videoview控件本身的属性及相关控件的功能响应函数实现视频文件的播放及控制，提高方案的灵活性。更重要的是，两种方案中，后者在节省内存方面相比现有技术而言更具优越性。
为了便于理解，下面以一具体的应用场景对本发明实施例中浮屏操作控制方法进行详细描述：
用户在当前网页上观看视频，点击并拖动手机上的当前网页上的视频播放组件，然后三指触该视频播放界面，手机接收用户的触控手势信息，根据该触控手势信息将爱奇艺视频界面以小窗的形式缩小显示在用户界面最前端，并且手机显示其他视频列表或该网页的其他信息，用户能够同时观看视频及浏览其他网页或进行其他操作。无论用户打开任意其他应用进行任意操作或关掉原来网页，该视频播放组件都处于最前端播放。
用户继续三指触控该悬浮窗可以改变其位置和大小，当用户把三只手指合并放在悬浮窗界面，然后将双指展开，手机接收用户在悬浮窗上的展开手势，在手机屏幕上相应全屏显示该悬浮窗界面。
本发明实施例还提供一种了一种移动终端，如图3所示，为了便于说明，仅示出了与本发明实施例相关的部分，具体技术细节未揭示的，请参照本发明实施例图片分类展示方法部分。该终端可以为包括手机、平板电脑、PDA(Personal Digital Assistant，个人数字助理)、POS(Point of Sales，销售终端)、车载电脑等任意终端设备，以终端为手机为例：
图3示出的是与本发明实施例提供的终端相关的手机的部分结构的框图。参考图3，手机包括：触敏显示器0313、处理器0311、存储器0314等部件。本领域技术人员可以理解，图3中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
下面结合图3对手机的各个构成部件进行具体的介绍：
存储器0314可用于存储软件程序以及模块，处理器0311通过运行存储在存储器0314的软件程序以及模块，从而执行手机的各种功能应用以及数据处理。存储器0314可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器0314可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
触敏显示器0313可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器，并能接收处理器发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏显示器。
触敏显示器0313可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单，如信息编辑界面等。触敏显示器0313可包括显示面板，可选的，可以采用液晶显示器(Liquid Crystal Display，LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置触敏显示器。进一步的，当触敏显示器0313检测到在其上或附近的触摸操作后，传送给处理器以确定触摸事件的类型，随后处理器根据触摸事件的类型在触敏显示器上提供相应的视觉输出。
手机还可包括至少一种传感器0912，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板的亮度，接近传感器可在手机移动到耳边时，关闭显示面板和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。
处理器0311是手机的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器0314内的软件程序和/或模块，以及调用存储在存储器0314内的数据，执行手机的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器0311可包括一个或多个处理单元；优选的，处理器0311可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器0311中。
手机还包括给各个部件供电的电源(比如电池)，优选的，电源可以通过电源管理系统与处理器0311逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。
尽管未示出，手机还可以包括摄像头、蓝牙模块等，在此不再赘述。
在本发明实施例中，该终端所包括的处理器0311还具有以下功能：
检测作用于当前网页上视频播放组件的多点同时按压滑动手势；
响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址；
绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件；
运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。
所述按压滑动手势包括双指或多指单击所述组件或单击之后拖动所述组件。
所述响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址的步骤中具体包括：
当所述按压滑动手势结束时，产生触控事件；
响应于该触控事件向打开该网页的浏览器发送绘制与被作用组件对应的悬浮窗的请求；
所述响应于该触控事件向打开该网页的浏览器发送一个与被作用组件对应的绘制悬浮窗的请求的步骤中具体包括：
依据所述触控事件的触控参数，查询储存有预设的触控类型和触控请求之间映射关系列表的数据库，所述触控参数包括触控点个数、触控点位置及触控类型；
确定该触控类型对应的触控请求，所述触控请求为绘制悬浮窗请求。
所述绘制悬浮窗请求中携带有该网页的源代码中被作用的组件的引用信息、其所引用的资源文件地址及所述悬浮窗特征信息。
所述悬浮窗特征信息包括：窗口布局文件路径信息、窗口布局文件信息、窗口文本文字信息中的一种或其任意组合。
将绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库进行特征信息匹配，如果相匹配，则调用该预先设置的悬浮窗布局。
若所述绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库不相匹配，则依据所述绘制悬浮窗请求中携带的悬浮窗特征信息绘制所述悬浮窗。
将绘制悬浮窗请求中携带的悬浮窗特征信息保存至所述预先设置的悬浮窗特征信息库。
所述运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源的步骤中包括：
播放所述多媒体资源时在所述悬浮窗中加载该网页源代码中视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源；
或播放所述多媒体资源时通过所述悬浮窗视频播放组件的功能响应函数调用所述视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。
当打开其他置顶显示的悬浮窗，并与所述绘制的悬浮窗有重叠时，将当前绘制的悬浮窗贴着所述其他悬浮窗边缘显示。
接收作用于所述悬浮窗的缩放指令，依据所述缩放指令更改所述悬浮窗的大小和位置。
所述悬浮窗置顶显示于用户界面。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述图片分类展示方法实施例中的对应过程，在此不再赘述。
在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和图片分类展示方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
本发明公开了A1、一种浮屏操作控制方法，所述方法包括如下步骤：
检测作用于当前网页上视频播放组件的多点同时按压滑动手势；
响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址；
绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件；
运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。
A2、根据A1的浮屏操作控制方法，所述按压滑动手势包括双指或多指单击所述组件或单击之后拖动所述组件。
A3、根据A2的浮屏操作控制方法，所述响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址的步骤中具体包括：
当所述按压滑动手势结束时，产生触控事件；
响应于该触控事件向打开该网页的浏览器发送绘制与被作用组件对应的悬浮窗的请求；
A4、根据A3的浮屏操作控制方法，所述响应于该触控事件向打开该网页的浏览器发送一个与被作用组件对应的绘制悬浮窗的请求的步骤中具体包括：
依据所述触控事件的触控参数，查询储存有预设的触控类型和触控请求之间映射关系列表的数据库，所述触控参数包括触控点个数、触控点位置及触控类型；
确定该触控类型对应的触控请求，所述触控请求为绘制悬浮窗请求。
A5、根据A4的浮屏操作控制方法，所述绘制悬浮窗请求中携带有该网页的源代码中被作用的组件的引用信息、其所引用的资源文件地址及所述悬浮窗特征信息。
A6、根据A5的浮屏操作控制方法，所述被作用组件的引用信息至少包括播放进度、播放方式、播放皮肤。
A7、根据A6的浮屏操作控制方法，所述悬浮窗特征信息包括：窗口布局文件路径信息、窗口布局文件信息、窗口文本文字信息中的一种或其任意组合。
A8、根据A1的浮屏操作控制方法，所述绘制并显示所述悬浮窗的步骤中具体还包括：
将绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库进行特征信息匹配，如果相匹配，则调用该预先设置的悬浮窗布局。
A9、根据A8的浮屏操作控制方法，若所述绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库不相匹配，则依据所述绘制悬浮窗请求中携带的悬浮窗特征信息绘制所述悬浮窗。
A10、根据A9的浮屏操作控制方法，还包括：
将绘制悬浮窗请求中携带的悬浮窗特征信息保存至所述预先设置的悬浮窗特征信息库。
A11、根据A1的浮屏操作控制方法，所述运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源的步骤中包括：
播放所述多媒体资源时在所述悬浮窗中加载该网页源代码中视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源；
或播放所述多媒体资源时通过所述悬浮窗视频播放组件的功能响应函数调用所述视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。
A12、根据A1的浮屏操作控制方法，当打开其他置顶显示的悬浮窗，并与所述绘制的悬浮窗有重叠时，将当前绘制的悬浮窗贴着所述其他悬浮窗边缘显示。
A13、根据A1的浮屏操作控制方法，接收作用于所述悬浮窗的缩放指令，依据所述缩放指令更改所述悬浮窗的大小和位置。
A14、根据A1的浮屏操作控制方法，所述悬浮窗置顶显示于用户界面。
本发明公开了B1、一种浮屏操作控制装置，包括：
检测模块，用于检测作用于当前网页上视频播放组件的多点同时按压滑动手势；
解析模块，用于响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址；
绘制模块，用于绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件；
运行模块，用于运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。
B2、根据B1的浮屏操作控制装置，所述按压滑动手势包括双指或多指单击所述组件或单击之后拖动所述组件。
B3、根据B1的浮屏操作控制装置，其特征在于，所述解析模块中具体包括：
请求单元，用于当所述按压滑动手势结束时，产生触控事件；
响应于该触控事件向打开该网页的浏览器发送绘制与被作用组件对应的悬浮窗的请求；
B4、根据B3的浮屏操作控制装置，所述请求单元中具体包括：
依据所述触控事件的触控参数，查询储存有预设的触控类型和触控请求之间映射关系列表的数据库，所述触控参数包括触控点个数、触控点位置及触控类型；
确定该触控类型对应的触控请求，所述触控请求为绘制悬浮窗请求。
B5、根据B4的浮屏操作控制装置，所述绘制悬浮窗请求中携带有该网页的源代码中被作用的组件的引用信息、其所引用的资源文件地址及所述悬浮窗特征信息。
B6、根据B5的浮屏操作控制装置，所述被作用组件的引用信息至少包括播放进度、播放方式、播放皮肤。
B7、根据B5的浮屏操作控制装置，所述悬浮窗特征信息包括：窗口布局文件路径信息、窗口布局文件信息、窗口文本文字信息中的一种或其任意组合。
B8、根据B1的浮屏操作控制装置，所述绘制模块中具体还包括：
匹配单元，用于将绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库进行特征信息匹配，如果相匹配，则调用该预先设置的悬浮窗布局。
B9、根据B8的浮屏操作控制装置，如果绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库不相匹配，则依据所述绘制悬浮窗请求中携带的悬浮窗特征信息绘制所述悬浮窗。
B10、根据B9的浮屏操作控制装置，还包括：
保存单元，用于将绘制悬浮窗请求中携带的悬浮窗特征信息保存至所述预先设置的悬浮窗特征信息库。
B11、根据B1的浮屏操作控制装置，所述运行模块中包括：
播放所述多媒体资源时在所述悬浮窗中加载该网页源代码中视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源；
或播放所述多媒体资源时通过所述悬浮窗组件的功能响应函数调用所述视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。
B12、根据B1的浮屏操作控制装置，当打开其他置顶显示的悬浮窗，并与所述绘制的悬浮窗有重叠时，将当前绘制的悬浮窗贴着所述其他悬浮窗边缘显示。
B13、根据B1的浮屏操作控制装置，所述装置还包括：
缩放单元，用于接收作用于所述悬浮窗的缩放指令，依据所述缩放指令更改所述悬浮窗的大小和位置。
B14、根据B1的浮屏操作控制装置，所述悬浮窗置顶显示于用户界面。
本发明还提供C、一种移动终端，其包括：
触敏显示器，用于显示用户界面，实现人机交互；
一个或多个处理器；
存储器；
一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行；
所述一个或多个程序用于驱动所述一个或多个处理器构造用于执行A1至A14中任意一项所述的方法的模块。
以上对本发明所提供的一种移动终端进行了详细介绍，对于本领域的一般技术人员，依据本发明实施例的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (10)

1.一种浮屏操作控制方法，其特征在于，包括如下步骤：
检测作用于当前网页上视频播放组件的多点同时按压滑动手势；
响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址；
绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件；
运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。
2.如权利要求1所述浮屏操作控制方法，其特征在于，所述响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址的步骤中具体包括：
当所述按压滑动手势结束时，产生触控事件；
响应于该触控事件向打开该网页的浏览器发送绘制与被作用组件对应的悬浮窗的请求。
3.如权利要求2所述浮屏操作控制方法，其特征在于，所述响应于该触控事件向打开该网页的浏览器发送一个与被作用组件对应的绘制悬浮窗的请求的步骤中具体包括：
依据所述触控事件的触控参数，查询储存有预设的触控类型和触控请求之间映射关系列表的数据库，所述触控参数包括触控点个数、触控点位置及触控类型；
确定该触控类型对应的触控请求，所述触控请求为绘制悬浮窗请求。
4.如权利要求3所述浮屏操作控制方法，其特征在于，所述绘制悬浮窗请求中携带有该网页的源代码中被作用的组件的引用信息、其所引用的资源文件地址及所述悬浮窗特征信息。
5.如权利要求1所述浮屏操作控制方法，其特征在于，所述绘制并显示所述悬浮窗的步骤中具体还包括：
将绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库进行特征信息匹配，如果相匹配，则调用该预先设置的悬浮窗布局。
6.如权利要求5所述浮屏操作控制方法，其特征在于，若所述绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库不相匹配，则依据所述绘制悬浮窗请求中携带的悬浮窗特征信息绘制所述悬浮窗。
7.如权利要求1所述浮屏操作控制方法，其特征在于，所述运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源的步骤中包括：
播放所述多媒体资源时在所述悬浮窗中加载该网页源代码中视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源；
或播放所述多媒体资源时通过所述悬浮窗视频播放组件的功能响应函数调用所述视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。
8.如权利要求1所述浮屏操作控制方法，其特征在于，当打开其他置顶显示的悬浮窗，并与所述绘制的悬浮窗有重叠时，将当前绘制的悬浮窗贴着所述其他悬浮窗边缘显示。
9.一种浮屏操作控制装置，其特征在于，包括：
检测模块，用于检测作用于当前网页上视频播放组件的多点同时按压滑动手势；
解析模块，用于响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址；
绘制模块，用于绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件；
运行模块，用于运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。
10.一种移动终端，其特征在于，包括：
触敏显示器，用于显示用户界面，实现人机交互；
一个或多个处理器；
存储器；
一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行；
所述一个或多个程序用于驱动所述一个或多个处理器构造用于执行权利要求1至权利要求8中任意一项所述的方法的模块。
CN201711464050.5A 2017-12-28 2017-12-28 移动终端及浮屏操作控制方法、装置 Pending CN108228040A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201711464050.5A CN108228040A (zh) 2017-12-28 2017-12-28 移动终端及浮屏操作控制方法、装置
PCT/CN2018/095542 WO2019128193A1 (zh) 2017-12-28 2018-07-13 移动终端及浮屏操作控制方法、装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711464050.5A CN108228040A (zh) 2017-12-28 2017-12-28 移动终端及浮屏操作控制方法、装置

Publications (1)

Publication Number Publication Date
CN108228040A true CN108228040A (zh) 2018-06-29

Family

ID=62645565

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711464050.5A Pending CN108228040A (zh) 2017-12-28 2017-12-28 移动终端及浮屏操作控制方法、装置

Country Status (2)

Country Link
CN (1) CN108228040A (zh)
WO (1) WO2019128193A1 (zh)

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109445879A (zh) * 2018-10-19 2019-03-08 四川长虹电器股份有限公司 以悬浮窗显示监控视频的方法、存储介质和设备
CN109547838A (zh) * 2018-12-06 2019-03-29 青岛海信传媒网络技术有限公司 视频窗口的处理方法及装置
WO2019128193A1 (zh) * 2017-12-28 2019-07-04 北京安云世纪科技有限公司 移动终端及浮屏操作控制方法、装置
CN110278481A (zh) * 2019-06-25 2019-09-24 努比亚技术有限公司 画中画实现方法、终端及计算机可读存储介质
CN110633023A (zh) * 2019-09-23 2019-12-31 珠海格力电器股份有限公司 防误触方法和装置、终端和计算机可读存储介质
CN111669637A (zh) * 2020-05-09 2020-09-15 西安震有信通科技有限公司 一种视频播放位置及界面调整方法、终端及存储介质
CN112162665A (zh) * 2020-09-21 2021-01-01 维沃移动通信有限公司 操作方法及装置
CN112948047A (zh) * 2021-03-23 2021-06-11 广州宸祺出行科技有限公司 一种基于rn实现的悬浮层组件的控制方法及系统
WO2022100512A1 (zh) * 2020-11-11 2022-05-19 北京字跳网络技术有限公司 热点榜单的显示方法、装置、电子设备和存储介质
CN115408094A (zh) * 2022-11-01 2022-11-29 易方信息科技股份有限公司 一种基于IOS WebView的应用内外悬浮窗实现方法

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101706796A (zh) * 2008-11-14 2010-05-12 北京搜狗科技发展有限公司 展现网页资源的方法及装置
CN102117291A (zh) * 2009-12-30 2011-07-06 北京搜狗科技发展有限公司 一种展现网络资源的方法及系统
CN103593132A (zh) * 2012-08-16 2014-02-19 腾讯科技（深圳）有限公司 触控装置及手势识别方法
US20150326921A1 (en) * 2014-05-08 2015-11-12 Comigo Ltd. System and method for providing an event-driven video/audio content platform
CN106303664A (zh) * 2016-10-13 2017-01-04 合信息技术（北京）有限公司 视频播放方法及装置
CN106775313A (zh) * 2016-12-07 2017-05-31 北京奇虎科技有限公司 分屏操作控制方法及移动终端

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108228040A (zh) * 2017-12-28 2018-06-29 北京安云世纪科技有限公司 移动终端及浮屏操作控制方法、装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101706796A (zh) * 2008-11-14 2010-05-12 北京搜狗科技发展有限公司 展现网页资源的方法及装置
CN102117291A (zh) * 2009-12-30 2011-07-06 北京搜狗科技发展有限公司 一种展现网络资源的方法及系统
CN103593132A (zh) * 2012-08-16 2014-02-19 腾讯科技（深圳）有限公司 触控装置及手势识别方法
US20150326921A1 (en) * 2014-05-08 2015-11-12 Comigo Ltd. System and method for providing an event-driven video/audio content platform
CN106303664A (zh) * 2016-10-13 2017-01-04 合信息技术（北京）有限公司 视频播放方法及装置
CN106775313A (zh) * 2016-12-07 2017-05-31 北京奇虎科技有限公司 分屏操作控制方法及移动终端

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2019128193A1 (zh) * 2017-12-28 2019-07-04 北京安云世纪科技有限公司 移动终端及浮屏操作控制方法、装置
CN109445879A (zh) * 2018-10-19 2019-03-08 四川长虹电器股份有限公司 以悬浮窗显示监控视频的方法、存储介质和设备
CN109547838A (zh) * 2018-12-06 2019-03-29 青岛海信传媒网络技术有限公司 视频窗口的处理方法及装置
CN110278481A (zh) * 2019-06-25 2019-09-24 努比亚技术有限公司 画中画实现方法、终端及计算机可读存储介质
CN110633023A (zh) * 2019-09-23 2019-12-31 珠海格力电器股份有限公司 防误触方法和装置、终端和计算机可读存储介质
CN111669637A (zh) * 2020-05-09 2020-09-15 西安震有信通科技有限公司 一种视频播放位置及界面调整方法、终端及存储介质
CN112162665A (zh) * 2020-09-21 2021-01-01 维沃移动通信有限公司 操作方法及装置
CN112162665B (zh) * 2020-09-21 2021-11-09 维沃移动通信有限公司 操作方法及装置
US12032976B2 (en) 2020-09-21 2024-07-09 Vivo Mobile Communication Co., Ltd. Operation method and apparatus
WO2022100512A1 (zh) * 2020-11-11 2022-05-19 北京字跳网络技术有限公司 热点榜单的显示方法、装置、电子设备和存储介质
JP2023538894A (ja) * 2020-11-11 2023-09-12 北京字跳▲網▼絡技▲術▼有限公司 トレンドランキングリストの表示方法、装置、電子機器及び記憶媒体
JP7421009B2 (ja) 2020-11-11 2024-01-23 北京字跳▲網▼絡技▲術▼有限公司 トレンドランキングリストの表示方法、装置、電子機器及び記憶媒体
CN112948047A (zh) * 2021-03-23 2021-06-11 广州宸祺出行科技有限公司 一种基于rn实现的悬浮层组件的控制方法及系统
CN115408094A (zh) * 2022-11-01 2022-11-29 易方信息科技股份有限公司 一种基于IOS WebView的应用内外悬浮窗实现方法

Also Published As

Publication number Publication date
WO2019128193A1 (zh) 2019-07-04

Similar Documents

Publication Publication Date Title
US11709560B2 (en) Device, method, and graphical user interface for navigating through a user interface using a dynamic object selection indicator
US12050857B2 (en) Device, method, and graphical user interface for editing screenshot images
CN108228040A (zh) 移动终端及浮屏操作控制方法、装置
US11416205B2 (en) Systems and methods for initiating and interacting with a companion-display mode for an electronic device with a touch-sensitive display
CN106775313B (zh) 分屏操作控制方法及移动终端
US9207838B2 (en) Device, method, and graphical user interface for managing and interacting with concurrently open software applications
US8810535B2 (en) Electronic device and method of controlling same
US10048824B2 (en) User terminal device and display method thereof
CN107066171A (zh) 触屏终端的多窗口切换方法和系统
US20140298244A1 (en) Portable device using touch pen and application control method using the same
KR102343361B1 (ko) 전자 기기 및 이의 웹 페이지 디스플레이 방법
US11567725B2 (en) Data processing method and mobile device
WO2022242542A1 (zh) 应用图标的管理方法和电子设备
KR102118091B1 (ko) 오브젝트에 대한 사전 실행 기능을 가지는 모바일 장치 및 그 제어방법
CN111213354A (zh) 一种屏幕亮度调整方法及终端
WO2020010917A1 (zh) 分屏显示的开启方法、装置、存储介质及电子设备
CN107180039A (zh) 一种基于图片的文字信息识别方法及装置
EP2584441A1 (en) Electronic device and method of controlling same
CN113726946B (zh) 应用程序控制方法及装置
WO2024012415A1 (zh) 文本摘录方法及相关设备
KR20200086653A (ko) 컨텐츠의 스크롤 시 대표 정보를 표시하는 전자 장치 및 그 제어 방법
CN103294328B (zh) 数字相机的用户界面
CN118349149A (zh) 图像显示方法、装置和电子设备
CN114003320A (zh) 桌面实现方法、终端设备、装置和存储介质
US20130127753A1 (en) Setting method and system for actuating position of electronic device

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20180629

RJ01 Rejection of invention patent application after publication