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

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

Info

Publication number
WO2019128193A1
WO2019128193A1 PCT/CN2018/095542 CN2018095542W WO2019128193A1 WO 2019128193 A1 WO2019128193 A1 WO 2019128193A1 CN 2018095542 W CN2018095542 W CN 2018095542W WO 2019128193 A1 WO2019128193 A1 WO 2019128193A1
Authority
WO
WIPO (PCT)
Prior art keywords
floating window
floating
component
touch
window
Prior art date
Application number
PCT/CN2018/095542
Other languages
English (en)
French (fr)
Inventor
庄伟钦
Original Assignee
北京安云世纪科技有限公司
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 北京安云世纪科技有限公司 filed Critical 北京安云世纪科技有限公司
Publication of WO2019128193A1 publication Critical patent/WO2019128193A1/zh

Links

Images

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

Definitions

  • the present invention relates to the field of communications, and in particular, to a mobile terminal and a floating screen operation control method and apparatus.
  • terminal devices such as mobile phones generally have a video playing function, and a user can play a video through a video player installed in the terminal device.
  • a function of playing video through a floating window is provided.
  • the floating window overlay for playing the video is displayed on the upper layer of the webpage displayed by the browser, and the display size of the floating window is smaller than the screen size, ensuring that some content in the webpage of the lower layer of the floating window is not blocked by the floating window, so that the user is During the normal viewing of the video played in the floating window, the web page can be browsed at the same time. For example, through the above functions, the user can browse and select a video to be played later in the web page while watching the video.
  • the floating window is opened by clicking a button on the terminal to trigger a floating window.
  • the floating window is displayed on the user interface in a fixed size and position, and the triggered/hidden operation mode is Single, low user friendliness.
  • the implementation scheme in the prior art is single, and is only realized by directly loading a webpage in a floating window. The scheme consumes memory, and the scheme is single and the flexibility is not high.
  • the present invention provides a floating screen operation control method and a corresponding apparatus therefor.
  • the present invention also provides a mobile terminal for performing the floating screen operation control method of the present invention.
  • the present invention adopts the following technical solutions:
  • the present invention provides a floating screen operation control method, including the steps of: detecting a multi-point simultaneous sliding gesture applied to a video playing component on a current webpage; and parsing a source corresponding to the webpage in response to the pressing the sliding gesture Code, determining the reference information of the video playing component and the resource file address referenced by the video playing component; drawing and displaying a floating window, loading the reference information and the resource file address for the floating window to display the video playing component in the floating window Running the video playback component in the floating window to play the multimedia resource pointed to by the resource file address.
  • the present invention provides a floating screen operation control apparatus comprising: at least one processor; and at least one memory communicably connected to the at least one processor; the at least one memory comprising a processor Executing instructions that, when executed by the at least one processor, cause the apparatus to perform at least: detecting a plurality of simultaneous press swipe gestures acting on a video play component on a current web page; And in the pressing the sliding gesture, parsing the source code corresponding to the webpage, determining the reference information of the video playing component and the resource file address referenced by the video playing component; drawing and displaying a floating window, loading the reference information and the resource file for the floating window The address is to display the video playing component in a floating window; the video playing component in the floating window is executed to play the multimedia resource pointed by the resource file address.
  • the present invention provides a mobile terminal, including: a touch sensitive display for displaying a user interface, implementing human-computer interaction; one or more processors; a memory; one or more applications, wherein the one or more A plurality of applications are stored in the memory and configured to be executed by the one or more processors; the one or more applications for driving the one or more processors configured to perform A module of the method described on the one hand.
  • the invention provides a computer program comprising computer readable code which, when executed by a server, causes the method described in the first aspect to be performed.
  • the invention provides a computer readable medium storing the computer program of the fourth aspect.
  • the invention provides a floating screen operation control method and a corresponding device thereof.
  • a video playback component on any webpage is touched by multiple fingers, when the component is clicked and moved, the floating window corresponding to the component is triggered, and the floating window is displayed at the top.
  • the video playback component is played at the forefront regardless of whether the user opens any other application for any operation.
  • the multi-finger touch window is continuously touched, the size and position of the floating window can be changed.
  • the implementation of the present invention solves the problem that the user can only trigger the drawing of the floating window by clicking a button on the terminal, triggering the operation of the floating window, and having a single solution and low flexibility.
  • the method and device provided by the present invention provide various solutions, such as a webview control and a videoview control, to play a video file in the floating window, and the present invention touches a video playing component on a current webpage by using a multi-finger touch gesture.
  • the simple and quick drawing of the floating window corresponding to the component improves the interaction of the triggering operation mode of the floating component of the interface component, improves user friendliness and enhances the user experience.
  • FIG. 1 is a flow chart of a first embodiment of a floating screen operation control method according to the present invention
  • FIG. 2 is a flow chart of a first embodiment of a floating screen operation control device according to the present invention
  • FIG. 3 is a block diagram showing a structure of a mobile terminal according to the present invention.
  • Figure 4 shows a block diagram of a server for performing the method according to the invention
  • Figure 5 shows a schematic diagram of a memory unit for holding or carrying program code implementing the method according to the invention.
  • the image classification display method of the present invention is mainly applicable to a terminal having a communication function such as a smart phone terminal or a smart tablet terminal, and is not limited to the type of its operating system, and may be an operating system such as Android, IOS, WP, and Symbian. However, when you call WebView or VideoView for implementation in Android, it will deliver more efficient performance than other operating systems.
  • a specific implementation manner of a method for controlling a floating screen operation includes the following steps:
  • the user triggers a request to draw a floating window by pressing a swipe gesture.
  • the present invention preferably performs a multi-finger manipulation operation to implement the triggering of a drawing floating window request.
  • the video playing component on the current webpage of the display of the terminal device is multi-finger to generate a touch. event.
  • the multi-finger touch can be a touch mode such as two-finger touch, three-finger touch, four-finger touch or five-finger touch, and the component can be dragged after multiple fingers click or click.
  • the sliding manner of the multi-finger sliding may be toward the central position point of all the action points, or toward the center position of all the action points, or the synchronous movement of the respective action points, correspondingly, the plurality of
  • the action points slide toward the center position of all the action points they are regarded as a zoom-out operation command, and the floating window interface is followed by the reduction; the plurality of action points are turned back to the center position of all the action points.
  • the floating window interface is followed by zooming; when the plurality of action points are synchronously sliding in the same direction, it is regarded as a sliding operation, and the floating window interface follows the moving position.
  • the pressing and sliding manner may also be other preset manners, which is not limited herein.
  • the user touches the video playing component on the current webpage by multiple fingers, and when the operation ends, a touch event is generated, and the touch property information, the touch point position, and the number of touch points are stored in the touch event.
  • the touch attribute information is a touch type, and the touch type includes a click, a drag, a press slide, or other preset touch types.
  • a database of a mapping relationship between the touch type and the touch request corresponding to the touch type is pre-configured on the terminal, and in the database, different touch types generated by the user through different touch gestures are corresponding to one Different touch requests, the terminal detects a gesture of the user, compares the touch type generated by the gesture with the database, and queries a touch request corresponding to the touch type in the database.
  • the touch request corresponding to the preset multi-finger touch is to draw a floating window request, and when detecting the multi-finger touch acting on the video playing component on the current webpage
  • the touch event generated in response to the gesture sends a request to draw a floating window corresponding to the component to be sent to the browser that opens the webpage, and the browser requests to draw the corresponding suspension of the component according to the drawing of the floating window request. window.
  • the application when receiving the drawing hovering window request, acquires source code of the current webpage, parses the source code, and intercepts a part of the source code related to the component, where the component related code includes the The reference information of the component and the resource file address referenced by the component.
  • the reference information of the component includes at least a play mode, a play skin, a play progress, and a response function of some controls included in the video play component, and the referenced resource file includes at least a video file and music. Documents, text and pictures, etc.
  • the drawing floating window request carries reference information of the component in the source code of the web page, the resource file address referenced by the floating window, and the floating window feature information.
  • the floating window feature information includes one of window layout file path information, window layout file information, and window text text information, or any combination thereof.
  • the application may draw a floating window according to the reference information and the resource file address information in the request, and may also invoke a floating window in the pre-stored floating window library that matches the request according to the floating window feature information.
  • the present invention preferably draws the floating window corresponding to the component being actuated by the following two schemes.
  • the sliding gesture is simultaneously pressed to obtain the source code of the webpage, and the floating window is drawn according to the code related to the component in the source code.
  • the reference information and the resource file address are loaded in the floating window to display the video playing component in the floating window.
  • the feature information of the floating window carried in the request for drawing the floating window is matched with the feature information library of the preset floating window feature information, and if it matches, the preset floating window layout is called.
  • the resource file address referenced by the active component is loaded in the preset floating window layout.
  • the floating window feature information carried in the drawing floating window request if the floating window feature information carried in the drawing floating window request does not match the preset floating window feature information database, the floating window feature information carried in the drawing floating window request is drawn according to the drawing
  • the floating window saves the floating window feature information carried in the drawing floating window request to the preset floating window feature information library.
  • the top is displayed on the user interface.
  • the video playback component is played at the forefront whenever any other application is opened.
  • the floating window of other top display is opened, such as the input method, if the floating window overlaps with the drawn floating window, the currently drawn floating window is displayed on the edge of the other floating window to avoid two floating windows. The content is covered.
  • the size and position of the floating window is changed in accordance with the scaling instruction.
  • the user can implement the change of the size of the floating window and the movement of the position by multi-finger touch. Specifically, when the multi-finger touch window is touched, if the plurality of action points slide toward the center position of all the action points, the zoom window is regarded as a zoom-out operation instruction, and the floating window interface is reduced; When a plurality of action points are facing away from the center position of all the action points, the operation is regarded as an enlarged operation instruction, and the floating window interface is followed by amplification; when the plurality of action points are synchronized in the same direction, it is regarded as a sliding operation.
  • the floating window interface follows the moving position.
  • the touch mode may also be other preset manners, which is not limited herein.
  • step S13 when the video playing component in the floating window is run, the details are as follows:
  • the control can load the display webpage, and can be regarded as a browser, which uses the rendering engine to load and display the webpage.
  • the floating window exists according to the original webpage, and its life cycle is consistent with the original webpage, that is, the floating window is closed when the original webpage is closed.
  • the original network can be run in the background, and the user can open any other application to perform any operation.
  • the reference information of the video playing component and the multimedia resource pointed to by the referenced resource file address are invoked by the function response function of the floating window video playing component.
  • the method specifically controls and plays the multimedia resource through a videoview player control.
  • the player control can read images from different sources (such as resource files or content providers), calculate and maintain the screen size of the video to make it suitable for any layout manager, and provide some display such as zooming, coloring, etc.
  • this method can customize the playback idea.
  • videoview Several common functions of videoview include: obtaining the total time of the played video, obtaining the current position, pausing playback, setting the playback position, registering the callback function called when the media file is finished playing, starting playback, and setting the resolution of the player control. rate.
  • the resolution of the player control it should be noted that in the function of setting the resolution, if the player control is vertical when starting playback, when we change the layout size when the screen is horizontal, we need to call this method again. Set its resolution, otherwise the video part inside the control is still the original size.
  • S145 define a videoview component in the interface layout file, or create a videoview component in the program
  • setVidePath(String path) loading the video represented by the path file, that is, the multimedia file pointed to by the resource file address;
  • the floating window is dependent on the operating system of the terminal device, and its life cycle is consistent with the application, that is, the floating window still exists when the original webpage is turned off, and the multimedia file on the original webpage is played at the forefront. .
  • the invention provides various solutions to realize the playing of the original webpage multimedia file and improve the flexibility of the solution.
  • a floating screen operation control device is provided, and in one embodiment, a detection module 11 and a parsing module 12 are provided. , drawing module 13, running module 14. among them,
  • the detecting module 11 detects a plurality of points of the video playing component on the current webpage and simultaneously presses the sliding gesture.
  • the user triggers a request to draw a floating window by a push swipe gesture.
  • the present invention preferably performs a multi-finger manipulation operation to implement the triggering of a drawing floating window request.
  • the video playing component on the current webpage of the display of the terminal device is multi-finger to generate a touch. event.
  • the multi-finger touch can be a touch mode such as two-finger touch, three-finger touch, four-finger touch or five-finger touch, and the component can be dragged after multiple fingers click or click.
  • the sliding manner of the multi-finger sliding may be toward the central position point of all the action points, or toward the center position of all the action points, or the synchronous movement of the respective action points, correspondingly, the plurality of
  • the action points slide toward the center position of all the action points they are regarded as a zoom-out operation command, and the floating window interface is followed by the reduction; the plurality of action points are turned back to the center position of all the action points.
  • the floating window interface is followed by zooming; when the plurality of action points are synchronously sliding in the same direction, it is regarded as a sliding operation, and the floating window interface follows the moving position.
  • the pressing and sliding manner may also be other preset manners, which is not limited herein.
  • the parsing module 12 in response to the pressing the sliding gesture, parsing the source code corresponding to the webpage, determining the reference information of the video playing component and the resource file address referenced by the video playing component.
  • the user touches the video playing component on the current webpage by multiple fingers, and when the operation ends, a touch event is generated, and the touch property information, the touch point position, and the number of touch points are stored in the touch event.
  • the touch attribute information is a touch type, and the touch type includes a click, a drag, a press slide, or other preset touch types.
  • a database of a mapping relationship between the touch type and the touch request corresponding to the touch type is pre-configured on the terminal, and in the database, different touch types generated by the user through different touch gestures are corresponding to one Different touch requests, the terminal detects a gesture of the user, compares the touch type generated by the gesture with the database, and queries a touch request corresponding to the touch type in the database.
  • the touch request corresponding to the preset multi-finger touch is to draw a floating window request, and when detecting the multi-finger touch acting on the video playing component on the current webpage
  • the touch event generated in response to the gesture sends a request to draw a floating window corresponding to the component to be sent to the browser that opens the webpage, and the browser requests to draw the corresponding suspension of the component according to the drawing of the floating window request. window.
  • the application when receiving the drawing hovering window request, acquires source code of the current webpage, parses the source code, and intercepts a part of the source code related to the component, where the component related code includes the The reference information of the component and the resource file address referenced by the component.
  • the reference information of the component includes at least a play mode, a play skin, a play progress, and a response function of some controls included in the video play component, and the referenced resource file includes at least a video file and music. Documents, text and pictures, etc.
  • the drawing floating window request carries reference information of the component in the source code of the web page, the resource file address referenced by the floating window, and the floating window feature information.
  • the floating window feature information includes one of window layout file path information, window layout file information, and window text text information, or any combination thereof.
  • the application may draw a floating window according to the reference information and the resource file address information in the request, and may also invoke a floating window in the pre-stored floating window library that matches the request according to the floating window feature information.
  • the drawing module 13 draws and displays a floating window, loads the reference information and the resource file address for the floating window to display the video playing component in the floating window.
  • the present invention preferably draws the floating window corresponding to the component being actuated by the following two schemes.
  • the sliding gesture is simultaneously pressed to obtain the source code of the webpage, and the floating window is drawn according to the code related to the component in the source code.
  • the reference information and the resource file address are loaded in the floating window to display the video playing component in the floating window.
  • the feature information of the floating window carried in the request for drawing the floating window is matched with the feature information library of the preset floating window feature information, and if it matches, the preset floating window layout is called.
  • the resource file address referenced by the active component is loaded in the preset floating window layout.
  • the floating window feature information carried in the drawing floating window request if the floating window feature information carried in the drawing floating window request does not match the preset floating window feature information database, the floating window feature information carried in the drawing floating window request is drawn according to the drawing
  • the floating window saves the floating window feature information carried in the drawing floating window request to the preset floating window feature information library.
  • the top is displayed on the user interface.
  • the video playback component is played at the forefront whenever any other application is opened.
  • the floating window of other top display is opened, such as the input method, if the floating window overlaps with the drawn floating window, the currently drawn floating window is displayed on the edge of the other floating window to avoid two floating windows. The content is covered.
  • the size and position of the floating window is changed in accordance with the scaling instruction.
  • the user can implement the change of the size of the floating window and the movement of the position by multi-finger touch. Specifically, when the multi-finger touch window is touched, if the plurality of action points slide toward the center position of all the action points, the zoom window is regarded as a zoom-out operation instruction, and the floating window interface is reduced; When a plurality of action points are facing away from the center position of all the action points, the operation is regarded as an enlarged operation instruction, and the floating window interface is followed by amplification; when the plurality of action points are synchronized in the same direction, it is regarded as a sliding operation.
  • the floating window interface follows the moving position.
  • the touch mode may also be other preset manners, which is not limited herein.
  • the running module 14 runs the video playing component in the floating window to play the multimedia resource pointed by the resource file address.
  • the control can load the display webpage, and can be regarded as a browser, which uses the rendering engine to load and display the webpage.
  • the floating window exists according to the original webpage, and its life cycle is consistent with the webpage, that is, the floating window is closed when the original webpage is closed.
  • the original network can be run in the background, and the user can open any other application to perform any operation.
  • the reference information of the video playing component and the multimedia resource pointed to by the referenced resource file address are invoked by the function response function of the floating window video playing component.
  • the method specifically controls and plays the multimedia resource through a videoview player control.
  • the player control can read images from different sources (such as resource files or content providers), calculate and maintain the screen size of the video to make it suitable for any layout manager, and provide some display such as zooming, coloring, etc.
  • this method can customize the playback idea.
  • videoview Several common functions of videoview include: obtaining the total time of the played video, obtaining the current position, pausing playback, setting the playback position, registering the callback function called when the media file is finished playing, starting playback, and setting the resolution of the player control. rate.
  • the resolution of the player control it should be noted that in the function of setting the resolution, if the player control is vertical when starting playback, when we change the layout size when the screen is horizontal, we need to call this method again. Set its resolution, otherwise the video part inside the control is still the original size.
  • S145 define a videoview component in the interface layout file, or create a videoview component in the program
  • setVidePath(String path) loading the video represented by the path file, that is, the multimedia file pointed to by the resource file address;
  • the floating window is dependent on the operating system of the terminal device, and its life cycle is consistent with the application, that is, when the original webpage is turned off, the floating window depends on the presence and plays the multimedia file on the original webpage at the forefront. .
  • the maximum benefit of the present invention is that, when the video playback component on any webpage is touched by multiple fingers, when the component is clicked and moved, the floating window corresponding to the component is triggered, and The floating window top is displayed on the user interface, and the video playing component is played at the forefront regardless of the user opening any other application for any operation.
  • the multi-finger touch window is continuously touched, the size and position of the floating window can be changed.
  • the implementation of the invention enables the user to draw a floating window on the video playing component on the webpage through a simple gesture, thereby improving the interaction of the triggering operation mode of the floating component of the interface component, improving user friendliness and enhancing the user experience.
  • the present invention provides various schemes for realizing the playback of a video file, such as directly loading a webpage through a webview control for playing and realizing the playback and control of the video file through the properties of the videoview control itself and the function response function of the related control, thereby improving the flexibility of the scheme. . More importantly, of the two options, the latter is superior to the prior art in terms of memory savings.
  • the user watches the video on the current webpage, clicks and drags the video playing component on the current webpage on the mobile phone, and then touches the video playing interface three times, the mobile phone receives the user's touch gesture information, and the mobile phone receives the touch gesture information according to the touch gesture information.
  • the art video interface is displayed in the form of a small window at the forefront of the user interface, and the mobile phone displays other video lists or other information of the web page, and the user can simultaneously watch the video and browse other web pages or perform other operations.
  • the video playback component is played at the forefront whenever the user opens any other application to perform any operation or closes the original web page.
  • the user continues to change the position and size of the floating window by three fingers.
  • the mobile phone receives the user's expansion gesture on the floating window, correspondingly on the screen of the mobile phone.
  • the floating window interface is displayed in full screen.
  • the embodiment of the present invention further provides a mobile terminal.
  • a mobile terminal As shown in FIG. 3, for the convenience of description, only parts related to the embodiment of the present invention are shown. For details that are not disclosed, refer to the embodiment of the present invention.
  • the terminal may be any terminal device including a mobile phone, a tablet computer, a PDA (Personal Digital Assistant), a POS (Point of Sales), an in-vehicle computer, and the terminal is a mobile phone as an example:
  • FIG. 3 is a block diagram showing a partial structure of a mobile phone related to a terminal provided by an embodiment of the present invention.
  • the mobile phone includes components such as a touch sensitive display 0313, a processor 0311, and a memory 0314.
  • the structure of the handset shown in FIG. 3 does not constitute a limitation to the handset, and may include more or less components than those illustrated, or some components may be combined, or different component arrangements.
  • the memory 0314 can be used to store software programs and modules, and the processor 0311 executes various functional applications and data processing of the mobile phone by running software programs and modules stored in the memory 0314.
  • the memory 0314 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application required for at least one function (such as a sound playing function, an image playing function, etc.), and the like; the storage data area may be stored according to Data created by the use of the mobile phone (such as audio data, phone book, etc.).
  • the memory 0314 may include a high speed random access memory, and may also include a nonvolatile memory such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device.
  • the touch sensitive display 0313 can include two portions of a touch detection device and a touch controller. Wherein, the touch detection device detects the touch orientation of the user, and detects a signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts the touch information into contact coordinates, and sends the touch information. Give the processor and receive commands from the processor and execute them.
  • touch sensitive displays can be implemented in a variety of types including resistive, capacitive, infrared, and surface acoustic waves.
  • the touch sensitive display 0313 can be used to display information input by the user or information provided to the user as well as various menus of the mobile phone, such as an information editing interface.
  • the touch-sensitive display 0313 may include a display panel.
  • the touch-sensitive display may be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like.
  • LCD liquid crystal display
  • OLED organic light-emitting diode
  • the handset can also include at least one type of sensor 0912, such as a light sensor, motion sensor, and other sensors.
  • the light sensor may include an ambient light sensor and a proximity sensor, wherein the ambient light sensor can adjust the brightness of the display panel according to the brightness of the ambient light, and the proximity sensor can close the display panel and/or the backlight when the mobile phone moves to the ear.
  • the accelerometer sensor can detect the magnitude of acceleration in all directions (usually three axes). When it is stationary, it can detect the magnitude and direction of gravity.
  • the mobile phone can be used to identify the gesture of the mobile phone (such as horizontal and vertical screen switching, related Game, magnetometer attitude calibration), vibration recognition related functions (such as pedometer, tapping), etc.; as for the mobile phone can also be configured with gyroscopes, barometers, hygrometers, thermometers, infrared sensors and other sensors, no longer Narration.
  • the gesture of the mobile phone such as horizontal and vertical screen switching, related Game, magnetometer attitude calibration
  • vibration recognition related functions such as pedometer, tapping
  • the mobile phone can also be configured with gyroscopes, barometers, hygrometers, thermometers, infrared sensors and other sensors, no longer Narration.
  • the processor 0311 is a control center of the mobile phone, and connects various parts of the entire mobile phone using various interfaces and lines, and executes by executing or executing software programs and/or modules stored in the memory 0314, and calling data stored in the memory 0314.
  • the processor 0311 may include one or more processing units; preferably, the processor 0311 may integrate an application processor and a modem processor, where the application processor mainly processes an operating system, a user interface, an application, and the like.
  • the modem processor primarily handles wireless communications. It can be understood that the above modem processor may not be integrated into the processor 0311.
  • the mobile phone also includes a power source (such as a battery) for supplying power to various components.
  • a power source such as a battery
  • the power source can be logically connected to the processor 0311 through the power management system to manage functions such as charging, discharging, and power management through the power management system.
  • the mobile phone may further include a camera, a Bluetooth module, and the like, and details are not described herein again.
  • the processor 0311 included in the terminal further has the following functions:
  • the press-slip gesture includes two-finger or multi-finger clicking on the component or dragging the component after clicking.
  • the step of transmitting a request for drawing a floating window corresponding to the active component to the browser that opens the webpage in response to the touch event specifically includes:
  • the touch request is a drawing of a floating window request.
  • the drawing floating window request carries reference information of the component in the source code of the web page, the resource file address referenced by the floating window, and the floating window feature information.
  • the floating window feature information includes one of window layout file path information, window layout file information, and window text text information, or any combination thereof.
  • the feature information of the floating window carried in the floating window request is matched with the preset floating window feature information library, and if the matching is matched, the preset floating window layout is called.
  • the floating window is drawn according to the floating window feature information carried in the drawing floating window request.
  • the floating window feature information carried in the drawing floating window request is saved to the preset floating window feature information library.
  • the step of running the video playing component in the floating window to play the multimedia resource pointed by the resource file address includes:
  • the reference information of the video playing component in the source code of the webpage and the multimedia resource pointed to by the resource file address referenced by the webpage source code are loaded in the floating window;
  • the floating window top is displayed on the user interface.
  • Fig. 4 shows a server (referred to as a server collectively referred to as a device) in which the present invention can be implemented.
  • the device conventionally includes a processor 410 and a computer program product or computer readable medium in the form of a memory 420.
  • the memory 420 may be an electronic memory such as a flash memory, an EEPROM (Electrically Erasable Programmable Read Only Memory), an EPROM, a hard disk, or a ROM.
  • Memory 420 has a memory space 430 for program code 431 for performing any of the method steps described above.
  • storage space 430 for program code may include various program code 431 for implementing various steps in the above methods, respectively.
  • the program code can be read from or written to one or more computer program products.
  • These computer program products include program code carriers such as hard disks, compact disks (CDs), memory cards or floppy disks.
  • Such computer program products are typically portable or fixed storage units as described with reference to FIG.
  • the storage unit may have a storage section or a storage space or the like arranged similarly to the memory 420 in FIG.
  • the program code can be compressed, for example, in an appropriate form.
  • the storage unit comprises program code 431' for performing the steps of the method according to the invention, ie code that can be read by a processor, such as 410, which, when run by the device, causes the device to perform the above Each step in the described method.
  • the disclosed system, apparatus, and picture classification display method may be implemented in other manners.
  • the device embodiments described above are merely illustrative.
  • the division of the unit is only a logical function division.
  • there may be another division manner for example, multiple units or components may be combined or Can be integrated into another system, or some features can be ignored or not executed.
  • the mutual coupling or direct coupling or communication connection shown or discussed may be an indirect coupling or communication connection through some interface, device or unit, and may be in an electrical, mechanical or other form.
  • the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of the embodiment.
  • each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.
  • the above integrated unit can be implemented in the form of hardware or in the form of a software functional unit.
  • a person of ordinary skill in the art may understand that all or part of the steps of the various picture classification display methods of the foregoing embodiments may be completed by a program to instruct related hardware, and the program may be stored in a computer readable storage medium, the storage medium. It may include: a read only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.
  • ROM read only memory
  • RAM random access memory
  • magnetic disk magnetic disk or an optical disk.
  • a person skilled in the art can understand that all or part of the steps of implementing the picture classification display method of the above embodiment can be completed by a program to instruct related hardware, and the program can be stored in a computer readable storage medium.
  • the storage medium to which it is obtained may be a read only memory, a magnetic disk or an optical disk or the like.

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为本发明的一种移动终端部分结构框图；
图4示出了用于执行根据本发明的方法的服务器的框图；以及
图5示出了用于保持或者携带实现根据本发明的方法的程序代码的存储单元示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。
在本发明的说明书和权利要求书及上述附图中的描述的一些流程中，包含了按照特定顺序出现的多个操作，但是应该清楚了解，这些操作可以不按照其在本文中出现的顺序来执行或并行执行，操作的序号如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还具有以下功能：
检测作用于当前网页上视频播放组件的多点同时按压滑动手势；
响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址；
绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件；
运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。
所述按压滑动手势包括双指或多指单击所述组件或单击之后拖动所述组件。
所述响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址的步骤中具体包括：
当所述按压滑动手势结束时，产生触控事件；
响应于该触控事件向打开该网页的浏览器发送绘制与被作用组件对应的悬浮窗的请求；
所述响应于该触控事件向打开该网页的浏览器发送一个与被作用组件对应的绘制悬浮窗的请求的步骤中具体包括：
依据所述触控事件的触控参数，查询储存有预设的触控类型和触控请求之间映射关系列表的数据库，所述触控参数包括触控点个数、触控点位置及触控类型；
确定该触控类型对应的触控请求，所述触控请求为绘制悬浮窗请求。
所述绘制悬浮窗请求中携带有该网页的源代码中被作用的组件的引用信息、其所引用的资源文件地址及所述悬浮窗特征信息。
所述悬浮窗特征信息包括：窗口布局文件路径信息、窗口布局文件信息、窗口文本文字信息中的一种或其任意组合。
将绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库进行特征信息匹配，如果相匹配，则调用该预先设置的悬浮窗布局。
若所述绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库不相匹配，则依据所述绘制悬浮窗请求中携带的悬浮窗特征信息绘制所述悬浮窗。
将绘制悬浮窗请求中携带的悬浮窗特征信息保存至所述预先设置的悬浮窗特征信息库。
所述运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源的步骤中包括：
播放所述多媒体资源时在所述悬浮窗中加载该网页源代码中视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源；
或播放所述多媒体资源时通过所述悬浮窗视频播放组件的功能响应函数调用所述视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。
当打开其他置顶显示的悬浮窗，并与所述绘制的悬浮窗有重叠时，将当前绘制的悬浮窗贴着所述其他悬浮窗边缘显示。
接收作用于所述悬浮窗的缩放指令，依据所述缩放指令更改所述悬浮窗的大小和位置。
所述悬浮窗置顶显示于用户界面。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述图片分类展示方法实施例中的对应过程，在此不再赘述。
图4示出了可以实现根据本发明的服务器(下述将服务器统称为设备)。该设备传统上包括处理器410和以存储器420形式的计算机程序产品或者计算机可读介质。存储器420可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。存储器420具有用于执行上述方法中的任何方法步骤的程序代码431的存储空间430。例如，用于程序代码的存储空间430可以包括分别用于实现上面的方法中的各种步骤的各个程序代码431。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。这些计算机程序产品包括诸如硬盘，紧致盘(CD)、存储卡或者软盘之类的程序代码载体。这样的计算机程序产品通常为如参考图5所述的便携式或者固定存储单元。该存储单元可以具有与图4中的存储器420类似布置的存储段或者存储空间等。程序代码可以例如以适当形式进行压缩。通常，存储单元包括用于执行根据本发明的方法步骤的程序代码431’，即可以由例如诸如410之类的处理器读取的代码，这些代码当由设备运行时，导致该设备执行上面所描述的方法中的各个步骤。
在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和图片分类展示方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可 以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
本领域普通技术人员可以理解上述实施例的各种图片分类展示方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁盘或光盘等。
本领域普通技术人员可以理解实现上述实施例图片分类展示方法中的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
以上对本发明所提供的一种移动终端进行了详细介绍，对于本领域的一般技术人员，依据本发明实施例的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (31)

  1. 一种浮屏操作控制方法，包括如下步骤：
    检测作用于当前网页上视频播放组件的多点同时按压滑动手势；
    响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址；
    绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件；
    运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。
  2. 如权利要求1所述浮屏操作控制方法，所述按压滑动手势包括双指或多指单击所述组件或单击之后拖动所述组件。
  3. 如权利要求1所述浮屏操作控制方法，所述响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址的步骤中具体包括：
    当所述按压滑动手势结束时，产生触控事件；
    响应于该触控事件向打开该网页的浏览器发送绘制与被作用组件对应的悬浮窗的请求。
  4. 如权利要求3所述浮屏操作控制方法，所述响应于该触控事件向打开该网页的浏览器发送一个与被作用组件对应的绘制悬浮窗的请求的步骤中具体包括：
    依据所述触控事件的触控参数，查询储存有预设的触控类型和触控请求之间映射关系列表的数据库，所述触控参数包括触控点个数、触控点位置及触控类型；
    确定该触控类型对应的触控请求，所述触控请求为绘制悬浮窗请求。
  5. 如权利要求4所述浮屏操作控制方法，所述绘制悬浮窗请求中携带有该网页的源代码中被作用的组件的引用信息、其所引用的资源文件地址及所述悬浮窗特征信息。
  6. 如权利要求5所述浮屏操作控制方法，所述被作用组件的引用信息至少包括播放进度、播放方式、播放皮肤。
  7. 如权利要求5所述浮屏操作控制方法，所述悬浮窗特征信息包括：窗口布局文件路径信息、窗口布局文件信息、窗口文本文字信息中的一种或其任意组合。
  8. 如权利要求1所述浮屏操作控制方法，所述绘制并显示所述悬浮窗的步骤中具体还包括：
    将绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库进行特征信息匹配，如果相匹配，则调用该预先设置的悬浮窗布局。
  9. 如权利要求8所述浮屏操作控制方法，若所述绘制悬浮窗请求中携带的悬浮 窗特征信息与预先设置的悬浮窗特征信息库不相匹配，则依据所述绘制悬浮窗请求中携带的悬浮窗特征信息绘制所述悬浮窗。
  10. 如权利要求9所述浮屏操作控制方法，还包括：
    将绘制悬浮窗请求中携带的悬浮窗特征信息保存至所述预先设置的悬浮窗特征信息库。
  11. 如权利要求1所述浮屏操作控制方法，所述运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源的步骤中包括：
    播放所述多媒体资源时在所述悬浮窗中加载该网页源代码中视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源；
    或播放所述多媒体资源时通过所述悬浮窗视频播放组件的功能响应函数调用所述视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。
  12. 如权利要求1所述浮屏操作控制方法，当打开其他置顶显示的悬浮窗，并与所述绘制的悬浮窗有重叠时，将当前绘制的悬浮窗贴着所述其他悬浮窗边缘显示。
  13. 如权利要求1所述浮屏操作控制方法，接收作用于所述悬浮窗的缩放指令，依据所述缩放指令更改所述悬浮窗的大小和位置。
  14. 如权利要求1所述浮屏操作控制方法，所述悬浮窗置顶显示于用户界面。
  15. 一种浮屏操作控制装置，包括：
    至少一个处理器；
    以及，至少一个存储器，其与所述至少一个处理器可通信地连接；所述至少一个存储器包括处理器可执行的指令，当所述处理器可执行的指令由所述至少一个处理器执行时，致使所述装置执行至少以下操作：
    检测作用于当前网页上视频播放组件的多点同时按压滑动手势；
    响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址；
    绘制并显示悬浮窗，为该悬浮窗装载所述引用信息及资源文件地址以在悬浮窗中显示所述的视频播放组件；
    运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源。
  16. 如权利要求15所述浮屏操作控制装置，所述按压滑动手势包括双指或多指单击所述组件或单击之后拖动所述组件。
  17. 如权利要求15所述浮屏操作控制装置，所述响应于所述按压滑动手势，解析该网页对应的源代码，确定该视频播放组件的引用信息及其所引用的资源文件地址的步骤中具体包括以下操作：
    当所述按压滑动手势结束时，产生触控事件；
    响应于该触控事件向打开该网页的浏览器发送绘制与被作用组件对应的悬浮窗的请求。
  18. 如权利要求17所述浮屏操作控制装置，所述响应于该触控事件向打开该网页的浏览器发送一个与被作用组件对应的绘制悬浮窗的请求的步骤中具体包括以下操作：
    依据所述触控事件的触控参数，查询储存有预设的触控类型和触控请求之间映射关系列表的数据库，所述触控参数包括触控点个数、触控点位置及触控类型；
    确定该触控类型对应的触控请求，所述触控请求为绘制悬浮窗请求。
  19. 如权利要求18所述浮屏操作控制装置，所述绘制悬浮窗请求中携带有该网页的源代码中被作用的组件的引用信息、其所引用的资源文件地址及所述悬浮窗特征信息。
  20. 如权利要求19所述浮屏操作控制装置，所述被作用组件的引用信息至少包括播放进度、播放方式、播放皮肤。
  21. 如权利要求19所述浮屏操作控制装置，所述悬浮窗特征信息包括：窗口布局文件路径信息、窗口布局文件信息、窗口文本文字信息中的一种或其任意组合。
  22. 如权利要求15所述浮屏操作控制装置，所述绘制并显示所述悬浮窗的步骤中具体还包括以下操作：
    将绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库进行特征信息匹配，如果相匹配，则调用该预先设置的悬浮窗布局。
  23. 如权利要求22所述浮屏操作控制装置，如果绘制悬浮窗请求中携带的悬浮窗特征信息与预先设置的悬浮窗特征信息库不相匹配，则依据所述绘制悬浮窗请求中携带的悬浮窗特征信息绘制所述悬浮窗。
  24. 如权利要求23所述浮屏操作控制装置，，还包括以下操作：
    将绘制悬浮窗请求中携带的悬浮窗特征信息保存至所述预先设置的悬浮窗特征信息库。
  25. 如权利要求15所述浮屏操作控制装置，所述运行所述悬浮窗中的所述视频播放组件以播放所述资源文件地址所指向的多媒体资源的步骤中包括以下操作：
    播放所述多媒体资源时在所述悬浮窗中加载该网页源代码中视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源；
    或播放所述多媒体资源时通过所述悬浮窗组件的功能响应函数调用所述视频播放组件的引用信息及其所引用的资源文件地址所指向的多媒体资源。
  26. 如权利要求15所述浮屏操作控制装置，当打开其他置顶显示的悬浮窗，并与所述绘制的悬浮窗有重叠时，将当前绘制的悬浮窗贴着所述其他悬浮窗边缘显示。
  27. 如权利要求15所述浮屏操作控制装置，所述装置还包括以下操作：
    接收作用于所述悬浮窗的缩放指令，依据所述缩放指令更改所述悬浮窗的大小和位置。
  28. 如权利要求15所述浮屏操作控制装置，所述悬浮窗置顶显示于用户界面。
  29. 一种移动终端，其特征在于，包括：
    触敏显示器，用于显示用户界面，实现人机交互；
    一个或多个处理器；
    存储器；
    一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行；
    所述一个或多个应用程序用于驱动所述一个或多个处理器构造用于执行权利要求1至权利要求14中任意一项所述的方法的模块。
  30. 一种计算机程序，包括计算机可读代码，当服务器运行所述计算机可读代码时，导致权利要求1-14中的任一项权利要求所述的方法被执行。
  31. 一种计算机可读介质，其中存储了如权利要求30所述的计算机程序。
PCT/CN2018/095542 2017-12-28 2018-07-13 移动终端及浮屏操作控制方法、装置 WO2019128193A1 (zh)

Applications Claiming Priority (2)

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

Publications (1)

Publication Number Publication Date
WO2019128193A1 true WO2019128193A1 (zh) 2019-07-04

Family

ID=62645565

Family Applications (1)

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

Country Status (2)

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

Families Citing this family (10)

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

Citations (5)

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

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101504648A (zh) * 2008-11-14 2009-08-12 北京搜狗科技发展有限公司 展现网页资源的方法及装置
CN102117291B (zh) * 2009-12-30 2013-03-06 北京搜狗科技发展有限公司 一种展现网络资源的方法及系统

Patent Citations (5)

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

Also Published As

Publication number Publication date
CN108228040A (zh) 2018-06-29

Similar Documents

Publication Publication Date Title
WO2019128193A1 (zh) 移动终端及浮屏操作控制方法、装置
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
US11416205B2 (en) Systems and methods for initiating and interacting with a companion-display mode for an electronic device with a touch-sensitive display
US11880550B2 (en) Device, method, and graphical user interface for navigation of concurrently open software applications
JP7174734B2 (ja) タッチ感知式セカンダリディスプレイにおいてユーザインタフェースコントロールを動的に提供するシステム、デバイス、及び方法
US9207838B2 (en) Device, method, and graphical user interface for managing and interacting with concurrently open software applications
CN110837329B (zh) 用于管理用户界面的方法和电子设备
WO2023010903A1 (zh) 终端设备的桌面管理方法和终端设备
WO2019062910A1 (zh) 一种复制和粘贴的方法、数据处理装置和用户设备
US20140365895A1 (en) Device and method for generating user interfaces from a template
US20090187842A1 (en) Drag and Drop User Interface for Portable Electronic Devices with Touch Sensitive Screens
US12015732B2 (en) Device, method, and graphical user interface for updating a background for home and wake screen user interfaces
WO2019184490A1 (zh) 用于显示寄宿应用的图标的方法、设备和存储介质
US20120030567A1 (en) System with contextual dashboard and dropboard features
KR20120093056A (ko) 전자 디바이스 및 이의 제어 방법
WO2021135578A1 (zh) 页面处理方法、装置、存储介质及终端设备
US11567725B2 (en) Data processing method and mobile device
KR20160073714A (ko) 전자 기기 및 이의 웹 페이지 디스플레이 방법
US11875016B2 (en) Devices, methods, and graphical user interfaces for displaying media items shared from distinct applications
US20240143134A1 (en) Devices, Methods, and Graphical User Interfaces for Displaying Media Items Shared from Distinct Applications
CN114764270A (zh) 输入转换方法、电子设备和可读介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 18894013

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 20.10.2020)

122 Ep: pct application non-entry in european phase

Ref document number: 18894013

Country of ref document: EP

Kind code of ref document: A1