WO2019076371A1 - Resource data display method and mobile terminal - Google Patents

Abstract

The present disclosure provides a resource data display method and a mobile terminal. The method is applied to the mobile terminal, and: if the floating container display operation is detected while playing the video data through the display interface of the mobile terminal, the floating container is displayed in the display interface; wherein the display position of the floating container is adjustable; The image currently displayed in the target area is displayed; wherein the target area is an area surrounded by the edge of the floating container in the display interface; if the first predetermined operation on the floating container is detected, the browser is called to search and display the image displayed in the floating container Associated resource data; display the searched resource data in the display interface.

Description

Resource data display method and mobile terminal

Cross-reference to related applications

The present application claims priority to Chinese Patent Application No. 20171099862, filed on Jan.

Technical field

The present disclosure relates to the field of communications technologies, and in particular, to a resource data display method and a mobile terminal.

Background technique

At present, mobile terminals are becoming more and more popular, and their displays are getting larger and larger. Compared with traditional TVs or computers, they are lighter and more portable. Therefore, more and more people are accustomed to using mobile terminals to watch videos. data.

In the process of viewing video data using a mobile terminal, the user may have certain needs, such as a detailed understanding of the needs of an object (such as a certain person) in the video picture corresponding to the video data. In general, the mobile terminal needs to interrupt the video data during playback and start the browser. Next, the mobile terminal needs to obtain the information related to the character input by the user in the search box of the browser (for example, the character name played by the character or the real name of the character), and then the mobile terminal can search for the related information of the character. And show the search results to the user. It is easy to see that the mobile terminal needs to implement the search and display of related information in the process of playing video data, which has the problem of cumbersome operation.

Summary of the invention

In a first aspect, an embodiment of the present disclosure provides a resource data display method, which is applied to a mobile terminal, where the method includes:

If a floating container display operation is detected while playing video data through a display interface of the mobile terminal, a floating container is displayed in the display interface; wherein a display position of the floating container is adjustable;

Displaying an image currently displayed by the target area in the floating container; wherein the target area is an area of the display interface surrounded by an edge of the floating container;

If a first predetermined operation on the hovering container is detected, invoking a browser to search for resource data associated with an image displayed in the hovering container;

The searched resource data is displayed in the display interface.

In a second aspect, an embodiment of the present disclosure provides a mobile terminal, including:

a first display module, configured to display a floating container display instruction in the display interface if the floating container display instruction is detected while playing video data through the display interface of the mobile terminal; wherein the display position of the floating container is adjustable ;

a second display module, configured to display an image currently displayed by the target area in the floating container; wherein the target area is an area enclosed by an edge of the floating container in the display interface;

a search module, configured to invoke a browser to search for resource data associated with an image displayed in the hovering container if a first predetermined operation on the hovering container is detected;

The first display module is configured to display the searched resource data in the display interface.

In a third aspect, an embodiment of the present disclosure provides a mobile terminal, including a processor, a memory, a computer program stored on the memory and executable on the processor, when the computer program is executed by the processor The steps of implementing the above resource data display method.

In a fourth aspect, an embodiment of the present disclosure provides a computer readable storage medium, where the computer readable storage medium stores a computer program, and when the computer program is executed by a processor, the steps of the resource data presentation method are implemented.

DRAWINGS

In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the drawings used in the description of the embodiments of the present disclosure will be briefly described. It is obvious that the drawings in the following description are only some embodiments of the present disclosure. For those of ordinary skill in the art, other drawings may be obtained from these drawings without the inventive labor.

FIG. 1 is a first flowchart of a resource data display method according to an embodiment of the present disclosure;

2 is a schematic diagram of a first page of a display interface of a mobile terminal;

3 is a second flowchart of a resource data display method provided by an embodiment of the present disclosure;

4 is a second page diagram of a display interface of a mobile terminal;

5 is a schematic diagram of a third page of a display interface of the mobile terminal;

6 is a schematic diagram of a first structure of a mobile terminal according to an embodiment of the present disclosure;

FIG. 7 is a schematic diagram of a second structure of a mobile terminal according to an embodiment of the present disclosure;

FIG. 8 is a schematic diagram of a third structure of a mobile terminal according to an embodiment of the present disclosure;

FIG. 9 is a schematic diagram of a fourth structure of a mobile terminal according to an embodiment of the present disclosure;

FIG. 10 is a schematic structural diagram of a fifth type of a mobile terminal according to an embodiment of the present disclosure;

FIG. 11 is a sixth structural diagram of a mobile terminal according to an embodiment of the present disclosure;

FIG. 12 is a schematic structural diagram of a seventh type of a mobile terminal according to an embodiment of the present disclosure;

FIG. 13 is a schematic structural diagram of an eighth type of a mobile terminal according to an embodiment of the present disclosure;

FIG. 14 is a schematic structural diagram of hardware of another mobile terminal according to an embodiment of the present disclosure.

Detailed ways

The technical solutions in the embodiments of the present disclosure are clearly and completely described in the following with reference to the accompanying drawings in the embodiments of the present disclosure. It is obvious that the described embodiments are a part of the embodiments of the present disclosure, and not all of the embodiments. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments of the present disclosure without departing from the inventive scope are the scope of the disclosure.

The resource data display method provided by the embodiment of the present disclosure is first described below.

It should be noted that the resource data display method provided by the embodiment of the present disclosure is applied to a mobile terminal. Specifically, the mobile terminal may be any device having a communication function, such as a mobile phone, a tablet personal computer, a laptop computer, a personal digital assistant (PDA), and a mobile Internet access device. Mobile Internet Device (MID), Wearable Device, etc.

Referring to FIG. 1, a first flowchart of a resource data display method provided by an embodiment of the present disclosure is shown. As shown in FIG. 1, the method is applied to a mobile terminal, and the method includes the following steps:

Step 101: If a floating container display instruction is detected while playing video data through the display interface of the mobile terminal, the floating container is displayed in the display interface; wherein the display position of the floating container is adjustable.

The floating container may be a 3D bubble or a floating window (for example, a rectangular floating window in which the edge of Jay Chou is surrounded by the edge in FIG. 2).

For the mobile terminal, while playing the video data through the display interface, it can detect whether the user inputs the floating container display instruction periodically or irregularly. The specific implementation form of the user inputting the floating container display instruction to the mobile terminal is various. One of the implementation forms is described below.

Specifically, a floating container display button may be added to the sliding control panel of the mobile terminal. In the process of using the mobile terminal to view video data, if the user has a detailed understanding of the needs of an object in the video picture corresponding to the video data (the object can be a character, an animal or a plant, etc.), the user can execute in the display interface. Sliding operation.

Thus, after the mobile terminal detects the sliding operation, the mobile terminal displays the sliding control panel in the display interface. Next, the user can click the hovering container display button in the slide-up control panel to input a floating container display command to the mobile terminal. Afterwards, the mobile terminal displays the floating container in the display interface according to the floating container display instruction; wherein the floating container can be displayed in the middle area, the edge area or any other area of the display interface.

Since the display position of the floating container is adjustable, in the case where the floating container is displayed in the display interface, the floating container can be dragged to any position in the display interface according to actual needs.

Step 102: Display an image currently displayed in the target area in the floating container; wherein the target area is an area in the display interface surrounded by the edge of the floating container.

Specifically, the mobile terminal may display an image currently displayed by the target area in the floating container if the preset container image display condition is satisfied. It should be noted that the preset container image display conditions may be various, and the following is an example.

In one case, the preset container image display condition is that the display position of the floating container does not change within a set time period (for example, 5 seconds, 8 seconds, or 10 seconds). Assuming that the user wants to know the characters appearing in the video screen shown in FIG. 2, such as Jay Chou's related information, when the mobile terminal displays the floating container in the display interface, the user can quickly drag the floating container to the schematic in FIG. The position of the exit (ie the edge of the suspended container can enclose the position of Jay Chou's head). After that, the user no longer changes the display position of the floating container for the set length of time. Since the display position of the floating container is always maintained at the position illustrated in FIG. 2 within the set time period, the mobile terminal determines that the preset container image display condition is satisfied, and at this time, the mobile terminal displays the target area in the floating container ( That is, an image of the area enclosed by the edge of the suspension container.

In the other case, the floating container has a selection button, and the preset container image display condition is that the selection button is clicked. Assuming that the user wants to know the characters appearing in the video screen illustrated in FIG. 2, such as Jay Chou's related information, after the mobile terminal displays the floating container in the display interface, the user can drag the floating container to FIG. After the position (ie, the edge of the floating container can surround the position of Jay Chou's head), click the selection button. Since the selection button is clicked, the mobile terminal determines that the preset container image display condition is satisfied. At this time, the mobile terminal displays an image of the target area (ie, the area enclosed by the edge of the floating container) in the floating container.

It can be seen that in both cases, the images displayed in the floating container include Jay's avatar, that is, the image displayed in the floating container includes an image of the object that the user wants to know in detail.

Step 103: If a first predetermined operation on the hovering container is detected, the browser is invoked to search for resource data associated with the image displayed in the hovering container.

The first predetermined operation may be an operation for triggering the mobile terminal to perform a search. Specifically, the first predetermined operation may be a long press operation, or a long press operation + a drag operation or the like.

For the mobile terminal, after displaying the image currently displayed by the target area in the floating container, it can detect whether the user inputs the first predetermined operation to the floating container periodically or irregularly. If a first predetermined operation on the hovering container is detected, the mobile terminal invokes a browser to search for resource data associated with the image displayed in the hovering container, during which the hovering container may be in a fluctuating state to inform the user that the search is in progress. Assuming that the image displayed in the floating container is Jay Chou's avatar, then the resource data associated with the image may be a personal introduction of Jay Chou, Jay Chou's personal work, etc., the type of the resource data may be a text type, a picture type, etc. I will not repeat them here.

Step 104: Display the searched resource data in a display interface.

It should be noted that the specific implementation form in which the mobile terminal displays the searched resource data in the display interface is various. For the sake of clear layout, an example is introduced later.

In this solution, in the process of playing video data through the display interface of the mobile terminal, if the user has a detailed understanding of an object in the video screen corresponding to the video data, such as the demand of a certain character, the user may input a floating container display to the mobile terminal. instruction. In this way, the mobile terminal displays the floating container in the display interface according to the floating container display instruction. Next, the user drags the position-adjustable hovering container to an area that ensures that the edge of the mobile terminal can enclose the object that the user wants to know, and then the image of the object that the user wants to know is displayed in the hovering container. Thereafter, the user can enter a first predetermined operation on the hovering container to the mobile terminal to trigger the mobile terminal to invoke the browser to search for resource data associated with the image displayed in the hovering container. After the mobile terminal searches for the resource data associated with the object that the user wants to know, it displays the resource data in the display interface.

It can be seen that, in the solution, in the process of playing the video data by the mobile terminal, the user only needs to input the floating container display instruction to the mobile terminal, and displays the image of the object that the user wants to know in the floating container, to the mobile terminal. By inputting the first predetermined operation on the floating container, the mobile terminal can automatically search and display the related information according to the image displayed in the floating container. Therefore, compared with the related art, the embodiment of the present disclosure can implement search and display of related information more conveniently and quickly.

Optionally, in step 103, if the first predetermined operation on the hovering container is detected, the browser is invoked to search for resource data associated with the image displayed in the hovering container, including:

Determining a target type of the resource data to be searched according to the operation information of the first predetermined operation if the first predetermined operation on the floating container is detected; wherein the operation information of the first predetermined operation includes the type and/or input of the first predetermined operation The fingerprint information of the finger of the first predetermined operation.

It should be noted that the correspondence between the operation information of the first predetermined operation and the type of the resource data may be pre-stored in the mobile terminal. In this way, after detecting the first predetermined operation on the floating container, the mobile terminal can identify the operation information of the first predetermined operation, and then, based on the correspondence stored in advance, the mobile terminal can determine the resource data corresponding to the identified operation information. The type, which is the target type of the resource data to be searched.

The browser is called to search for resource data associated with the image displayed in the hover container, the type of the resource data being the target type.

The specific implementation process of this embodiment will be described below with two specific examples.

In the first example, it is assumed that the operation information of the first predetermined operation includes the type of the first predetermined operation. There are two types of the first predetermined operation, the first type is a long press operation, the second type is a long press operation + a drag operation, and the resource data corresponding to the first type stored in advance by the mobile terminal The type is a text type, and the type of the resource data corresponding to the second type pre-stored by the mobile terminal is a picture type.

After the mobile terminal detects the first predetermined operation on the hovering container, the mobile terminal identifies the type of the first predetermined operation. Assuming that the type recognized by the mobile terminal is a drag operation, the mobile terminal can determine that the target type of the resource data to be searched for is a text type. Thereafter, when the browser is called to search for resource data associated with the image displayed in the hovering container, the mobile terminal searches only the resource data of the text type.

In the second example, assuming that the operation information of the first predetermined operation includes the fingerprint information of the finger inputting the first predetermined operation, the fingerprint information and the resource data of the ten fingers of the user to which the mobile terminal belongs may be pre-stored in the mobile terminal. The correspondence between the types. The type of the resource data corresponding to the fingerprint information of the right thumb of the user may be a text type, and the type of the resource data corresponding to the fingerprint information of the right index finger of the user may be a picture type.

After the mobile terminal detects the first predetermined operation on the hovering container, the mobile terminal recognizes the fingerprint information of the finger inputting the first predetermined operation. Assuming that the mobile terminal recognizes the fingerprint information as the fingerprint information of the right thumb of the user, the mobile terminal can determine that the target type of the resource data to be searched is a text type. Thereafter, when the browser is called to search for resource data associated with the image displayed in the hovering container, the mobile terminal searches only the resource data of the text type.

It should be noted that the operation information of the first predetermined operation is not limited to the type of the first predetermined operation and/or the fingerprint information of the finger inputting the first predetermined operation, and the operation information may also be a pressing value based on 3Dtouch, that is, different It is also feasible that the range of pressed values corresponds to the type of different resource data.

It can be seen that, in this embodiment, if the user wants the mobile terminal to search only the specific type of resource data when performing step 103, the user can perform the first predetermined operation with the specific operation information. In this way, the mobile terminal only searches for and displays the resource data of the type corresponding to the type desired by the user, which can provide a better user experience.

Referring to FIG. 3, a second flowchart of a resource data display method provided by an embodiment of the present disclosure is shown. As shown in FIG. 3, the method is applied to a mobile terminal, and the method includes the following steps:

Step 301: If a floating container display instruction is detected while playing video data through the display interface of the mobile terminal, the floating container is displayed in the display interface; wherein the display position of the floating container is adjustable.

Step 302: Display an image currently displayed in the target area in the floating container; wherein the target area is an area in the display interface surrounded by the edge of the floating container.

Step 303, if a first predetermined operation on the hovering container is detected, the browser is invoked to search for resource data associated with the image displayed in the dangling container.

For the specific implementation of the steps 301 to 303, reference may be made to the description of the steps 101 to 103 in the embodiment shown in FIG. 1 , and details are not described herein again.

In step 304, the searched resource data is displayed in the display interface in the target display manner. The target display mode is the display manner corresponding to the resource data.

In a specific implementation manner of the embodiment of the present disclosure, the searched resource data is displayed in a display interface in a target display manner, including:

If the type of the searched resource data is a text type, the video data is played as a barrage in the display interface while playing the video data through the display interface.

Specifically, as shown in FIG. 4, the resource data as a barrage may be displayed at the top of the display interface. Of course, the resource data may also be displayed at the bottom of the display interface or at other locations.

If the type of the searched resource data is a picture type, the control display interface performs a split screen, so that the display interface enters a split screen state; wherein the display interface in the split screen state includes a first display window and a second display window, first The display window is used to play video data;

The resource data is loaded into the second display window for display.

Wherein, when the display interface of the mobile terminal is controlled to split the screen so that the display interface is in the split screen state, the mobile terminal can split the screen in the up and down direction. Of course, as shown in FIG. 5, the mobile terminal can also be divided along the left and right directions. Screen. In addition, the area of the first display window and the second display window generated after the display interface is split may be the same or different.

It should be noted that the correspondence between the type of the resource data and the display mode may be pre-stored in the mobile terminal. The type of the resource data may include a text type and a picture type, and the display mode corresponding to the text type may be a barrage display, and the display mode corresponding to the image type may be a split screen display.

In this embodiment, after performing step 303 to search for resource data associated with the image displayed in the hovering container, the mobile terminal can identify the type of the resource data.

Assuming that the type of the resource data recognized by the mobile terminal is a text type, the mobile terminal can determine that the display mode corresponding to the resource data is a barrage display. Therefore, the mobile terminal will play the video data through the display interface. The resource data is displayed as a barrage in the display interface. It can be seen that the display method can display the searched resource data clearly and intuitively to the user, and also avoids the display of the resource data as much as possible to block the video picture corresponding to the video data.

Assuming that the type of the resource data identified by the mobile terminal is a picture type, the mobile terminal can determine that the display mode corresponding to the resource data is a split screen display. Therefore, the mobile terminal controls the display interface to perform split screen to generate two The display window is displayed such that the mobile terminal can display the resource data through another display window while playing the video data through one display window. It can be seen that the display form can also display the searched resource data clearly and intuitively to the user, and also avoids the display of the resource data to occlude the video picture corresponding to the video data.

Optionally, after the resource data is displayed as a barrage in the display interface, the method further includes:

If the link data is included in the resource data, and the second predetermined operation of the link address is detected, it is determined whether the display interface is in a split screen state.

If the determination result is yes, the page corresponding to the link address is loaded into the second display window for display;

If the judgment result is no, the control display interface performs a split screen, and the page corresponding to the link address is loaded into the second display window obtained after the split screen is displayed.

The second predetermined operation may be a click operation.

It can be understood that after the browser searches for the resource data associated with the image displayed in the floating container, if the type of the resource data obtained by the search is a text type, a link address may exist in the resource data of the text type. If the user wants to know the specific content in the page corresponding to the link address, the user can input a second predetermined operation on the link address. After detecting the second predetermined operation, the mobile terminal determines whether the display interface is in a split screen state.

If the display interface is currently in the split screen state, the mobile terminal can directly load the page corresponding to the link address into the second display window for display. After that, the user can obtain the specific content of the page corresponding to the link address through the second display window.

If the display interface is not currently in the split screen state, the mobile terminal can control the display interface to split the screen, and after the display interface is split, the page corresponding to the link address is loaded into the second display window obtained after the split screen is displayed. After that, the user can obtain the specific content of the page corresponding to the link address through the second display window.

It can be seen that, in this embodiment, when the link data is included in the resource data, if the user wants to know the specific content in the page corresponding to the link address, the mobile terminal can display the specific content through the second display window, so that Give users a better experience.

Optionally, after displaying the image currently displayed by the target area in the floating container, the method further includes: before detecting the first predetermined operation on the floating container, calling the browser to search for resource data associated with the image displayed in the floating container, the method further includes: :

Determining whether the floating container is located in a target corner area in each corner area of the display interface; wherein, the distance between any point in the corner area to the two sides of the display interface is not greater than a preset distance, and the image displayed in the target corner area does not include the preset Set the image;

If the result of the determination is no, and the target corner area currently exists, the floating container is moved to the target corner area for display.

Wherein, the preset distance threshold may be 1 cm, 2 cm, 3 cm or other values. Optionally, the preset image includes a plant image, an animal image, and a character image, that is, the preset image is a biological image.

It can be understood that the number of corner regions in the display interface is generally four, and the four corner regions are respectively located at the four corners of the display interface. Since the preset image (ie, the person image, the animal image, and the plant image) is not included in the image displayed in the target corner area, it is considered that important content is not displayed in the target corner area.

In this embodiment, after displaying the image currently displayed in the target area in the floating container, the mobile terminal determines whether the floating container is located in the target corner area.

If the mobile terminal is currently located in the target corner area, although the floating container is displayed in the display interface, the image displayed in the floating container only occludes some unimportant content in the video picture corresponding to the video data, and the video picture The more important content can be better presented to give users a better video viewing experience.

If the mobile terminal is not currently located in the target corner area, the mobile terminal can determine whether the target corner area is currently displayed in the display interface. If the target corner area currently exists, the mobile terminal can automatically move the floating container to the target corner area for display, so that more important content in the video picture corresponding to the video data can be better presented, so as to bring better to the user. Video viewing experience. If the target corner area does not currently exist, the mobile terminal cannot automatically move the hovering container. At this time, the user can manually operate to drag the hovering container to a position where the video viewing is not affected as much as possible.

It can be seen that the present embodiment can avoid the occlusion of the important content in the video picture by the floating container as much as possible, thereby providing the user with a better video viewing experience.

Optionally, before displaying the image currently displayed by the target area in the floating container, the method further includes:

If an adjustment command for the size of the suspension container is detected, the size of the suspension container is adjusted according to the adjustment command.

It can be understood that the size difference of each object in the video picture corresponding to the video data may be relatively large. Therefore, after the mobile terminal displays the floating container in the display interface, and the floating container is dragged to the edge to surround the area of the object that the user wants to understand, the mobile terminal can pull the border of the floating container up and down to adjust the floating container. Dimensions, so as to ensure that the size of the floating container is as small as possible while ensuring that the edge of the floating container can enclose the object that the user wants to understand, so as to minimize the occurrence of the object that the user wants to know in the image displayed by the floating container. The possibility of the remaining objects outside.

After adjusting the size of the hovering container, the user can enter a first predetermined operation on the hovering container such that the mobile terminal invokes the browser to search for resource data associated with the image displayed in the hovering container. Since the possibility that the objects other than the object that the user wants to know appear in the image displayed by the floating container is small, when the resource data is searched for later, the mobile terminal searches for the resource data irrelevant to the object that the user wants to know. The possibility is greatly reduced, so that the resource loss caused by the mobile terminal searching for irrelevant resource data can be avoided.

Optionally, after invoking the browser to search for resource data associated with the image displayed in the hovering container, the method further includes:

After the resource data is searched, the floating container is cancelled.

In this embodiment, after the resource data is searched, the mobile terminal cancels the display of the floating container, so that the floating container can be prevented from occluding the video picture corresponding to the video data as much as possible, thereby providing a better video viewing experience for the user.

Optionally, after invoking the browser to search for resource data associated with the image displayed in the hovering container, the method further includes:

In the search process of the resource data, if a third predetermined operation on the floating container is detected, the search for the resource data is canceled, and the floating container is cancelled.

The third predetermined operation may be a preset operation for canceling searching for resource data.

In this embodiment, in the search process of the resource data, if the user does not want to continue searching for the resource data for some reason (for example, the search time is too long), the user may input a third predetermined operation on the floating container. When the mobile terminal detects the third predetermined operation, the mobile terminal cancels the search for the resource data according to the user's instruction; in addition, the mobile terminal also cancels the display of the floating container to avoid the floating container corresponding to the video data as much as possible. The video picture is occluded, giving the user a better video viewing experience.

In summary, compared with the related art, the embodiment can implement the search and display of the related information more conveniently and quickly.

Referring to FIG. 6, a schematic structural diagram of a mobile terminal (mobile terminal 100) according to an embodiment of the present disclosure is shown. As shown in FIG. 6, the mobile terminal 100 includes:

The first display module 61 is configured to display a floating container display instruction in the display interface if the floating container display instruction is detected while playing the video data through the display interface of the mobile terminal; wherein the display position of the floating container is adjustable;

a second display module 62, configured to display an image currently displayed by the target area in the floating container; wherein the target area is an area surrounded by the edge of the floating container in the display interface;

The searching module 63 is configured to: when detecting the first predetermined operation on the hovering container, invoke the browser to search for resource data associated with the image displayed in the hovering container;

The first display module 64 is configured to display the searched resource data in a display interface.

Optionally, on the basis of the embodiment shown in FIG. 6, as shown in FIG. 7, the search module 63 includes:

a determining sub-module 631, configured to determine, according to operation information of the first predetermined operation, a target type of the resource data to be searched according to the first predetermined operation of the floating container; wherein the operation information of the first predetermined operation includes the first predetermined Type of operation and/or fingerprint information of a finger inputting the first predetermined operation;

The search sub-module 632 is configured to invoke a browser to search for resource data associated with an image displayed in a hovering container, the type of the resource data being a target type.

Optionally, the first display module 64 is specifically configured to:

The searched resource data is displayed in the display interface in the target display manner; wherein the target display manner is the display manner corresponding to the resource data.

Optionally, on the basis of the embodiment shown in FIG. 6, as shown in FIG. 8, the first display module 64 includes:

The first display sub-module 641 is configured to: when the type of the searched resource data is a text type, play the video data through the display interface, and display the resource data as a barrage in the display interface;

The split screen sub-module 642 is configured to: if the type of the searched resource data is a picture type, control the display interface to perform a split screen, so that the display interface enters a split screen state; wherein the display interface in the split screen state includes the first display window And a second display window, the first display window is for playing video data;

The second display sub-module 643 is configured to load the resource data into the second display window for display.

Optionally, on the basis of the embodiment shown in FIG. 6, as shown in FIG. 9, the mobile terminal 100 further includes:

The first determining module 65 is configured to determine, after the resource data is displayed as a barrage in the display interface, if the resource data includes a link address, and detects a second predetermined operation on the link address, determining whether the display interface is In the split screen state; if the judgment result is yes, the second display module 66 is triggered, and if the determination result is no, the third display module 67 is triggered;

The second display module 66 is configured to load the page corresponding to the link address into the second display window for display;

The third display module 67 is configured to control the display interface to perform splitting, and load the page corresponding to the link address into the second display window obtained after the split screen to display.

Optionally, on the basis of the embodiment shown in FIG. 6, as shown in FIG. 10, the mobile terminal 100 further includes:

The second determining module 71 is configured to: after displaying the image currently displayed by the target area in the floating container, before detecting the first predetermined operation on the floating container, calling the browser to search for the resource data associated with the image displayed in the floating container Determining whether the floating container is located in a target corner area in each corner area of the display interface; wherein the distance from any point in the corner area to the two sides of the display interface is not greater than a preset distance, and the image displayed in the target corner area is not included Default image

The third display module 72 is configured to: if the determination result of the second determining module 71 is no, and the target corner area currently exists, move the floating container to the target corner area for display.

Optionally, the preset images include: a plant image, an animal image, and a character image.

Optionally, on the basis of the embodiment shown in FIG. 6, as shown in FIG. 11, the mobile terminal 100 further includes:

The adjusting module 73 is configured to adjust the size of the floating container according to the adjustment instruction, if an adjustment instruction for the size of the floating container is detected before displaying the image currently displayed in the target area in the floating container.

Optionally, on the basis of the embodiment shown in FIG. 6, as shown in FIG. 12, the mobile terminal 100 further includes:

The first canceling module 68 is configured to cancel displaying the floating container after searching the resource data after the browser is searched for the resource data associated with the image displayed in the floating container.

Optionally, on the basis of the embodiment shown in FIG. 6, as shown in FIG. 13, the mobile terminal 100 further includes:

a second canceling module 69, configured to cancel the search if a third predetermined operation on the floating container is detected during the searching process of the resource data after the browser is searched for the resource data associated with the image displayed in the floating container The resource data and cancel the display of the floating container.

It should be noted that the mobile terminal 100 provided by the embodiment of the present disclosure can implement various processes implemented by the mobile terminal in the foregoing method embodiment, and details are not repeatedly described herein. It can be seen that, in the solution, in the process that the mobile terminal 100 plays the video data, the user only needs to input the floating container display instruction to the mobile terminal 100, and displays the image of the object that the user wants to know in the floating container, The mobile terminal 100 inputs a first predetermined operation on the floating container, and the mobile terminal 100 can automatically search and display the related information according to the image displayed in the floating container. Therefore, compared with the related art, the embodiment of the present disclosure can implement search and display of related information more conveniently and quickly.

Referring to FIG. 14, a hardware structure diagram of a mobile terminal (ie, mobile terminal 200) implementing various embodiments of the present disclosure is shown. As shown in FIG. 14, the mobile terminal 200 includes, but is not limited to, a radio frequency unit 601, a network module 602, an audio output unit 603, an input unit 604, a sensor 605, a display unit 606, a user input unit 607, an interface unit 608, and a memory 609. The processor 610, and the power supply 611 and the like. It will be understood by those skilled in the art that the mobile terminal structure shown in FIG. 14 does not constitute a limitation of the mobile terminal 200, and the mobile terminal 200 may include more or less components than those illustrated, or combine some components, or different. Parts layout. In the embodiment of the present disclosure, the mobile terminal 200 includes, but is not limited to, a mobile phone, a tablet computer, a notebook computer, a palmtop computer, an in-vehicle terminal, a wearable device, a pedometer, and the like.

The processor 610 is configured to:

If the floating container display instruction is detected while playing the video data through the display interface of the mobile terminal, the floating container is displayed in the display interface; wherein the display position of the floating container is adjustable;

Displaying an image currently displayed in the target area in the floating container; wherein the target area is an area enclosed by the edge of the floating container in the display interface;

If a first predetermined operation on the hovering container is detected, the browser is invoked to search for resource data associated with the image displayed in the hovering container;

The searched resource data is displayed in the display interface.

It can be seen that, in the solution, in the process that the mobile terminal 200 plays the video data, the user only needs to input the floating container display instruction to the mobile terminal 200, and displays the image of the object that the user wants to know in the floating container, The mobile terminal 200 inputs a first predetermined operation on the floating container, and the mobile terminal 200 can automatically search and display the related information according to the image displayed in the floating container. Therefore, compared with the related art, the embodiment of the present disclosure can implement search and display of related information more conveniently and quickly.

Optionally, the processor 610 is specifically configured to:

Determining a target type of the resource data to be searched according to the operation information of the first predetermined operation if the first predetermined operation on the floating container is detected; wherein the operation information of the first predetermined operation includes the type and/or input of the first predetermined operation Fingerprint information of the finger of the first predetermined operation;

The browser is called to search for resource data associated with the image displayed in the hover container, the type of the resource data being the target type.

Optionally, the processor 610 is specifically configured to:

The searched resource data is displayed in the display interface in the target display manner; wherein the target display mode is the display manner corresponding to the resource data.

Optionally, the processor 610 is specifically configured to:

If the type of the searched resource data is a text type, while the video data is played through the display interface, the resource data is displayed as a barrage in the display interface;

If the type of the searched resource data is a picture type, the control display interface performs a split screen, so that the display interface enters a split screen state; wherein the display interface in the split screen state includes a first display window and a second display window, first The display window is used to play video data;

The resource data is loaded into the second display window for display.

Optionally, the processor 610 is further configured to:

After the resource data is displayed as a barrage in the display interface, if the resource data includes a link address, and the second predetermined operation of the link address is detected, determining whether the display interface is in a split screen state;

If the determination result is yes, the page corresponding to the link address is loaded into the second display window for display;

If the judgment result is no, the control display interface performs a split screen, and the page corresponding to the link address is loaded into the second display window obtained after the split screen is displayed.

Optionally, the processor 610 is further configured to:

After displaying the image currently displayed in the target area in the floating container, before detecting the first predetermined operation on the floating container, calling the browser to search for the resource data associated with the image displayed in the floating container, determining whether the floating container is located on the display interface a target corner area in each corner area; wherein the distance between any point in the corner area to the two sides of the display interface is not greater than a preset distance, and the image displayed in the target corner area does not include the preset image;

If the result of the determination is no, and the target corner area currently exists, the floating container is moved to the target corner area for display.

Optionally, the preset images include: a plant image, an animal image, and a character image.

Optionally, the processor 610 is further configured to:

Before the image currently displayed in the target area is displayed in the floating container, if an adjustment command for the size of the floating container is detected, the size of the floating container is adjusted according to the adjustment instruction.

Optionally, the processor 610 is further configured to:

After calling the browser to search for the resource data associated with the image displayed in the floating container, after the resource data is searched, the floating container is cancelled.

Optionally, the processor 610 is further configured to:

After calling the browser to search for the resource data associated with the image displayed in the floating container, in the search process of the resource data, if the third predetermined operation on the floating container is detected, the search for the resource data is canceled, and the display suspension is cancelled. container.

It should be understood that, in the embodiment of the present disclosure, the radio frequency unit 601 can be used for receiving and transmitting signals during and after receiving or transmitting information, and specifically, receiving downlink data from the base station, and then processing the data to the processor 610; The uplink data is sent to the base station. Generally, radio frequency unit 601 includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low noise amplifier, a duplexer, and the like. In addition, the radio unit 601 can also communicate with the network and other devices through a wireless communication system.

The mobile terminal provides the user with wireless broadband Internet access through the network module 602, such as helping the user to send and receive emails, browse web pages, and access streaming media.

The audio output unit 603 can convert the audio data received by the radio frequency unit 601 or the network module 602 or stored in the memory 609 into an audio signal and output as a sound. Moreover, the audio output unit 603 can also provide an audio output (eg, a call signal reception sound, a message reception sound, etc.) related to a specific function performed by the mobile terminal 200. The audio output unit 603 includes a speaker, a buzzer, a receiver, and the like.

The input unit 604 is for receiving an audio or video signal. The input unit 604 may include a graphics processing unit (GPU) 6041 and a microphone 6042 that images an still picture or video obtained by an image capturing device (such as a camera) in a video capturing mode or an image capturing mode. The data is processed. The processed image frame can be displayed on display unit 606. The image frames processed by the graphics processor 6041 may be stored in the memory 609 (or other storage medium) or transmitted via the radio unit 601 or the network module 602. The microphone 6042 can receive sound and can process such sound as audio data. The processed audio data can be converted to a format output that can be transmitted to the mobile communication base station via the radio unit 601 in the case of a telephone call mode.

The mobile terminal 200 also includes at least one type of sensor 605, such as a light sensor, motion sensor, and other sensors. Specifically, the light sensor includes an ambient light sensor and a proximity sensor, wherein the ambient light sensor can adjust the brightness of the display panel 6061 according to the brightness of the ambient light, and the proximity sensor can close the display panel 6061 when the mobile terminal 200 moves to the ear. / or backlight. As a kind of motion sensor, 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. It can be used to identify the attitude of the mobile terminal (such as horizontal and vertical screen switching, related games). , magnetometer attitude calibration), vibration recognition related functions (such as pedometer, tapping), etc.; sensor 605 may also include a fingerprint sensor, a pressure sensor, an iris sensor, a molecular sensor, a gyroscope, a barometer, a hygrometer, a thermometer, Infrared sensors and the like are not described here.

The display unit 606 is for displaying information input by the user or information provided to the user. The display unit 606 can include a display panel 6061. The display panel 6061 can be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like.

The user input unit 607 can be configured to receive input numeric or character information and to generate key signal inputs related to user settings and function control of the mobile terminal. Specifically, the user input unit 607 includes a touch panel 6071 and other input devices 6072. The touch panel 6071, also referred to as a touch screen, can collect touch operations on or near the user (such as a user using a finger, a stylus, or the like on the touch panel 6071 or near the touch panel 6071. operating). The touch panel 6071 may include two parts 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. The processor 610 receives the commands from the processor 610 and executes them. In addition, the touch panel 6071 can be implemented in various types such as resistive, capacitive, infrared, and surface acoustic waves. In addition to the touch panel 6071, the user input unit 607 may also include other input devices 6072. Specifically, the other input device 6072 may include, but is not limited to, a physical keyboard, function keys (such as a volume control button, a switch button, etc.), a trackball, a mouse, and a joystick, and details are not described herein.

Further, the touch panel 6071 can be overlaid on the display panel 6061. When the touch panel 6071 detects a touch operation thereon or nearby, the touch panel 6071 transmits to the processor 610 to determine the type of the touch event, and then the processor 610 according to the touch. The type of event provides a corresponding visual output on display panel 6061. Although in FIG. 14, the touch panel 6071 and the display panel 6061 are two independent components to implement the input and output functions of the mobile terminal, in some embodiments, the touch panel 6071 can be integrated with the display panel 6061. The input and output functions of the mobile terminal are implemented, and are not limited herein.

The interface unit 608 is an interface in which an external device is connected to the mobile terminal 200. For example, the external device may include a wired or wireless headset port, an external power (or battery charger) port, a wired or wireless data port, a memory card port, a port for connecting a device having an identification module, and an audio input/output. (I/O) port, video I/O port, headphone port, and more. The interface unit 608 can be configured to receive input (eg, data information, power, etc.) from an external device and transmit the received input to one or more components within the mobile terminal 200 or can be used at the mobile terminal 200 and externally Data is transferred between devices.

Memory 609 can be used to store software programs as well as various data. The memory 609 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.). Moreover, memory 609 can include high speed random access memory, and can also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device.

The processor 610 is a control center of the mobile terminal that connects various portions of the entire mobile terminal using various interfaces and lines, by running or executing software programs and/or modules stored in the memory 609, and recalling data stored in the memory 609. The mobile terminal performs various functions and processing data to perform overall monitoring on the mobile terminal. The processor 610 can include one or more processing units; optionally, the processor 610 can integrate an application processor and a modem processor, wherein the application processor mainly processes an operating system, a user interface, an application, etc., and a modulation solution The processor mainly handles wireless communication. It can be understood that the above modem processor may not be integrated into the processor 610.

The mobile terminal 200 may further include a power source 611 (such as a battery) for supplying power to various components. Alternatively, the power source 611 may be logically connected to the processor 610 through a power management system to manage charging, discharging, and power consumption through the power management system. Management and other functions.

In addition, the mobile terminal 200 includes some functional modules not shown, and details are not described herein again.

Optionally, an embodiment of the present disclosure further provides a mobile terminal, including a processor 610, a memory 609, a computer program stored on the memory 609 and executable on the processor 610, where the computer program is executed by the processor 610. The processes of the foregoing resource data display method embodiments are implemented, and the same technical effects can be achieved. To avoid repetition, details are not described herein again.

The embodiment of the present disclosure further provides a computer readable storage medium, where the computer readable storage medium stores a computer program, and when the computer program is executed by the processor, implements various processes of the foregoing resource data display method embodiment, and can achieve the same Technical effects, to avoid repetition, will not be repeated here. The computer readable storage medium, such as a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk.

It is to be understood that the term "comprises", "comprising", or any other variants thereof, is intended to encompass a non-exclusive inclusion, such that a process, method, article, or device comprising a series of elements includes those elements. It also includes other elements that are not explicitly listed, or elements that are inherent to such a process, method, article, or device. An element that is defined by the phrase "comprising a ..." does not exclude the presence of additional equivalent elements in the process, method, item, or device that comprises the element.

Through the description of the above embodiments, those skilled in the art can clearly understand that the foregoing embodiment method can be implemented by means of software plus a necessary general hardware platform, and of course, can also be through hardware, but in many cases, the former is better. Implementation. Based on such understanding, portions of the technical solutions of the present disclosure that contribute substantially or to the prior art may be embodied in the form of a software product stored in a storage medium (eg, ROM/RAM, disk, The optical disc includes a number of instructions for causing a terminal (which may be a cell phone, a computer, a server, an air conditioner, or a network device, etc.) to perform the methods described in various embodiments of the present disclosure.

The embodiments of the present disclosure have been described above with reference to the drawings, but the present disclosure is not limited to the specific embodiments described above, and the specific embodiments described above are merely illustrative and not restrictive, and those skilled in the art In the light of the present disclosure, many forms may be made without departing from the scope of the disclosure and the scope of the appended claims.

Claims (18)

A resource data display method is applied to a mobile terminal, and the method includes: If a floating container display operation is detected while playing video data through a display interface of the mobile terminal, a floating container is displayed in the display interface; wherein a display position of the floating container is adjustable; Displaying an image currently displayed by the target area in the floating container; wherein the target area is an area of the display interface surrounded by an edge of the floating container; If a first predetermined operation on the hovering container is detected, invoking a browser to search for resource data associated with an image displayed in the hovering container; The searched resource data is displayed in the display interface. The method of claim 1, wherein if the first predetermined operation on the hovering container is detected, invoking a browser to search for resource data associated with an image displayed in the hovering container comprises: Determining, according to the operation information of the first predetermined operation, a target type of the resource data to be searched, where the first predetermined operation of the floating container is detected; wherein the operation information of the first predetermined operation includes the first a type of predetermined operation and/or fingerprint information of a finger inputting the first predetermined operation; The browser is invoked to search for resource data associated with the image displayed in the hovering container, the type of the resource data being the target type. The method of claim 1, wherein the displaying the searched resource data in the display interface comprises: The displayed resource data is displayed in the display interface in a target display manner; wherein the target display manner is a display manner corresponding to the resource data. The method of claim 3, wherein the displaying the searched resource data in the display interface in a target presentation manner comprises: If the type of the searched resource data is a text type, the resource data is displayed as a barrage in the display interface while the video data is played through the display interface; If the type of the searched resource data is a picture type, the display interface is controlled to perform a split screen, so that the display interface enters a split screen state; wherein the display interface in the split screen state includes a first display window And a second display window, the first display window is configured to play the video data; The resource data is loaded into the second display window for presentation. The method of claim 4, wherein after the displaying the resource data as a barrage in the display interface, the method further comprises: If the resource data includes a link address, and detecting a second predetermined operation on the link address, determining whether the display interface is in the split screen state; If the determination result is yes, the page corresponding to the link address is loaded into the second display window for display; If the determination result is no, the display interface is controlled to perform splitting, and the page corresponding to the link address is loaded into the second display window obtained after the split screen is displayed. The method according to claim 1, wherein after displaying the image currently displayed by the target area in the floating container, if the first predetermined operation on the floating container is detected, the browser search and the browser are invoked. Before the resource data associated with the image displayed in the floating container is described, the method further includes: Determining whether the floating container is located in a target corner area in each corner area of the display interface; wherein a distance from any point in the corner area to two sides of the display interface is not greater than a preset distance, The preset image is not included in the image displayed in the target corner area; If the result of the determination is no, and the target corner area currently exists, the floating container is moved to the target corner area for display. The method of claim 6, wherein the preset image comprises: a plant image, an animal image, and a character image. The method of claim 1, wherein after the invoking browser searches for resource data associated with the image displayed in the hovering container, the method further comprises: After the resource data is searched, the floating container is cancelled. A mobile terminal includes: a first display module, configured to display a floating container display instruction in the display interface if the floating container display instruction is detected while playing video data through the display interface of the mobile terminal; wherein the display position of the floating container is adjustable ; a second display module, configured to display an image currently displayed by the target area in the floating container; wherein the target area is an area enclosed by an edge of the floating container in the display interface; a search module, configured to invoke a browser to search for resource data associated with an image displayed in the hovering container if a first predetermined operation on the hovering container is detected; The first display module is configured to display the searched resource data in the display interface. The mobile terminal of claim 9, wherein the search module comprises: a determining submodule, configured to determine a target type of the resource data to be searched according to the operation information of the first predetermined operation if the first predetermined operation on the floating container is detected; wherein the operation of the first predetermined operation The information includes a type of the first predetermined operation and/or fingerprint information of a finger inputting the first predetermined operation; Searching a sub-module for invoking a browser to search for resource data associated with an image displayed in the hovering container, the type of the resource data being the target type. The mobile terminal of claim 9, wherein the first display module is specifically configured to: The displayed resource data is displayed in the display interface in a target display manner; wherein the target display manner is a display manner corresponding to the resource data. The mobile terminal of claim 11, wherein the first display module comprises: a first display sub-module, configured to: when the type of the searched resource data is a text type, play the video data through the display interface, and display the resource data as a barrage in the display interface; a split screen sub-module, configured to: if the type of the searched resource data is a picture type, control the display interface to perform a split screen, so that the display interface enters a split screen state; wherein, the split screen state is The display interface includes a first display window and a second display window, the first display window is configured to play the video data; And a second display submodule, configured to load the resource data into the second display window for display. The mobile terminal of claim 12, further comprising: a first determining module, configured to: after displaying the resource data as a barrage in the display interface, if the resource data includes a link address, and detecting a second predetermined operation on the link address, Determining whether the display interface is in the split screen state; if the determination result is yes, triggering the second display module, and if the determination result is no, triggering the third display module; The second display module is configured to load a page corresponding to the link address into the second display window for display; The third display module is configured to control the display interface to perform split screen, and load the page corresponding to the link address into a second display window obtained after splitting the screen for display. The mobile terminal of claim 9, further comprising: a second determining module, after displaying the image currently displayed by the target area in the floating container, in response to detecting the first predetermined operation on the floating container, invoking a browser to search for an image associated with the image displayed in the floating container Before the resource data, determining whether the floating container is located in a target corner area in each corner area of the display interface; wherein a distance from any point in the corner area to two sides of the display interface is not greater than a preset a distance, the preset image is not included in the image displayed by the target corner area; And a third display module, configured to: if the determination result of the second determining module is negative, and the target corner area currently exists, move the floating container to the target corner area for display. The mobile terminal of claim 14, wherein the preset image comprises: a plant image, an animal image, and a character image. The mobile terminal of claim 9, further comprising: The first canceling module is configured to cancel displaying the floating container after searching for the resource data after calling the browser to search for the resource data associated with the image displayed in the floating container. A mobile terminal comprising: a processor, a memory, and a computer program stored on the memory and operable on the processor; wherein the computer program is executed by the processor to implement according to claim 1 The steps of the resource data presentation method of any of 8. A computer readable storage medium having stored thereon a computer program, the computer program being executed by a processor to implement the steps of the resource data presentation method according to any one of claims 1 to 8. .

Images