WO2017080191A1 - 基于多屏互动的图片处理方法及系统 - Google Patents
基于多屏互动的图片处理方法及系统 Download PDFInfo
- Publication number
- WO2017080191A1 WO2017080191A1 PCT/CN2016/084386 CN2016084386W WO2017080191A1 WO 2017080191 A1 WO2017080191 A1 WO 2017080191A1 CN 2016084386 W CN2016084386 W CN 2016084386W WO 2017080191 A1 WO2017080191 A1 WO 2017080191A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- picture
- terminal
- adjustment
- coordinate value
- picture adjustment
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Ceased
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
Definitions
- the invention relates to the field of multi-screen interaction technology, in particular to a picture processing method and system based on multi-screen interaction.
- Multi-screen interaction refers to a series of operations such as transmission and display of multimedia (audio, video, picture) content between different terminal devices, such as common smart phones, tablets (tablets), and televisions.
- Multi-screen interaction can realize the simultaneous sharing of display content on different terminals and enrich the multimedia life of users.
- the picture is displayed synchronously between the multi-screen interactive terminals
- the user adjusts the size of the currently displayed picture on one of the terminals, for example, when the current displayed picture is enlarged
- the other terminal that interacts with the multi-screen cannot adjust the picture synchronously. Size, the picture cannot be enlarged. Therefore, it is impossible to adjust the size of the picture synchronously between the multi-screen interactive terminals.
- the main object of the present invention is to provide a picture processing method and system based on multi-screen interaction, which aims to solve the technical problem that the existing multi-screen interactive terminal cannot realize the synchronous adjustment of the picture size.
- the present invention provides a multi-screen interaction-based image processing method, and the multi-screen interaction-based image processing method includes the following steps:
- a terminal establishes a multi-screen interactive connection with the B terminal
- the A terminal pushes the currently displayed picture to the B terminal, so that when the B terminal receives the picture pushed by the A terminal, the picture is displayed;
- the A terminal When the A terminal receives the picture adjustment operation input by the user, the size of the picture is adjusted, and the picture adjustment instruction is sent to the B terminal, so that when the B terminal receives the picture adjustment instruction sent by the A terminal, according to the picture adjustment instruction Synchronizing the size of the picture;
- the A terminal calculates an adjustment coefficient corresponding to the picture adjustment operation, where the picture adjustment operation includes a picture enlargement operation and a picture reduction operation, and sends a picture adjustment instruction carrying the adjustment coefficient to the B terminal;
- the B terminal When the B terminal receives the picture adjustment instruction sent by the A terminal, parsing the picture adjustment instruction, Obtaining an adjustment coefficient carried in the picture adjustment instruction, and synchronously adjusting a size of the picture according to the obtained adjustment coefficient.
- the step of the A terminal calculating the adjustment coefficient corresponding to the picture adjustment operation comprises:
- the A terminal acquires a first coordinate value of a reference point in the picture before the picture adjustment operation and a second coordinate value of the reference point after the picture adjustment operation;
- the A terminal calculates an adjustment coefficient corresponding to the picture adjustment operation according to the first coordinate value of the reference point and the second coordinate value.
- the present invention further provides a picture processing method based on multi-screen interaction, and the image processing method based on multi-screen interaction includes the following steps:
- a terminal establishes a multi-screen interactive connection with the B terminal
- the A terminal pushes the currently displayed picture to the B terminal, so that when the B terminal receives the picture pushed by the A terminal, the picture is displayed;
- the size of the picture is adjusted, and the picture adjustment instruction is sent to the B terminal, so that when the B terminal receives the picture adjustment instruction sent by the A terminal, according to the picture adjustment instruction
- the size of the picture is adjusted synchronously.
- the step of sending a picture adjustment instruction to the B terminal comprises:
- the A terminal calculates an adjustment coefficient corresponding to the picture adjustment operation, where the picture adjustment operation includes a picture enlargement operation and a picture reduction operation;
- the A terminal sends a picture adjustment command carrying the adjustment coefficient to the B terminal.
- the step of the A terminal calculating the adjustment coefficient corresponding to the picture adjustment operation comprises:
- the A terminal acquires a first coordinate value of a reference point in the picture before the picture adjustment operation and a second coordinate value of the reference point after the picture adjustment operation;
- the A terminal calculates an adjustment coefficient corresponding to the picture adjustment operation according to the first coordinate value of the reference point and the second coordinate value.
- the step of synchronously adjusting the size of the picture according to the picture adjustment instruction comprises:
- the B terminal When the B terminal receives the picture adjustment instruction sent by the A terminal, parsing the picture adjustment instruction to obtain an adjustment coefficient carried in the picture adjustment instruction;
- the B terminal synchronously adjusts the size of the picture according to the obtained adjustment coefficient.
- the present invention further provides a picture processing system based on multi-screen interaction, including an A terminal and a B terminal, where the A terminal includes:
- a first connection module configured to establish a multi-screen interactive connection between the A terminal and the B terminal;
- a picture pushing module configured to push the currently displayed picture to the B terminal
- a picture processing module configured to: when receiving a picture adjustment operation input by a user, adjust a size of the picture, and send a picture adjustment instruction to the B terminal;
- the B terminal includes:
- a second connection module configured to establish a multi-screen interactive connection between the B terminal and the A terminal
- a picture display module configured to display a picture pushed by the A terminal
- a picture adjustment module configured to synchronously adjust a size of the picture according to the picture adjustment instruction when receiving a picture adjustment instruction sent by the A terminal.
- the picture processing module includes:
- a calculation unit configured to calculate an adjustment coefficient corresponding to the picture adjustment operation, where the picture adjustment operation includes a picture enlargement operation and a picture reduction operation;
- a sending unit configured to send a picture adjustment command that carries the adjustment coefficient to the B terminal.
- the calculating unit comprises:
- Obtaining a sub-unit configured to acquire a first coordinate value of a reference point in the picture before the picture adjustment operation and a second coordinate value of the reference point after the picture adjustment operation;
- a calculating subunit configured to calculate an adjustment coefficient corresponding to the picture adjustment operation according to the first coordinate value and the second coordinate value of the reference point.
- the picture adjustment module comprises:
- a parsing unit configured to parse the picture adjustment instruction to obtain an adjustment coefficient carried in the picture adjustment instruction when receiving a picture adjustment instruction sent by the A terminal;
- an adjusting unit configured to synchronously adjust the size of the picture according to the obtained adjustment coefficient.
- the image processing method and system based on multi-screen interaction proposed by the present invention in the image processing method based on multi-screen interaction, when the A terminal establishes a multi-screen interactive connection with the B terminal, the A terminal pushes the picture to the B terminal, and the B terminal After the picture is displayed synchronously, when the user inputs a picture adjustment operation on the A terminal, the A terminal adjusts the size of the picture, and sends a picture adjustment instruction to the B terminal, and the B end The terminal synchronously adjusts the size of the picture according to the picture adjustment instruction. Therefore, the solution realizes synchronous adjustment of picture size between multi-screen interactive terminals.
- FIG. 1 is a schematic flowchart of a first embodiment of a method for processing a picture based on multi-screen interaction according to the present invention
- FIG. 2 is a schematic diagram of a refinement process of sending a picture adjustment instruction to a B terminal according to a second embodiment of the image processing method according to the present invention
- FIG. 3 is a schematic diagram of a refinement process of calculating an adjustment coefficient corresponding to the picture adjustment operation by the A terminal in the third embodiment of the image processing method according to the present invention
- FIG. 4 is a schematic diagram of a refinement process for synchronously adjusting the size of the picture according to the picture adjustment instruction in the fourth embodiment of the image processing method according to the present invention
- FIG. 5 is a schematic diagram of functional modules of a first embodiment of a multi-screen interactive picture processing system according to the present invention.
- FIG. 6 is a schematic diagram of a refinement function module of a picture processing module in a second embodiment of a multi-screen interactive picture processing system according to the present invention.
- FIG. 7 is a schematic diagram of a refinement function module of a computing unit in a third embodiment of a multi-screen interactive picture processing system according to the present invention.
- FIG. 8 is a schematic diagram of a refinement function module of a picture adjustment module in a fourth embodiment of a multi-screen interactive picture processing system according to the present invention.
- FIG. 1 is a schematic flowchart diagram of a first embodiment of a picture processing method based on multi-screen interaction.
- the image processing method based on multi-screen interaction includes the following steps:
- Step S10 the A terminal establishes a multi-screen interactive connection with the B terminal;
- an A terminal and a B terminal are first established.
- Multi-screen interactive connection refers to a mobile terminal device including a smart phone, a tablet (tablet), and the like
- the B terminal refers to a device having a display function, such as a television set or a display. It can be understood that in other embodiments, the A terminal and the B terminal are also interchangeable.
- the A terminal and the B terminal are connected to the same router to form a local area network environment including the A terminal and the B terminal. Further, the A terminal is preloaded with a multi-screen interactive application.
- the A terminal when the user initiates the multi-screen interactive application of the A terminal, the A terminal sends an online broadcast message, where the broadcast message carries the IP information of the A terminal. Obtaining the IP information of the A terminal carried in the broadcast message, and then sending the feedback information corresponding to the broadcast message, when the B terminal in the local area network receives the broadcast message sent by the A terminal To the A terminal.
- the A terminal receives the feedback information sent by the B terminal, the A terminal successfully pairs with the B terminal, and establishes a multi-screen interactive connection.
- Step S20 the A terminal pushes the currently displayed picture to the B terminal, so that when the B terminal receives the picture pushed by the A terminal, the picture is displayed;
- the A terminal After the A terminal successfully establishes a multi-screen interactive connection with the B terminal, when the user browses the picture in the A terminal, the A terminal pushes the picture to the B terminal.
- the B terminal receives the picture pushed by the A terminal, the received picture is synchronously displayed on the B terminal.
- Step S30 when the A terminal receives the picture adjustment operation input by the user, adjusts the size of the picture, and sends a picture adjustment instruction to the B terminal, so that when the B terminal receives the picture adjustment instruction sent by the A terminal, according to the The picture adjustment command synchronously adjusts the size of the picture.
- the user wants to see the detailed information of the picture currently displayed on the A terminal, for example, when the picture currently displayed on the A terminal is a portrait picture.
- the user In order to see the face information of the portrait picture, the user needs to enlarge the picture currently displayed on the A terminal; or the user can view the comprehensive information of the picture currently displayed on the A terminal, for example,
- the picture currently displayed on the A terminal is a landscape picture, the user needs to perform the reduction process on the picture currently displayed on the A terminal in order to see the overall scenery information.
- the user When the user performs an image adjustment operation of enlarging or reducing the picture currently displayed on the A terminal, for example, the user can perform an enlarged picture operation of double-pointing outside sliding on the display screen of the A terminal, or a double-pointed sliding Reduce the picture operation.
- the A terminal puts the currently displayed picture Large or reduced processing.
- the A terminal sends a corresponding picture adjustment command to the B terminal.
- the B terminal receives the picture adjustment instruction of the picture that is sent by the A terminal, the B terminal adjusts the size of the picture currently displayed by the B terminal according to the picture adjustment instruction, and the picture is Perform synchronous amplification or reduction processing.
- the A terminal after the A terminal establishes a multi-screen interactive connection with the B terminal, when the A terminal pushes the picture to the B terminal, the B terminal synchronously displays the picture, and then, when the user enlarges Or, when the picture displayed on the A terminal is reduced, the B terminal synchronously enlarges or reduces the picture displayed on the B terminal according to the received picture adjustment instruction sent by the A terminal. Therefore, the A terminal and the B terminal not only realize synchronous display of pictures, but also realize synchronization adjustment of the size of the picture displayed. When the user adjusts the size of the picture through the A terminal, the enlarged picture or the reduced picture can be clearly seen in the B terminal, thereby improving the user experience.
- the step S30 includes:
- Step S31 the A terminal calculates an adjustment coefficient corresponding to the picture adjustment operation, where the picture adjustment operation includes a picture enlargement operation and a picture reduction operation;
- the A terminal after the A terminal successfully establishes a multi-screen interactive connection with the B terminal, when the user browses the picture in the A terminal, the B terminal and the A terminal The picture is displayed synchronously.
- the picture adjustment operation includes a picture enlargement operation and a picture reduction operation.
- the A terminal receives the picture adjustment operation input by the user, the A terminal calculates an adjustment coefficient corresponding to the picture adjustment operation according to the received picture adjustment operation.
- the adjustment coefficient preferably includes a picture enlargement ratio coefficient and a picture reduction ratio coefficient.
- the A terminal calculates an enlargement ratio coefficient of the picture according to the picture enlargement operation; if the A terminal receives the picture reduction operation input by the user, the The A terminal calculates a reduction ratio coefficient of the picture according to the picture reduction operation.
- Step S32 the A terminal sends a picture adjustment command carrying the adjustment coefficient information to the B terminal.
- the adjustment coefficient is encapsulated into a data packet corresponding to the picture adjustment instruction, and then the picture adjustment instruction carrying the adjustment coefficient information is sent to the B terminal. And sending, to the B terminal, the data packet corresponding to the picture adjustment instruction, where the data packet includes an adjustment coefficient corresponding to a picture adjustment operation input by the user, where the B terminal is configured according to the adjustment coefficient. Adjusting the size of the picture currently displayed by the B terminal, and performing synchronous amplification or reduction processing on the picture.
- the A terminal when receiving the enlarged picture of the user input or the picture adjustment operation of the reduced picture, the A terminal first calculates an adjustment coefficient corresponding to the picture adjustment operation, and then sends a picture adjustment instruction that carries the adjustment coefficient information.
- the B terminal For the B terminal to adjust the size of the currently displayed picture according to the adjustment coefficient, and perform synchronous amplification or reduction processing on the picture.
- the user adjusts the size of the picture through the A terminal, the size of the picture that is displayed by the B terminal and the A terminal is adjusted and adjusted, so that the user can clearly see the enlarged picture or the reduced picture through the B terminal. Improve the user experience.
- the step S31 includes:
- Step S311 the A terminal acquires a first coordinate value of a reference point in the picture before the picture adjustment operation and a second coordinate value of the reference point after the picture adjustment operation;
- a reference coordinate axis is set in advance.
- the end point of the lower left corner of the current display interface of the display screen in the current state of the A terminal is used as the origin of the reference coordinate axis
- the bottom edge side of the current display interface of the current display state of the A terminal is used as the reference coordinate.
- the X axis of the axis establishes a reference coordinate axis by using the Y axis of the left edge of the current display interface of the current display state of the A terminal as the reference coordinate axis.
- the first coordinate value of the reference point in the picture before the picture adjustment operation and the second after the picture adjustment operation are acquired. Coordinate value. For example, if the endpoint of the upper right corner of the picture currently displayed on the A terminal is used as a reference point, the first coordinate value of the reference point of the picture before the picture adjustment operation is acquired (x 1 , y 1 ), and the picture is The second coordinate value of the reference point of the picture after the adjustment operation is (x 2 , y 2 ).
- Step S312 the A terminal calculates according to the first coordinate value and the second coordinate value of the reference point.
- the picture adjustment operation corresponds to an adjustment factor.
- step S311 the reference point of the picture currently displayed by the A terminal after the first coordinate value (x 1 , y 1 ) before the picture adjustment operation and the second coordinate value (x 2 , y 2 ) after the picture adjustment operation the first coordinate values are calculated first (x 1, y 1) and the reference distance d 1 of the origin of the coordinate axis and the second coordinate value (x 2, y 2) and the origin of the reference coordinate axis a distance d 2.
- the A terminal sends a picture adjustment command that carries the adjustment coefficient information to the B terminal, so that the B terminal adjusts the size of the picture currently displayed by the B terminal according to the adjustment factor, and performs the picture on the picture. Synchronous zoom in or out.
- the A terminal acquires the first coordinate value of the reference point in the picture before the picture adjustment operation and the picture adjustment. a second coordinate value of the reference point after the operation, and then calculating an adjustment coefficient corresponding to the picture adjustment operation according to the first coordinate value and the second coordinate value of the reference point, and transmitting a picture adjustment carrying the adjustment coefficient information
- the command is directed to the B terminal, so that the B terminal adjusts the size of the currently displayed picture according to the adjustment coefficient, and performs synchronous amplification or reduction processing on the picture.
- the step S30 includes:
- Step S33 when the B terminal receives the picture adjustment instruction sent by the A terminal, parsing the figure a slice adjustment instruction, acquiring an adjustment coefficient carried in the picture adjustment instruction;
- the B terminal After the B terminal synchronously displays the picture pushed by the A terminal, when the B terminal receives the picture adjustment instruction for zooming in or out of the picture sent by the A terminal, the B terminal first adjusts the received picture.
- the instruction is parsed to obtain the adjustment coefficient information carried in the picture adjustment instruction.
- the adjustment coefficient preferably includes a picture enlargement scale factor and a picture reduction scale factor.
- Step S34 The B terminal synchronously adjusts the size of the picture according to the obtained adjustment coefficient.
- the B terminal After acquiring the adjustment coefficient carried in the picture adjustment instruction, the B terminal adjusts the size of the picture currently displayed by the B terminal according to the adjustment coefficient, and performs synchronous amplification or reduction processing on the picture.
- the B terminal after the B terminal synchronously displays the picture pushed by the A terminal, when receiving the picture adjustment instruction of the picture enlarged or reduced by the A terminal, the B terminal first parses the picture The picture adjustment instruction acquires the adjustment coefficient carried in the picture adjustment instruction, and then synchronously adjusts the size of the picture according to the obtained adjustment coefficient, and performs synchronous amplification or reduction processing on the picture. Therefore, the size of the picture displayed by the B terminal and the A terminal is adjusted synchronously, so that the user can clearly see the enlarged picture or the reduced picture through the B terminal, thereby improving the user experience.
- FIG. 5 is a schematic diagram of functional modules of a first embodiment of a multi-screen interactive image processing system according to the present invention.
- the A terminal includes:
- the first connection module 10 is configured to establish a multi-screen interactive connection between the A terminal and the B terminal;
- the picture pushing module 20 is configured to push the currently displayed picture to the B terminal;
- the image processing module 30 is configured to: when receiving a picture adjustment operation input by the user, adjust a size of the picture, and send a picture adjustment instruction to the B terminal;
- the B terminal includes:
- a second connection module 40 configured to establish a multi-screen interactive connection between the B terminal and the A terminal;
- the picture display module 50 is configured to display a picture pushed by the A terminal;
- the picture adjustment module 60 is configured to synchronously adjust the size of the picture according to the picture adjustment instruction when receiving the picture adjustment instruction sent by the A terminal.
- the multi-screen interactive device preferably includes an A terminal and a B terminal.
- the A terminal refers to a mobile terminal device including a smart phone, a tablet (tablet), and the like
- the B terminal refers to a device having a display function, such as a television set or a display. It can be understood that in other embodiments, the A terminal and the B terminal are also interchangeable.
- the A terminal and the B terminal are connected to the same router to form a local area network environment including the A terminal and the B terminal. Further, the A terminal is preloaded with a multi-screen interactive application. And, the A terminal includes the multi-screen interaction based image processing apparatus of the present invention.
- the first connection module 10 of the multi-screen interaction-based image processing apparatus sends an online broadcast message, where the broadcast message carries the IP information of the A terminal.
- the B terminal in the local area network receives the broadcast message sent by the first connection module 10, acquiring the IP information of the A terminal carried in the broadcast message, and then sending the corresponding message to the broadcast message.
- the first connection module 10 receives the feedback information sent by the B terminal, the A terminal successfully pairs with the B terminal, and establishes a multi-screen interactive connection.
- the picture pushing module 20 pushes the picture to the B terminal.
- the picture display module 50 synchronously displays the received picture on the B terminal.
- the user wants to see the detailed information of the picture currently displayed on the A terminal, for example, when the picture currently displayed on the A terminal is a portrait picture.
- the user In order to see the face information of the portrait picture, the user needs to enlarge the picture currently displayed on the A terminal; or the user can view the comprehensive information of the picture currently displayed on the A terminal, for example,
- the picture currently displayed on the A terminal is a landscape picture, the user needs to perform the reduction process on the picture currently displayed on the A terminal in order to see the overall scenery information.
- the user When the user performs an image adjustment operation of enlarging or reducing the picture currently displayed on the A terminal, for example, the user can perform an enlarged picture operation of double-pointing outside sliding on the display screen of the A terminal, or a double-pointed sliding Reduce the picture operation.
- the picture processing module 30 Upon receiving the picture adjustment operation of the enlarged or reduced picture input by the user, the picture processing module 30 performs enlargement or reduction processing on the currently displayed picture. At the same time, the picture processing module 30 sends a corresponding picture adjustment instruction to the B terminal.
- the picture processing module 30 when receiving the enlarged picture operation input by the user, the picture processing module 30 sends a corresponding picture enlargement instruction to the B terminal; if receiving the reduced picture operation input by the user, The picture processing module 30 sends a corresponding picture reduction instruction to the B terminal.
- the picture adjustment module 60 adjusts the size of the picture displayed by the picture display module 50 according to the picture adjustment instruction, and synchronously amplifies the picture. Or reduce the processing.
- the picture display module 50 synchronously displays the picture, when the user zooms in or out
- the picture processing module 30 sends a picture adjustment command to the B terminal
- the picture adjustment module 60 synchronously enlarges or reduces the picture according to the received picture adjustment instruction. Therefore, the A terminal and the B terminal not only realize synchronous display of pictures, but also realize synchronization adjustment of the size of the picture displayed. When the user adjusts the size of the picture through the A terminal, the enlarged picture or the reduced picture can be clearly seen in the B terminal, thereby improving the user experience.
- the image processing module 30 includes:
- the calculating unit 31 is configured to calculate an adjustment coefficient corresponding to the picture adjustment operation, where the picture adjustment operation includes a picture enlargement operation and a picture reduction operation;
- the A terminal after the A terminal successfully establishes a multi-screen interactive connection with the B terminal, when the user browses the picture in the A terminal, the B terminal and the A The terminal simultaneously displays the picture.
- the picture adjustment operation includes a picture enlargement operation and a picture reduction operation.
- the calculation unit 31 calculates an adjustment coefficient corresponding to the picture adjustment operation according to the received picture adjustment operation.
- the adjustment coefficient preferably includes a picture enlargement ratio coefficient and a picture reduction ratio coefficient.
- the calculation unit 31 calculates an enlargement ratio coefficient of the picture according to the picture enlargement operation; and when receiving a picture reduction operation input by the user, the calculation unit 31 according to the The picture reduction operation calculates the reduction factor of the picture.
- the sending unit 32 is configured to send a picture adjustment command that carries the adjustment coefficient information to the B terminal.
- the sending unit 32 After the adjustment unit corresponding to the picture adjustment operation input by the user is calculated by the calculation unit 31, the sending unit 32 encapsulates the adjustment coefficient into a data packet corresponding to the picture adjustment instruction, And then sending a picture adjustment instruction carrying the adjustment coefficient information to the B terminal, that is, sending a data packet corresponding to the picture adjustment instruction to the B terminal, where the data packet includes a picture adjustment by a user input
- the corresponding adjustment coefficient is operated, so that the B terminal adjusts the size of the picture currently displayed by the B terminal according to the adjustment factor, and performs synchronous amplification or reduction processing on the picture.
- the calculating unit 31 when receiving the enlarged picture of the user input or the picture adjustment operation of the reduced picture, the calculating unit 31 first calculates the adjustment coefficient corresponding to the picture adjustment operation, and then the sending unit 32 sends the information about the adjustment coefficient.
- the picture adjustment instruction is sent to the B terminal, so that the B terminal adjusts the size of the currently displayed picture according to the adjustment coefficient, and performs synchronous amplification or reduction processing on the picture.
- the size of the picture that is displayed by the B terminal and the A terminal is adjusted and adjusted, so that the user can clearly see the enlarged picture or the reduced picture through the B terminal. Improve the user experience.
- the computing unit 31 includes:
- the obtaining sub-unit 311 is configured to acquire a first coordinate value of a reference point in the picture before the picture adjustment operation and a second coordinate value of the reference point after the picture adjustment operation;
- a reference coordinate axis is set in advance.
- the end point of the lower left corner of the current display interface of the display screen in the current state of the A terminal is used as the origin of the reference coordinate axis
- the bottom edge side of the current display interface of the current display state of the A terminal is used as the reference coordinate.
- the X axis of the axis establishes a reference coordinate axis by using the Y axis of the left edge of the current display interface of the current display state of the A terminal as the reference coordinate axis.
- the obtaining sub-unit 311 acquires the first coordinate value of the reference point in the picture before the picture adjustment operation, and the picture adjustment operation.
- the second coordinate value after. For example, if the upper right corner of the picture currently displayed on the A terminal is used as a reference point, the obtaining sub-unit 311 acquires the first coordinate value of the reference point of the picture before the picture adjustment operation (x 1 , y 1 ). and a second reference point coordinate values in the image after the image adjustment operation (x 2, y 2).
- the calculating sub-unit 312 is configured to calculate an adjustment coefficient corresponding to the picture adjustment operation according to the first coordinate value and the second coordinate value of the reference point.
- the calculation sub-unit 312 first calculates the distance d 1 of the first coordinate value (x 1 , y 1 ) from the origin of the reference coordinate axis and the second coordinate value (x 2 , y 2 ) and the reference coordinate axis origin, respectively. a distance d 2.
- the calculation sub-unit 312 can also calculate the adjustment coefficients by other methods.
- the sending unit 32 sends a picture adjustment command carrying the adjustment coefficient information to the B terminal, so that the B terminal adjusts the size of the picture currently displayed by the B terminal according to the adjustment coefficient, The picture is zoomed in or out.
- the obtaining sub-unit 311 acquires the first coordinate value of the reference point in the picture before the picture adjustment operation and The second coordinate value of the reference point after the image adjustment operation, and then the calculation sub-unit 312 calculates the adjustment coefficient corresponding to the picture adjustment operation according to the first coordinate value and the second coordinate value of the reference point, and the sending unit 32 sends
- the picture adjustment instruction carrying the adjustment coefficient information is sent to the B terminal, so that the B terminal adjusts the size of the currently displayed picture according to the adjustment coefficient, and performs synchronous amplification or reduction processing on the picture.
- the picture adjustment module 60 includes:
- the parsing unit 61 is configured to parse the picture adjustment instruction to obtain an adjustment coefficient carried in the picture adjustment instruction when receiving the picture adjustment instruction sent by the A terminal;
- the parsing unit 61 After the picture display module 50 synchronously displays the picture pushed by the A terminal, when receiving the picture adjustment instruction for zooming in or out of the picture sent by the A terminal, the parsing unit 61 performs the received picture adjustment instruction. Parsing and acquiring the adjustment coefficient information carried in the picture adjustment instruction.
- the adjustment coefficient preferably includes a picture enlargement scale factor and a picture reduction scale factor.
- the adjusting unit 62 is configured to synchronously adjust the size of the picture according to the obtained adjustment coefficient.
- the adjustment unit 62 After the adjustment unit carries the adjustment coefficient carried in the picture adjustment instruction, the adjustment unit 62 adjusts the size of the picture currently displayed by the B terminal according to the adjustment coefficient, and performs synchronous amplification or reduction processing on the picture.
- the parsing unit 61 parses the The picture adjustment instruction acquires the adjustment coefficient carried in the picture adjustment instruction, and the adjustment unit 62 synchronously adjusts the size of the picture according to the acquired adjustment coefficient, and performs synchronous amplification or reduction processing on the picture. Therefore, the size of the picture displayed by the B terminal and the A terminal is adjusted synchronously, so that the user can clearly see the enlarged picture or the reduced picture through the B terminal, thereby improving the user experience.
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
一种基于多屏互动的图片处理方法,该基于多屏互动的图片处理方法包括:A终端与B终端建立多屏互动连接(S10);A终端推送当前显示的图片至B终端,以当B终端接收到A终端推送的图片时,显示所述图片(S20);当A终端接收到用户输入的图片调节操作时,调节所述图片的尺寸,并发送图片调节指令至B终端,以当B终端接收到A终端发送的图片调节指令时,根据所述图片调节指令同步调节所述图片的尺寸(S30)。实现了多屏互动终端间同步调节图片尺寸。
Description
本发明涉及多屏互动技术领域,尤其涉及基于多屏互动的图片处理方法及系统。
多屏互动是指不同的终端设备,如常见的智能手机、pad(平板电脑)、电视机等终端之间,进行多媒体(音频,视频,图片)内容的传输、展示等一系列操作。多屏互动可以实现在不同终端上同时共享展示内容,丰富用户的多媒体生活。但在多屏互动的终端之间同步显示图片时,当用户在其中一个终端上调节当前显示图片的尺寸,例如放大当前显示图片时,与其多屏互动的另外终端上无法同步调节所述图片的尺寸,不能放大所述图片。因此,多屏互动终端间无法实现同步调节图片的尺寸。
发明内容
本发明的主要目的在于提出一种基于多屏互动的图片处理方法及系统,旨在解决现有多屏互动终端间无法实现同步调节图片尺寸的技术问题。
为实现上述目的,本发明提供的一种基于多屏互动的图片处理方法,所述基于多屏互动的图片处理方法包括以下步骤:
A终端与B终端建立多屏互动连接;
A终端推送当前显示的图片至B终端,以当B终端接收到A终端推送的图片时,显示所述图片;
当A终端接收到用户输入的图片调节操作时,调节所述图片的尺寸,并发送图片调节指令至B终端,以当B终端接收到A终端发送的图片调节指令时,根据所述图片调节指令同步调节所述图片的尺寸;其中,
A终端计算所述图片调节操作对应的调节系数,所述图片调节操作包括图片放大操作以及图片缩小操作,并发送携带所述调节系数的图片调节指令至B终端;
当B终端接收到A终端发送的图片调节指令时,解析所述图片调节指令,
获取所述图片调节指令中携带的调节系数,并根据获取的所述调节系数同步调节所述图片的尺寸。
优选地,所述A终端计算所述图片调节操作对应的调节系数的步骤包括:
A终端获取图片调节操作前图片中参考点的第一坐标值以及图片调节操作后所述参考点的第二坐标值;
A终端根据所述参考点的第一坐标值以及第二坐标值,计算所述图片调节操作对应的调节系数。
此外,为实现上述目的,本发明还提出一种基于多屏互动的图片处理方法,所述基于多屏互动的图片处理方法包括以下步骤:
A终端与B终端建立多屏互动连接;
A终端推送当前显示的图片至B终端,以当B终端接收到A终端推送的图片时,显示所述图片;
当A终端接收到用户输入的图片调节操作时,调节所述图片的尺寸,并发送图片调节指令至B终端,以当B终端接收到A终端发送的图片调节指令时,根据所述图片调节指令同步调节所述图片的尺寸。
优选地,所述发送图片调节指令至B终端的步骤包括:
A终端计算所述图片调节操作对应的调节系数,其中,所述图片调节操作包括图片放大操作以及图片缩小操作;
A终端发送携带所述调节系数的图片调节指令至所述B终端。
优选地,所述A终端计算所述图片调节操作对应的调节系数的步骤包括:
A终端获取图片调节操作前图片中参考点的第一坐标值以及图片调节操作后所述参考点的第二坐标值;
A终端根据所述参考点的第一坐标值以及第二坐标值,计算所述图片调节操作对应的调节系数。
优选地,所述当B终端接收到A终端发送的图片调节指令时,根据所述图片调节指令同步调节所述图片的尺寸的步骤包括:
当B终端接收到A终端发送的图片调节指令时,解析所述图片调节指令,获取所述图片调节指令中携带的调节系数;
B终端根据获取的所述调节系数同步调节所述图片的尺寸。
此外,为实现上述目的,本发明还提出一种基于多屏互动的图片处理系统,包括A终端和B终端,所述A终端包括:
第一连接模块,用于A终端与B终端建立多屏互动连接;
图片推送模块,用于推送当前显示的图片至B终端;
图片处理模块,用于当接收到用户输入的图片调节操作时,调节所述图片的尺寸,并发送图片调节指令至所述B终端;
所述B终端包括:
第二连接模块,用于B终端与A终端建立多屏互动连接;
图片显示模块,用于显示所述A终端推送的图片;
图片调节模块,用于当接收到所述A终端发送的图片调节指令时,根据所述图片调节指令同步调节所述图片的尺寸。
优选地,所述图片处理模块包括:
计算单元,用于计算所述图片调节操作对应的调节系数,其中,所述图片调节操作包括图片放大操作以及图片缩小操作;
发送单元,用于发送携带所述调节系数的图片调节指令至B终端。
优选地,所述计算单元包括:
获取子单元,用于获取图片调节操作前图片中参考点的第一坐标值以及图片调节操作后所述参考点的第二坐标值;
计算子单元,用于根据所述参考点的第一坐标值以及第二坐标值,计算所述图片调节操作对应的调节系数。
优选地,所述图片调节模块包括:
解析单元,用于当接收到A终端发送的图片调节指令时,解析所述图片调节指令,获取所述图片调节指令中携带的调节系数;
调节单元,用于根据获取的所述调节系数同步调节所述图片的尺寸。
本发明提出的基于多屏互动的图片处理方法及系统,在所述基于多屏互动的图片处理方法中,当A终端与B终端建立多屏互动连接,A终端推送图片至B终端,B终端同步显示所述图片后,当用户在A终端上输入图片调节操作时,A终端调节所述图片的尺寸,并发送图片调节指令至B终端,B终
端根据所述图片调节指令同步调节所述图片的尺寸。因此,本方案实现了多屏互动终端间同步调节图片尺寸。
图1为本发明基于多屏互动的图片处理方法第一实施例的流程示意图;
图2为本发明基于多屏互动的图片处理方法第二实施例中发送图片调节指令至B终端的细化流程示意图;
图3为本发明基于多屏互动的图片处理方法第三实施例中A终端计算所述图片调节操作对应的调节系数的细化流程示意图;
图4为本发明基于多屏互动的图片处理方法第四实施例中根据所述图片调节指令同步调节所述图片的尺寸的细化流程示意图;
图5为本发明基于多屏互动的图片处理系统第一实施例的功能模块示意图;
图6为本发明基于多屏互动的图片处理系统第二实施例中图片处理模块的细化功能模块示意图;
图7为本发明基于多屏互动的图片处理系统第三实施例中计算单元的细化功能模块示意图;
图8为本发明基于多屏互动的图片处理系统第四实施例中图片调节模块的细化功能模块示意图。
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明提供一种基于多屏互动的图片处理方法,参照图1,图1为本发明基于多屏互动的图片处理方法第一实施例的流程示意图。
在本实施例中,该基于多屏互动的图片处理方法包括以下步骤:
步骤S10,A终端与B终端建立多屏互动连接;
在本发明的基于多屏互动的图片处理方法中,首先建立A终端与B终端
的多屏互动连接。在本实施例中,所述A终端是指包括智能手机、pad(平板电脑)等的移动终端设备,所述B终端是指包括电视机、显示器等具有显示功能的设备。可以理解的是,在其他实施例中,所述A终端与所述B终端也可以互换。所述A终端与B终端连接到同一个路由器,形成包括所述A终端与B终端的局域网环境。进一步地,所述A终端预先加载有多屏互动应用。在本实施例中,当用户启动所述A终端的多屏互动应用时,所述A终端发送上线广播消息,所述广播消息中携带有所述A终端的IP信息。在该局域网内的所述B终端接收到所述A终端发送的所述广播消息时,获取所述广播消息中携带的所述A终端的IP信息,然后发送与所述广播消息对应的反馈信息至所述A终端。当所述A终端接收到所述B终端发送的所述反馈信息时,所述A终端与所述B终端配对成功,建立起多屏互动连接。
步骤S20,A终端推送当前显示的图片至B终端,以当B终端接收到A终端推送的图片时,显示所述图片;
在所述A终端与所述B终端成功建立多屏互动连接后,当用户浏览所述A终端中的图片时,所述A终端将所述图片推送给所述B终端。当所述B终端接收到所述A终端推送的图片时,将接收到的所述图片在所述B终端上同步显示。
步骤S30,当A终端接收到用户输入的图片调节操作时,调节所述图片的尺寸,并发送图片调节指令至B终端,以当B终端接收到A终端发送的图片调节指令时,根据所述图片调节指令同步调节所述图片的尺寸。
用户在对所述A终端中的图片进行浏览时,在某些情况下用户为了看清所述A终端上当前显示的图片的细节信息,例如当所述A终端上当前显示的图片为人像图片时,用户为了看清所述人像图片的人脸信息,需要将所述A终端上当前显示的图片进行放大处理;又或者用户为了看清所述A终端上当前显示的图片的全面信息,例如当所述A终端上当前显示的图片为风景图片时,用户为了看清整体的风景信息,需要将所述A终端上当前显示的图片进行缩小处理。当用户对所述A终端上当前显示的图片进行放大或者缩小的图片调节操作时,例如用户可通过在所述A终端的显示屏上进行双指向外滑动的放大图片操作,或者双指向内滑动的缩小图片操作。在接收到用户输入的放大或者缩小图片的图片调节操作时,所述A终端对当前显示的图片进行放
大或者缩小处理。同时,所述A终端发送对应的图片调节指令至所述B终端。例如,若接收到用户输入的放大图片操作时,所述A终端发送对应的图片放大指令至所述B终端;若接收到用户输入的缩小图片操作时,所述A终端发送对应的图片缩小指令至所述B终端。当所述B终端接收到所述A终端发送的图片放大或者缩小的图片调节指令时,所述B终端根据所述图片调节指令,调节所述B终端当前显示的图片的尺寸,对所述图片进行同步放大或者缩小处理。
本实施例提出的方案,在A终端与B终端建立了多屏互动连接后,当所述A终端推送图片至所述B终端时,所述B终端同步显示所述图片,之后,当用户放大或者缩小在所述A终端上显示的所述图片时,所述B终端根据接收到的所述A终端发送的图片调节指令,同步放大或者缩小所述B终端上显示的所述图片。因此,所述A终端与所述B终端不仅实现了同步显示图片,还实现了同步调节显示的所述图片的尺寸。当用户通过所述A终端调节图片的尺寸时,可在所述B终端中清晰地看到放大后的图片或者缩小后的图片,提高了用户体验。
进一步地,参照图2,基于第一实施例提出本发明基于多屏互动的图片处理方法第二实施例,在本实施例中,所述步骤S30包括:
步骤S31,A终端计算所述图片调节操作对应的调节系数,其中,所述图片调节操作包括图片放大操作以及图片缩小操作;
基于第一实施例,在本实施例中,所述A终端与所述B终端成功建立多屏互动连接后,当用户浏览所述A终端中的图片时,所述B终端与所述A终端同步显示所述图片。当用户对所述A终端上当前显示的图片进行图片调节操作时,所述图片调节操作包括图片放大操作以及图片缩小操作。在所述A终端接收到用户输入的图片调节操作时,所述A终端根据接收到的所述图片调节操作计算所述图片调节操作对应的调节系数。其中,所述调节系数优选包括图片放大比例系数以及图片缩小比例系数。例如,若所述A终端接收到用户输入的图片放大操作时,所述A终端根据所述图片放大操作计算图片的放大比例系数;若所述A终端接收到用户输入的图片缩小操作时,所述A终端根据所述图片缩小操作计算图片的缩小比例系数。
步骤S32,A终端发送携带所述调节系数信息的图片调节指令至B终端。
当A终端计算获得用户输入的图片调节操作对应的调节系数后,将所述调节系数封装进入图片调节指令对应的数据包中,然后发送携带所述调节系数信息的图片调节指令至所述B终端,也即将所述图片调节指令对应的数据包发送至所述B终端,其中,所述数据包中包含了用户输入的图片调节操作对应的调节系数,以供所述B终端根据所述调节系数调节所述B终端当前显示的图片的尺寸,对所述图片进行同步放大或者缩小处理。
本实施例提出的方案,A终端在接收到用户输入的放大图片或者缩小图片的图片调节操作时,先计算所述图片调节操作对应的调节系数,然后发送携带所述调节系数信息的图片调节指令至B终端,以供所述B终端根据所述调节系数调节当前显示的图片的尺寸,对所述图片进行同步放大或者缩小处理。当用户通过所述A终端调节图片的尺寸时,实现了B终端与A终端同步调节显示的所述图片的尺寸,使用户通过B终端可以清晰地看到放大后的图片或者缩小后的图片,提高了用户体验。
进一步地,参照图3,基于第二实施例提出本发明基于多屏互动的图片处理方法第三实施例,在本实施例中,所述步骤S31包括:
步骤S311,A终端获取图片调节操作前图片中参考点的第一坐标值以及图片调节操作后所述参考点的第二坐标值;
基于第二实施例,在本实施例中,预先设置一参考坐标轴。例如,以所述A终端当前放置状态下的显示屏当前显示界面的左下角端点作为参考坐标轴的原点,以所述A终端当前放置状态下的显示屏当前显示界面底部边缘一侧为参考坐标轴的X轴,以所述A终端当前放置状态下的显示屏当前显示界面左边缘一侧为参考坐标轴的Y轴,建立一参考坐标轴。当用户对所述A终端上当前显示的图片进行图片放大或者图片缩小的图片调节操作时,获取所述图片中参考点在图片调节操作前的第一坐标值,以及图片调节操作后的第二坐标值。例如,若以所述A终端上当前显示的图片的右上角端点为参考点,获取在图片调节操作前所述图片的参考点的第一坐标值为(x1,y1),以及在图片调节操作后所述图片的参考点的第二坐标值为(x2,y2)。
步骤S312,A终端根据所述参考点的第一坐标值以及第二坐标值,计算
所述图片调节操作对应的调节系数。
通过上述步骤S311获取到A终端当前显示的图片的参考点在图片调节操作前的第一坐标值(x1,y1)和图片调节操作后的第二坐标值(x2,y2)后,先分别计算所述第一坐标值(x1,y1)与参考坐标轴原点的距离d1以及所述第二坐标值(x2,y2)与参考坐标轴原点的距离d2。具体地,所述第一坐标值(x1,y1)与参考坐标轴原点的距离d1=(x1
2+y1
2)1/2;所述第二坐标值(x2,y2)与参考坐标轴原点的距离d2=(x2
2+y2
2)1/2。然后,根据所述第一坐标值(x1,y1)与参考坐标轴原点的距离d1以及所述第二坐标值(x2,y2)与参考坐标轴原点的距离d2,计算所述距离d2与所述距离d1的比值k,也即k=d2/d1=(x2
2+y2
2)1/2/(x1
2+y1
2)1/2,将计算获得的所述比值k作为所述图片调节操作对应的调节系数。本领域技术人员可以理解的是,还可以通过其他方法计算所述调节系数。例如,可直接通过计算所述第二坐标值(x2,y2)中参数x2与所述第一坐标值(x1,y1)中参数x1的比值,将计算获得的所述参数x2与所述参数x1的比值作为所述调节系数。
之后,A终端发送携带所述调节系数信息的图片调节指令至所述B终端,以供所述B终端根据所述调节系数,调节所述B终端当前显示的图片的尺寸,对所述图片进行同步放大或者缩小处理。
本实施例提出的方案,当用户对所述A终端上当前显示的图片进行图片放大或者图片缩小的图片调节操作时,A终端获取图片调节操作前图片中参考点的第一坐标值以及图片调节操作后所述参考点的第二坐标值,然后根据所述参考点的第一坐标值以及第二坐标值,计算所述图片调节操作对应的调节系数,发送携带所述调节系数信息的图片调节指令至B终端,以供所述B终端根据所述调节系数调节当前显示的图片的尺寸,对所述图片进行同步放大或者缩小处理。当用户通过所述A终端调节图片的尺寸时,实现了B终端与A终端同步调节显示的所述图片的尺寸,使用户通过B终端可以清晰地看到放大后的图片或者缩小后的图片,提高了用户体验。
进一步地,参照图4,基于上述任一实施例提出本发明基于多屏互动的图片处理方法第四实施例,在本实施例中,所述步骤S30包括:
步骤S33,当B终端接收到A终端发送的图片调节指令时,解析所述图
片调节指令,获取所述图片调节指令中携带的调节系数;
在所述B终端同步显示所述A终端推送的图片后,当B终端接收到所述A终端发送的图片放大或者缩小的图片调节指令时,所述B终端首先对接收到的所述图片调节指令进行解析,获取所述图片调节指令中携带的调节系数信息。所述调节系数优选包括图片放大比例系数以及图片缩小比例系数。
步骤S34,B终端根据获取的所述调节系数同步调节所述图片的尺寸。
B终端获取到所述图片调节指令中携带的调节系数后,根据所述调节系数,调节所述B终端当前显示的图片的尺寸,对所述图片进行同步放大或者缩小处理。
本实施例提出的方案,在所述B终端同步显示所述A终端推送的图片后,当接收到所述A终端发送的图片放大或者缩小的图片调节指令时,所述B终端首先解析所述图片调节指令,获取所述图片调节指令中携带的调节系数,然后根据获取的所述调节系数同步调节所述图片的尺寸,对所述图片进行同步放大或者缩小处理。因此实现了B终端与A终端同步调节显示的所述图片的尺寸,使用户通过B终端可以清晰地看到放大后的图片或者缩小后的图片,提高了用户体验。
本发明进一步提供一种基于多屏互动的图片处理系统,包括A终端和B终端,参照图5,图5为本发明基于多屏互动的图片处理系统第一实施例的功能模块示意图。
在本实施例中,所述A终端包括:
第一连接模块10,用于A终端与B终端建立多屏互动连接;
图片推送模块20,用于推送当前显示的图片至B终端;
图片处理模块30,用于当接收到用户输入的图片调节操作时,调节所述图片的尺寸,并发送图片调节指令至B终端;
所述B终端包括:
第二连接模块40,用于B终端与A终端建立多屏互动连接;
图片显示模块50,用于显示所述A终端推送的图片;
图片调节模块60,用于当接收到所述A终端发送的图片调节指令时,根据所述图片调节指令同步调节所述图片的尺寸。
本实施例中,多屏互动设备优选包括A终端以及B终端。所述A终端是指包括智能手机、pad(平板电脑)等的移动终端设备,所述B终端是指包括电视机、显示器等具有显示功能的设备。可以理解的是,在其他实施例中,所述A终端与所述B终端也可以互换。所述A终端与B终端连接到同一个路由器,形成包括所述A终端与B终端的局域网环境。进一步地,所述A终端预先加载有多屏互动应用。并且,所述A终端包括本发明的基于多屏互动的图片处理装置。当用户启动所述A终端的多屏互动应用时,所述基于多屏互动的图片处理装置的第一连接模块10发送上线广播消息,所述广播消息中携带有所述A终端的IP信息。在该局域网内的所述B终端接收到所述第一连接模块10发送的所述广播消息时,获取所述广播消息中携带的所述A终端的IP信息,然后发送与所述广播消息对应的反馈信息至所述第一连接模块10。当所述第一连接模块10接收到所述B终端发送的所述反馈信息时,所述A终端与所述B终端配对成功,建立起多屏互动连接。
在所述A终端与所述B终端成功建立多屏互动连接后,当用户浏览所述A终端中的图片时,图片推送模块20将所述图片推送给所述B终端。当所述B终端接收到所述A终端推送的图片时,图片显示模块50将接收到的所述图片在所述B终端上同步显示。
用户在对所述A终端中的图片进行浏览时,在某些情况下用户为了看清所述A终端上当前显示的图片的细节信息,例如当所述A终端上当前显示的图片为人像图片时,用户为了看清所述人像图片的人脸信息,需要将所述A终端上当前显示的图片进行放大处理;又或者用户为了看清所述A终端上当前显示的图片的全面信息,例如当所述A终端上当前显示的图片为风景图片时,用户为了看清整体的风景信息,需要将所述A终端上当前显示的图片进行缩小处理。当用户对所述A终端上当前显示的图片进行放大或者缩小的图片调节操作时,例如用户可通过在所述A终端的显示屏上进行双指向外滑动的放大图片操作,或者双指向内滑动的缩小图片操作。在接收到用户输入的放大或者缩小图片的图片调节操作时,图片处理模块30对当前显示的图片进行放大或者缩小处理。同时,图片处理模块30发送对应的图片调节指令至所述B终端。例如,若接收到用户输入的放大图片操作时,图片处理模块30发送对应的图片放大指令至所述B终端;若接收到用户输入的缩小图片操作时,
图片处理模块30发送对应的图片缩小指令至所述B终端。当所述B终端接收到所述图片放大或者缩小的图片调节指令时,图片调节模块60根据所述图片调节指令,调节所述图片显示模块50显示的图片的尺寸,对所述图片进行同步放大或者缩小处理。
本实施例提出的方案,A终端与B终端建立了多屏互动连接后,当图片推送模块20推送图片至所述B终端,图片显示模块50同步显示所述图片后,当用户放大或者缩小在所述A终端上显示的所述图片时,图片处理模块30发送图片调节指令至所述B终端,图片调节模块60根据接收到的图片调节指令,同步放大或者缩小所述图片。因此,所述A终端与所述B终端不仅实现了同步显示图片,还实现了同步调节显示的所述图片的尺寸。当用户通过所述A终端调节图片的尺寸时,可在所述B终端中清晰地看到放大后的图片或者缩小后的图片,提高了用户体验。
进一步地,参照图6,基于第一实施例提出本发明基于多屏互动的图片处理系统第二实施例,在本实施例中,所述图片处理模块30包括:
计算单元31,用于计算所述图片调节操作对应的调节系数,其中,所述图片调节操作包括图片放大操作以及图片缩小操作;
基于第一实施例,在本实施例中,在所述A终端与所述B终端成功建立多屏互动连接后,当用户浏览所述A终端中的图片时,所述B终端与所述A终端同步显示所述图片。当用户对所述A终端上当前显示的图片进行图片调节操作时,所述图片调节操作包括图片放大操作以及图片缩小操作。在所述A终端接收到用户输入的图片调节操作时,计算单元31根据接收到的所述图片调节操作计算所述图片调节操作对应的调节系数。其中,所述调节系数优选包括图片放大比例系数以及图片缩小比例系数。例如,若接收到用户输入的图片放大操作时,所述计算单元31根据所述图片放大操作计算图片的放大比例系数;若接收到用户输入的图片缩小操作时,所述计算单元31根据所述图片缩小操作计算图片的缩小比例系数。
发送单元32,用于发送携带所述调节系数信息的图片调节指令至B终端。
当通过所述计算单元31计算获得用户输入的图片调节操作对应的调节系数后,发送单元32将所述调节系数封装进入图片调节指令对应的数据包中,
然后发送携带所述调节系数信息的图片调节指令至所述B终端,也即将所述图片调节指令对应的数据包发送至所述B终端,其中,所述数据包中包含了用户输入的图片调节操作对应的调节系数,以供所述B终端根据所述调节系数调节所述B终端当前显示的图片的尺寸,对所述图片进行同步放大或者缩小处理。
本实施例提出的方案,在接收到用户输入的放大图片或者缩小图片的图片调节操作时,计算单元31先计算所述图片调节操作对应的调节系数,然后发送单元32发送携带所述调节系数信息的图片调节指令至B终端,以供所述B终端根据所述调节系数调节当前显示的图片的尺寸,对所述图片进行同步放大或者缩小处理。当用户通过所述A终端调节图片的尺寸时,实现了B终端与A终端同步调节显示的所述图片的尺寸,使用户通过B终端可以清晰地看到放大后的图片或者缩小后的图片,提高了用户体验。
进一步地,参照图7,基于第二实施例提出本发明基于多屏互动的图片处理系统第三实施例,在本实施例中,所述计算单元31包括:
获取子单元311,用于获取图片调节操作前图片中参考点的第一坐标值以及图片调节操作后所述参考点的第二坐标值;
基于第二实施例,在本实施例中,预先设置一参考坐标轴。例如,以所述A终端当前放置状态下的显示屏当前显示界面的左下角端点作为参考坐标轴的原点,以所述A终端当前放置状态下的显示屏当前显示界面底部边缘一侧为参考坐标轴的X轴,以所述A终端当前放置状态下的显示屏当前显示界面左边缘一侧为参考坐标轴的Y轴,建立一参考坐标轴。当用户对所述A终端上当前显示的图片进行图片放大或者图片缩小的图片调节操作时,获取子单元311获取所述图片中参考点在图片调节操作前的第一坐标值,以及图片调节操作后的第二坐标值。例如,若以所述A终端上当前显示的图片的右上角端点为参考点,获取子单元311获取在图片调节操作前所述图片的参考点的第一坐标值为(x1,y1),以及在图片调节操作后所述图片的参考点的第二坐标值为(x2,y2)。
计算子单元312,用于根据所述参考点的第一坐标值以及第二坐标值,计算所述图片调节操作对应的调节系数。
通过获取子单元311获取到A终端当前显示的图片的参考点在图片调节操作前的第一坐标值(x1,y1)和图片调节操作后的第二坐标值(x2,y2)后,计算子单元312先分别计算所述第一坐标值(x1,y1)与参考坐标轴原点的距离d1以及所述第二坐标值(x2,y2)与参考坐标轴原点的距离d2。具体地,所述第一坐标值(x1,y1)与参考坐标轴原点的距离d1=(x1
2+y1
2)1/2;所述第二坐标值(x2,y2)与参考坐标轴原点的距离d2=(x2
2+y2
2)1/2。然后,根据所述第一坐标值(x1,y1)与参考坐标轴原点的距离d1以及所述第二坐标值(x2,y2)与参考坐标轴原点的距离d2,计算子单元312计算所述距离d2与所述距离d1的比值k,也即k=d2/d1=(x2
2+y2
2)1/2/(x1
2+y1
2)1/2,将计算获得的所述比值k作为所述图片调节操作对应的调节系数。本领域技术人员可以理解的是,计算子单元312还可以通过其他方法计算所述调节系数。例如,可直接通过计算所述第二坐标值(x2,y2)中参数x2与所述第一坐标值(x1,y1)中参数x1的比值,将计算获得的所述参数x2与所述参数x1的比值作为所述调节系数。
之后,发送单元32再发送携带所述调节系数信息的图片调节指令至所述B终端,以供所述B终端根据所述调节系数,调节所述B终端当前显示的图片的尺寸,对所述图片进行同步放大或者缩小处理。
本实施例提出的方案,当用户对所述A终端上当前显示的图片进行图片放大或者图片缩小的图片调节操作时,获取子单元311获取图片调节操作前图片中参考点的第一坐标值以及图片调节操作后所述参考点的第二坐标值,然后计算子单元312根据所述参考点的第一坐标值以及第二坐标值,计算所述图片调节操作对应的调节系数,发送单元32发送携带所述调节系数信息的图片调节指令至B终端,以供所述B终端根据所述调节系数调节当前显示的图片的尺寸,对所述图片进行同步放大或者缩小处理。当用户通过所述A终端调节图片的尺寸时,实现了B终端与A终端同步调节显示的所述图片的尺寸,使用户通过B终端可以清晰地看到放大后的图片或者缩小后的图片,提高了用户体验。
进一步地,参照图8,基于上述任一实施例提出本发明基于多屏互动的图片处理系统第四实施例,在本实施例中,所述图片调节模块60包括:
解析单元61,用于当接收到A终端发送的图片调节指令时,解析所述图片调节指令,获取所述图片调节指令中携带的调节系数;
在所述图片显示模块50同步显示所述A终端推送的图片后,当接收到所述A终端发送的图片放大或者缩小的图片调节指令时,解析单元61对接收到的所述图片调节指令进行解析,获取所述图片调节指令中携带的调节系数信息。所述调节系数优选包括图片放大比例系数以及图片缩小比例系数。
调节单元62,用于根据获取的所述调节系数同步调节所述图片的尺寸。
通过解析单元61获取到所述图片调节指令中携带的调节系数后,调节单元62根据所述调节系数,调节所述B终端当前显示的图片的尺寸,对所述图片进行同步放大或者缩小处理。
本实施例提出的方案,在所述图片显示模块50同步显示所述A终端推送的图片后,当接收到所述A终端发送的图片放大或者缩小的图片调节指令时,解析单元61解析所述图片调节指令,获取所述图片调节指令中携带的调节系数,调节单元62根据获取的所述调节系数同步调节所述图片的尺寸,对所述图片进行同步放大或者缩小处理。因此实现了B终端与A终端同步调节显示的所述图片的尺寸,使用户通过B终端可以清晰地看到放大后的图片或者缩小后的图片,提高了用户体验。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
- 一种基于多屏互动的图片处理方法,其特征在于,所述基于多屏互动的图片处理方法包括步骤:A终端与B终端建立多屏互动连接;A终端推送当前显示的图片至B终端,以当B终端接收到A终端推送的图片时,显示所述图片;当A终端接收到用户输入的图片调节操作时,调节所述图片的尺寸,并发送图片调节指令至B终端,以当B终端接收到A终端发送的图片调节指令时,根据所述图片调节指令同步调节所述图片的尺寸;其中,A终端计算所述图片调节操作对应的调节系数,所述图片调节操作包括图片放大操作以及图片缩小操作,并发送携带所述调节系数的图片调节指令至B终端;当B终端接收到A终端发送的图片调节指令时,解析所述图片调节指令,获取所述图片调节指令中携带的调节系数,并根据获取的所述调节系数同步调节所述图片的尺寸。
- 如权利要求1所述的基于多屏互动的图片处理方法,其特征在于,所述A终端计算所述图片调节操作对应的调节系数的步骤包括:A终端获取图片调节操作前图片中参考点的第一坐标值以及图片调节操作后所述参考点的第二坐标值;A终端根据所述参考点的第一坐标值以及第二坐标值,计算所述图片调节操作对应的调节系数。
- 一种基于多屏互动的图片处理方法,其特征在于,所述基于多屏互动的图片处理方法包括步骤:A终端与B终端建立多屏互动连接;A终端推送当前显示的图片至B终端,以当B终端接收到A终端推送的图片时,显示所述图片;当A终端接收到用户输入的图片调节操作时,调节所述图片的尺寸,并 发送图片调节指令至B终端,以当B终端接收到A终端发送的图片调节指令时,根据所述图片调节指令同步调节所述图片的尺寸。
- 如权利要求3所述的基于多屏互动的图片处理方法,其特征在于,所述发送图片调节指令至B终端的步骤包括:A终端计算所述图片调节操作对应的调节系数,其中,所述图片调节操作包括图片放大操作以及图片缩小操作;A终端发送携带所述调节系数的图片调节指令至B终端。
- 如权利要求4所述的基于多屏互动的图片处理方法,其特征在于,所述A终端计算所述图片调节操作对应的调节系数的步骤包括:A终端获取图片调节操作前图片中参考点的第一坐标值以及图片调节操作后所述参考点的第二坐标值;A终端根据所述参考点的第一坐标值以及第二坐标值,计算所述图片调节操作对应的调节系数。
- 如权利要求3所述基于多屏互动的图片处理方法,其特征在于,所述当B终端接收到A终端发送的图片调节指令时,根据所述图片调节指令同步调节所述图片的尺寸的步骤包括:当B终端接收到A终端发送的图片调节指令时,解析所述图片调节指令,获取所述图片调节指令中携带的调节系数;B终端根据获取的所述调节系数同步调节所述图片的尺寸。
- 一种基于多屏互动的图片处理系统,包括A终端和B终端,其特征在于,所述A终端包括:第一连接模块,用于A终端与B终端建立多屏互动连接;图片推送模块,用于推送当前显示的图片至B终端;图片处理模块,用于当接收到用户输入的图片调节操作时,调节所述图片的尺寸,并发送图片调节指令至所述B终端;所述B终端包括:第二连接模块,用于B终端与A终端建立多屏互动连接;图片显示模块,用于显示所述A终端推送的图片;图片调节模块,用于当接收到所述A终端发送的图片调节指令时,根据所述图片调节指令同步调节所述图片的尺寸。
- 如权利要求7所述的基于多屏互动的图片处理系统,其特征在于,所述图片处理模块包括:计算单元,用于计算所述图片调节操作对应的调节系数,其中,所述图片调节操作包括图片放大操作以及图片缩小操作;发送单元,用于发送携带所述调节系数的图片调节指令至B终端。
- 如权利要求8所述的基于多屏互动的图片处理系统,其特征在于,所述计算单元包括:获取子单元,用于获取图片调节操作前图片中参考点的第一坐标值以及图片调节操作后所述参考点的第二坐标值;计算子单元,用于根据所述参考点的第一坐标值以及第二坐标值,计算所述图片调节操作对应的调节系数。
- 如权利要求7所述的基于多屏互动的图片处理系统,其特征在于,所述图片调节模块包括:解析单元,用于当接收到A终端发送的图片调节指令时,解析所述图片调节指令,获取所述图片调节指令中携带的调节系数;调节单元,用于根据获取的所述调节系数同步调节所述图片的尺寸。
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510772802.9A CN105335124A (zh) | 2015-11-12 | 2015-11-12 | 基于多屏互动的图片处理方法及系统 |
| CN201510772802.9 | 2015-11-12 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2017080191A1 true WO2017080191A1 (zh) | 2017-05-18 |
Family
ID=55285700
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2016/084386 Ceased WO2017080191A1 (zh) | 2015-11-12 | 2016-06-01 | 基于多屏互动的图片处理方法及系统 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN105335124A (zh) |
| WO (1) | WO2017080191A1 (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116149587A (zh) * | 2023-01-09 | 2023-05-23 | 深圳市酷开网络科技股份有限公司 | 多屏联动的同步显示方法及装置、系统 |
| CN116661723A (zh) * | 2023-06-09 | 2023-08-29 | 深圳市黑金工业制造有限公司 | 一种应用于智慧显示屏的信息评价管理系统及方法 |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105335124A (zh) * | 2015-11-12 | 2016-02-17 | 深圳Tcl数字技术有限公司 | 基于多屏互动的图片处理方法及系统 |
| CN107317922A (zh) * | 2017-06-14 | 2017-11-03 | 黄之 | 一种控制多音频输出的方法、终端和系统 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102118533A (zh) * | 2010-12-22 | 2011-07-06 | 青岛海信宽带多媒体技术有限公司 | 手机资源在电视机上播放的实现方法及实现装置 |
| CN102325271A (zh) * | 2011-09-02 | 2012-01-18 | 深圳创维-Rgb电子有限公司 | 移动终端发送文件给电视机共享的方法、装置及移动终端 |
| CN104090735A (zh) * | 2014-06-30 | 2014-10-08 | 小米科技有限责任公司 | 一种图片的投影方法及装置 |
| CN104793862A (zh) * | 2015-04-10 | 2015-07-22 | 深圳市美贝壳科技有限公司 | 无线投影照片的放缩控制方法 |
| CN105335124A (zh) * | 2015-11-12 | 2016-02-17 | 深圳Tcl数字技术有限公司 | 基于多屏互动的图片处理方法及系统 |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102402595A (zh) * | 2011-11-04 | 2012-04-04 | 百度在线网络技术(北京)有限公司 | 一种用于操作网页图片的方法和设备 |
| KR101992397B1 (ko) * | 2012-06-27 | 2019-09-27 | 삼성전자주식회사 | 영상 처리 장치, 영상 중계 장치, 영상 처리 방법 및 영상 중계 방법 |
| CN103313116A (zh) * | 2013-05-17 | 2013-09-18 | 深圳Tcl新技术有限公司 | 基于多屏互动的图像显示方法及系统 |
-
2015
- 2015-11-12 CN CN201510772802.9A patent/CN105335124A/zh active Pending
-
2016
- 2016-06-01 WO PCT/CN2016/084386 patent/WO2017080191A1/zh not_active Ceased
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102118533A (zh) * | 2010-12-22 | 2011-07-06 | 青岛海信宽带多媒体技术有限公司 | 手机资源在电视机上播放的实现方法及实现装置 |
| CN102325271A (zh) * | 2011-09-02 | 2012-01-18 | 深圳创维-Rgb电子有限公司 | 移动终端发送文件给电视机共享的方法、装置及移动终端 |
| CN104090735A (zh) * | 2014-06-30 | 2014-10-08 | 小米科技有限责任公司 | 一种图片的投影方法及装置 |
| CN104793862A (zh) * | 2015-04-10 | 2015-07-22 | 深圳市美贝壳科技有限公司 | 无线投影照片的放缩控制方法 |
| CN105335124A (zh) * | 2015-11-12 | 2016-02-17 | 深圳Tcl数字技术有限公司 | 基于多屏互动的图片处理方法及系统 |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116149587A (zh) * | 2023-01-09 | 2023-05-23 | 深圳市酷开网络科技股份有限公司 | 多屏联动的同步显示方法及装置、系统 |
| CN116661723A (zh) * | 2023-06-09 | 2023-08-29 | 深圳市黑金工业制造有限公司 | 一种应用于智慧显示屏的信息评价管理系统及方法 |
| CN116661723B (zh) * | 2023-06-09 | 2024-01-12 | 深圳市黑金工业制造有限公司 | 一种应用于智慧显示屏的信息评价管理系统及方法 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105335124A (zh) | 2016-02-17 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11388453B2 (en) | Method for processing live-streaming interaction video and server | |
| CN105554372B (zh) | 一种拍摄方法以及装置 | |
| CN102246468A (zh) | 一种联网方法、服务端设备、客户端设备及网络系统 | |
| WO2016004857A1 (zh) | 一种同屏共享的方法、装置及系统 | |
| CN105635624A (zh) | 视频图像的处理方法、设备及系统 | |
| JP5982079B2 (ja) | 画像伝送の方法、装置、プログラム及び記録媒体 | |
| CN113010135B (zh) | 一种数据处理方法、装置、显示终端和存储介质 | |
| CN105872835A (zh) | 实现异地同步观影的方法、装置及智能设备 | |
| WO2014101428A1 (zh) | 画面控制的方法及终端、视频会议装置 | |
| CN105335932B (zh) | 多路图像采集拼合方法及系统 | |
| CN107870754A (zh) | 一种控制设备上展示的内容的方法及装置 | |
| CN103856809A (zh) | 一种多点同屏方法、系统及终端设备 | |
| WO2016065514A1 (zh) | 图像显示方法、用户终端和视频接收设备 | |
| US10404606B2 (en) | Method and apparatus for acquiring video bitstream | |
| CN110798745A (zh) | 多媒体播放的控制方法、服务器及存储介质 | |
| CN105335124A (zh) | 基于多屏互动的图片处理方法及系统 | |
| CN113286190A (zh) | 一种跨网络同屏控制方法、装置和跨网络同屏系统 | |
| WO2012010018A1 (zh) | 字幕叠加方法及装置 | |
| US9756302B2 (en) | Multi-projection system and data processing apparatus | |
| CN102724456B (zh) | 显示终端基于Android应用的OSD压缩方法及装置 | |
| CN106254810A (zh) | 一种视频通话方法和装置 | |
| CN103686415B (zh) | 一种智能电视的选台系统及方法 | |
| CN104735040A (zh) | 一种数字媒体多屏同步显示方法 | |
| CN108769566A (zh) | 一种用于会议大屏幕的截图方法及设备 | |
| US10863233B2 (en) | Wireliss docking system for audio-video |
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: 16863372 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 1205 DATED 22/08/2018) |
|
| 122 | Ep: pct application non-entry in european phase |
Ref document number: 16863372 Country of ref document: EP Kind code of ref document: A1 |