[go: up one dir, main page]

WO2023083052A1 - Interaction method and apparatus - Google Patents

Interaction method and apparatus Download PDF

Info

Publication number
WO2023083052A1
WO2023083052A1 PCT/CN2022/128921 CN2022128921W WO2023083052A1 WO 2023083052 A1 WO2023083052 A1 WO 2023083052A1 CN 2022128921 W CN2022128921 W CN 2022128921W WO 2023083052 A1 WO2023083052 A1 WO 2023083052A1
Authority
WO
WIPO (PCT)
Prior art keywords
image
window
area
window area
control
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
Application number
PCT/CN2022/128921
Other languages
French (fr)
Chinese (zh)
Inventor
范振印
李斌飞
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Huawei Technologies Co Ltd
Original Assignee
Huawei Technologies Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Huawei Technologies Co Ltd filed Critical Huawei Technologies Co Ltd
Publication of WO2023083052A1 publication Critical patent/WO2023083052A1/en
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1454Digital output to display device ; Cooperation and interconnection of the display device with other functional units involving copying of the display data of a local workstation or window to a remote workstation or window so that an actual copy of the data is displayed simultaneously on two or more displays, e.g. teledisplay

Definitions

  • the present application relates to the field of multimedia technologies, in particular to an interaction method and device.
  • screen content sharing can be shared between a tablet running Android and a PC running Windows.
  • the operation for example, creating a window, moving the window, or closing the window, etc.
  • an input device such as a touch screen or a stylus
  • the user can operate the application on the tablet computer like other applications in the personal computer through input devices such as a keyboard and a mouse.
  • FIG. 1 shows an architecture diagram of an interactive system in the related art.
  • the interactive system includes a personal computer and a tablet computer, and the interactive system can be used to share screen content between the personal computer and the tablet computer.
  • the tablet is used as a virtual extended screen of the personal computer, and the personal computer shares and displays the local window on the tablet
  • a data transmission channel is established between the personal computer and the tablet.
  • the personal computer detects the local window by calling the application window detection interface. When a change in the local window is detected, the personal computer captures the screen, encodes the captured image and sends it to the tablet computer, and at the same time transmits each window that needs to be shared through a separate channel.
  • the tablet computer After the tablet computer receives the image, it decodes and displays it, and at the same time creates a separate floating window for each window.
  • the tablet computer can transmit the corresponding events (such as moving, closing, zooming, etc.) and coordinate position information of the user operation to the personal computer, thereby reversely controlling the windows displayed on the personal computer .
  • each window requires a separate coding transmission channel, so that the cumulative number of coding channels required by multiple windows increases continuously.
  • the tablet computer needs to create a separate floating window for each shared window, and the number of floating windows will continue to accumulate. In this way, the functions and delay performance of personal computers and tablet computers are affected, so that the usage scenarios are limited to the situation where there are few shared windows. How to improve the smoothness of device operation when sharing screen content has become an urgent problem to be solved.
  • an embodiment of the present application provides an interaction method, the method comprising: acquiring a first image and position information of a window area in the first image, wherein the first image represents a first device In the currently displayed picture, the window area represents an area shared by the first device and the second device in the first image; encoding the first image based on the position information of the window area to obtain a second image Two images, so that the transparency of the area other than the window area in the second image is greater than or equal to a preset value; sending the second image.
  • the first image representing the screen currently displayed by the first device is encoded to obtain the second image, so that the area in the second image other than the area that needs to be shared by the first device and the second device
  • the transparency is greater than or equal to the preset value, so that the window area sharing can be realized by transmitting the second image between the first device and the second device and displaying the second image on the second device, and it is not necessary to create an image for each window in the window area
  • Establishing a separate encoding channel eliminates the need to create a floating window for each window in the window area, which reduces the delay and resource occupation, thereby improving the smoothness of electronic device operation during screen content sharing and improving user experience. For a scene with a large number of windows in the window area, it can also effectively improve the smoothness of the operation of the electronic device, and expand the application scene of screen content sharing.
  • the method further includes: sending position information of the window area.
  • the first device sends the location information of the window area to the second device, which can facilitate the second device to determine the reverse control area and the self-control area, so as to determine whether the user operation is for the reverse control of the first device or Local control for a second device improves user experience.
  • the acquiring the first image and the position information of the window area in the first image includes: acquiring the first image and position information of the window area in response to a window control instruction, where the window control instruction is used to control the window area displayed on the first device.
  • the first image is reacquired, and then a new second image is obtained, which can realize updating of the second image on the second device.
  • the method further includes: acquiring the first coordinate information and the first event type in response to the first user operation , the first user operation represents a user operation performed on the window area displayed on the first device; based on the first coordinate information and the first event type, the window control instruction is generated; according to the window The control instruction controls the window area displayed on the first device.
  • the user can operate the shared window area on the first device, and in response to the user's operation, the window area changes and the second image is updated accordingly.
  • the method further includes: in response to the received counter-control message, obtaining from the counter-control message second coordinate information and a second event type, the counter-control message is generated according to a second user operation, and the second user operation represents a user operation performed on the window area displayed on the second device; performing coordinate transformation on the second coordinate information; generating the window control instruction based on the transformed second coordinate information and the second event type; and performing the window display on the first device according to the window control instruction area is controlled.
  • the user may operate the shared window area on the second device, and in response to the user's operation, the window area changes and the second image is updated accordingly.
  • the acquiring the first image and the position information of the window area in the first image includes: acquiring the first image and the window area in response to a screen content sharing operation location information.
  • the window area includes one or more windows.
  • one or more windows can be shared, which expands the application scenarios.
  • the embodiment of the present application provides an interaction method, the method includes: receiving a second image, the transparency of the area other than the window area in the second image is greater than or equal to a preset value, the window The area represents an area shared by the second device in the screen currently displayed by the first device; the second image is displayed on the second device.
  • the method further includes: receiving the location information of the window area; an anti-control area; in response to a second user operation on the anti-control area, acquiring second coordinate information and a second event type; based on the second coordinate information and the second event type, generating an anti-control message; returning the anti-control message to control the first device.
  • the method further includes: acquiring third coordinate information and The third event type, the self-control area represents the area other than the anti-control area in the screen currently displayed by the second device; based on the third coordinate information and the third event type, for the second The device is controlled.
  • the window area includes one or more windows.
  • an interaction device comprising:
  • the first acquisition module is configured to acquire a first image and position information of a window area in the first image, wherein the first image represents the screen currently displayed by the first device, and the window area represents the first In the image, the area where the first device and the second device perform shared display;
  • An encoding module configured to encode the first image acquired by the first acquisition module based on the position information of the window area acquired by the first acquisition module, to obtain a second image, so that the second image excludes the The transparency of the area outside the window area is greater than or equal to the preset value;
  • the first sending module is configured to send the second image obtained by the coding module.
  • the device further includes:
  • the second sending module is configured to send the location information of the window area.
  • the first obtaining module is also used for:
  • the device further includes:
  • a second acquiring module configured to acquire first coordinate information and a first event type in response to a first user operation, where the first user operation represents a user operation performed on the window area displayed on the first device;
  • a first generating module configured to generate the window control instruction based on the first coordinate information and the first event type
  • the first control module is configured to control the window area displayed on the first device according to the window control instruction.
  • the device further includes:
  • a third acquiring module configured to acquire second coordinate information and a second event type from the counter-control message in response to the received counter-control message, the counter-control message is generated according to a second user operation, the The second user operation represents a user operation performed on the window area displayed on the second device;
  • a transformation module configured to perform coordinate transformation on the second coordinate information
  • a second generating module configured to generate the window control instruction based on the transformed second coordinate information and the second event type
  • the second control module is configured to control the window area displayed on the first device according to the window control instruction.
  • the first obtaining module is also used for:
  • the window area includes one or more windows.
  • an interaction device comprising:
  • the first receiving module is used to receive the second image, the transparency of the area other than the window area in the second image is greater than or equal to a preset value, and the window area indicates that the screen currently displayed by the first device is compatible with the second device shared area;
  • a display module configured to display the second image received by the first receiving module on the second device.
  • the device further includes:
  • a second receiving module configured to receive position information of the window area
  • a determination module configured to determine an anti-control area in the second device according to the location information of the window area
  • a first acquiring module configured to acquire second coordinate information and a second event type in response to a second user operation on the anti-control area
  • a generating module configured to generate a counter-control message based on the second coordinate information and the second event type
  • a return module configured to return the counter-control message to control the first device.
  • the device further includes:
  • the second acquisition module is configured to acquire third coordinate information and a third event type in response to a third user operation on the self-control area, where the self-control area indicates that the anti-control area is excluded from the screen currently displayed by the second device areas other than
  • a control module configured to control the second device based on the third coordinate information and the third event type.
  • the window area includes one or more windows.
  • the embodiments of the present application provide an electronic device, which can execute one or more of the interaction methods of the above-mentioned first aspect or multiple possible implementations of the first aspect, or, execute The above-mentioned second aspect or one or more interaction methods among the multiple possible implementation manners of the second aspect.
  • an embodiment of the present application provides an electronic device, the electronic device includes a display screen for displaying images; a processor; a memory for storing instructions executable by the processor; wherein the processor is configured To implement the above-mentioned first aspect or one or more of the interaction methods in the multiple possible implementations of the first aspect when executing the instructions, or to implement the above-mentioned second aspect or multiple possible implementations of the second aspect One of several interaction methods.
  • the embodiments of the present application provide a computer-readable storage medium, on which computer program instructions are stored, and when the computer program instructions are executed by a processor, the above-mentioned first aspect or multiple possible implementations of the first aspect can be realized one or more of the interaction methods in the above-mentioned second aspect or one or more of the multiple possible implementation manners of the second aspect.
  • the embodiments of the present application provide a computer program product, including computer readable code, or a non-volatile computer readable storage medium bearing computer readable code, when the computer readable code is stored in an electronic
  • the processor in the electronic device executes one or more of the interaction methods of the above-mentioned first aspect or multiple possible implementations of the first aspect, or executes the above-mentioned second aspect or the second One or more of the various possible implementations of an aspect.
  • FIG. 1 shows an architecture diagram of an interactive system in the related art
  • FIG. 2 shows a schematic diagram of an application scenario of an interaction method provided by an embodiment of the present application
  • FIG. 3 shows a schematic diagram of the architecture of the interactive system provided by the embodiment of the present application.
  • FIG. 4 shows an interaction flowchart of an interaction method provided by an embodiment of the present application
  • Fig. 5a shows an exemplary schematic diagram of the first image of the embodiment of the present application
  • Figure 5b, Figure 5c and Figure 5d respectively show an exemplary schematic view of the window area in the embodiment of the present application
  • FIG. 6 shows an interaction flowchart of an interaction method provided by an embodiment of the present application
  • FIG. 7 shows a schematic structural diagram of an interaction device provided by an embodiment of the present application.
  • FIG. 8 shows a schematic structural diagram of an interaction device provided by an embodiment of the present application.
  • FIG. 9 shows a schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • FIG. 2 shows a schematic diagram of an application scenario of the interaction method provided by the embodiment of the present application.
  • personal computer 11, panel computer 12, mobile phone 13 and digital television 14, and outdoor large screen (not shown), projector (not shown) and other electronic devices with display screens can be screened. content sharing.
  • the electronic device of the present application may refer to a device with a wireless connection function, and the wireless connection function means that it can be connected with other electronic devices through wireless connection methods such as Wireless Fidelity (Wireless Fidelity, WiFi), Bluetooth, etc.
  • the electronic device of the present application It may also have the function of communicating by wired connection.
  • the operating system running on the electronic device of the present application includes but not limited to Android system and Windows system.
  • the electronic device of the present application can be a touch screen or a non-touch screen; the touch screen can control the electronic device by clicking and sliding on the display screen with a finger, a stylus, etc.; the non-touch screen device can be Connect the mouse, keyboard, touch panel and other input devices, and control the electronic devices through the input devices.
  • the embodiment of the present application does not limit the electronic devices for screen content sharing, nor does it limit the operating systems running on the electronic devices, nor does it limit the communication connections established between electronic devices and the types of display screens of the electronic devices.
  • electronic devices may share screen content through interaction.
  • the screen displayed on the display screen of one electronic device can be shared and displayed on one or more other electronic devices.
  • the screen displayed on the tablet computer 12 can be shared and displayed on the mobile phone 13 ; the screen displayed on the tablet computer 12 can be shared and displayed on the personal computer 11 and the mobile phone 13 at the same time.
  • an electronic device shares screen content with other electronic devices it can share all the screens displayed on the current display screen of the electronic device, or share part of the screens displayed on the current screen of the electronic device (for example, one or more windows).
  • the window may be an instant chat application window, a web page window, a video playback window, an audio playback window, an image display window, or a text display window.
  • the positions of the windows can overlap.
  • FIG. 3 shows a schematic diagram of an architecture of an interactive system provided by an embodiment of the present application.
  • the interactive system includes a first device 31 and a second device 32 .
  • the first device 31 and the second device 32 include, but are not limited to, the electronic devices shown in FIG. 2 .
  • the first device 301 may include a first negotiation module 311 , a driver module 312 , a first display module 313 , an image processing module 314 and a first transmission module 315 .
  • the second device 32 may include a second negotiation module 321 , a second display module 322 and a second transmission module 323 .
  • the first device 31 and the second device 32 perform service negotiation through a first negotiation module 311 and a second negotiation module 321 . After the negotiation is completed, the initialization of screen content sharing is completed between the first device 31 and the second device 32, and screen content sharing can be performed.
  • the user performs a screen content sharing operation on the first device 31 (for example, may click a screen content sharing button, or issue a voice instruction for screen content sharing, etc.).
  • the driver module 312 of the first device 31 may enable the virtual display driver, so that the first display module 313 enters the extended screen mode.
  • the image processing module 314 of the first device 31 may acquire the screen currently displayed by the first display module 313 as the first image, and acquire the position information of the window area used for sharing in the first image.
  • the image processing module 314 may encode the first image based on the position information of the window area to obtain the second image, so that the transparency of the area other than the window area in the second image is greater than or equal to a preset value.
  • the first device 31 may send the second image to the second transmission module 323 of the second device 32 through the first transmission module 315 . After the second transmission module 323 receives the second image, the second display module 322 can display the second image.
  • the second device 32 since the transparency of the area other than the window area in the second image is greater than or equal to the preset value, when the second device 32 displays the second image, it can achieve The effect of displaying the window area shared by the first device 31 on the previously displayed screen) realizes the sharing of screen content between the first device 31 and the second device 32 .
  • the second image In the above-mentioned screen content sharing process, only the second image needs to be transmitted between the first device 31 and the second device 32, and there is no need to establish a separate encoding channel for each window in the window area; at the same time, the second device 32 only needs to display Second image, no need to create a floating window for every window in the window area. Therefore, in the embodiment of the present application, the smoothness of the operation of the electronic device during screen content sharing is improved, and the user experience is improved.
  • the first device 31 shown in FIG. 3 may further include a window management module 316 .
  • the user can perform operations on the window area on the first device 31 or the second device 32 (for example, can close the window in the window area, move the window in the window area, change the size of the window in the window area, etc.).
  • the window management module 316 of the first device 31 may detect that the window area has changed, and at this time the image processing module 314 of the first device 31 may reacquire the picture currently displayed by the first display module 313 As the first image, and obtaining the position information of the window area used for sharing in the first image, and then obtaining a new second image, and displaying the new second image in the second display module 322 of the second device 32, The updating of the shared content displayed in the second device is realized.
  • FIG. 4 shows an interaction flowchart of an interaction method provided by an embodiment of the present application. This method can be applied to the interactive system shown in FIG. 3 . As shown in Figure 4, the method may include:
  • step S401 the first device acquires a first image and position information of a window area in the first image.
  • the first image represents the screen currently displayed by the first device
  • the window area represents the shared display area of the first device and the second device in the first image.
  • the window area may include one or more windows.
  • the window may be a window of an instant chat communication application, a browser window, a document window, a picture window, or a player window.
  • a window can be displayed full screen or not.
  • the windows can overlap, that is, any window can be covered by other windows partially or completely, and can also cover some or all of the other windows; Overlapping means that any window is neither covered by nor covered by other windows.
  • the user may select a window to be shared as required, and the first device may determine the position information of the window area according to the position information of the window selected by the user and the stacking relationship of the windows selected by the user.
  • Fig. 5a shows an exemplary schematic diagram of the first image of the embodiment of the present application.
  • three windows in total of window 1 , window 2 and window 3 are displayed in the first image.
  • Fig. 5b, Fig. 5c and Fig. 5d respectively show an exemplary schematic view of the window area in the embodiment of the present application.
  • the user selects window 1 for shared display, and at this time, the window area in step S401 is the area where window 1 is located (as shown in FIG. 5b ).
  • the user selects window 1 and window 2 for shared display.
  • the window area in step S401 is the union of the area where window 1 is located and the area where window 2 is located (as shown in FIG.
  • the user selects window 1 and window 3 for shared display.
  • the window area in step S401 is the union of the area where window 1 is located and the area where window 3 is located (as shown in FIG. 5d ). It can be understood that, the above is only an exemplary description of the window area, and is not used to limit the window area.
  • the position information of the window area may be the coordinates of each vertex of the window area.
  • the position information of the window area may be the coordinates of four vertices.
  • the position information of the window area may be the coordinates of eight points.
  • the position information of the window area may include two sets of coordinates, and each set of coordinates includes coordinates of four vertices.
  • the position information of the window area may be coordinates of vertices and lengths of sides of the window area.
  • the position information of the window area may be the coordinates, width and height of the lower left corner vertex. The above is only an example of the location information of the window area, and is not intended to limit the location information of the window area.
  • step S401 may include: the first device acquires the first image and position information of the window area in response to a window control instruction.
  • the window control instruction may be used to control the window area displayed on the first device.
  • the window control instruction can be used to implement one or more of the following control functions: move the window in the window area, close the window in the window area, remove the window in the window area, move the window to the window area Add an existing window, and create a window and add the created window to the window area.
  • the window area is shown in FIG. 5d, and the window control instruction is used to remove the left window from the window area (that is, the left window is no longer shared and displayed).
  • the first device can obtain the first image, and the location information of the window area shown in Figure 5b.
  • the window control instruction may be generated based on the first user operation.
  • the first user operation refers to a user operation performed on the window area displayed on the first device. That is to say, the first user operation is an operation performed by the user on the first device through an input device such as a mouse, a keyboard, a touch screen, or a stylus, and the first user operation is an operation performed on the window area.
  • the coordinate information corresponding to the first user operation may be referred to as first coordinate information.
  • the first coordinate information may be coordinate information of a position clicked by a mouse on the first device, coordinate information of a touched position on a touch screen of the first device, and the like.
  • the event type corresponding to the first user operation may be referred to as a first event type.
  • the first event type may include, but not limited to: one or more of creating a window, moving a window, closing a window, removing a shared window, adding a shared window, and the like.
  • the first device acquires the first coordinate information and the first event type in response to the first user operation; generates the window control instruction based on the first coordinate information and the first event type; according to The window control instruction controls the window area displayed on the first device.
  • the first device may control the window area displayed on the first device according to the first coordinate information and the first event type corresponding to the window control instruction. For example, the position indicated by the first coordinate information is on the close button of window 1 displayed by the first device, and the first event type is to close the window, and the first device may, according to the first coordinate information and the first event type, Window 1 in the window area displayed on a device is closed.
  • the window control instruction may be generated based on the second user operation.
  • the second user operation refers to a user operation performed on the window area displayed on the second device. That is to say, the second user operation is an operation performed by the user on the second device through an input device such as a mouse, a keyboard, a touch screen, or a stylus, and the second user operation is an operation performed on the window area.
  • the coordinate information corresponding to the second user operation may be referred to as second coordinate information.
  • the second coordinate information may be the coordinate information of the position clicked by the mouse on the second device, the coordinate information of the touched position on the touch screen of the second device, and the like.
  • the event type corresponding to the second user operation may be referred to as a second event type.
  • the second event type may include, but is not limited to, one or more of moving a window, closing a window, moving out of a shared window, and the like.
  • the second device may generate a counter-control message based on the second coordinate information and the second event type, and send the counter-control message to the first device.
  • the first device obtains the second coordinate information and the second event type from the counter-control message in response to the received counter-control message, and the counter-control message is generated according to the second user operation ; performing coordinate transformation on the second coordinate information; generating the window control instruction based on the transformed second coordinate information and the second event type; according to the window control instruction, displaying on the first device window area to control.
  • the first device may control the window area displayed on the first device according to the converted second coordinate information and the second event type corresponding to the window control instruction.
  • the position indicated by the second coordinate information is on the close button of window 1 displayed by the second device, and the second event type is closing the window, and the first device according to the converted second coordinate information and the second event type, Window 1 in the window area displayed on the first device may be closed.
  • the size and/or resolution of the display screen of the first device and the display screen of the second device may be different, therefore, the first device needs to transform the second coordinate information before performing control.
  • no limitation is imposed on the transformation method of the second coordinate information.
  • the first device may acquire the first image and the position information of the window area in response to the window control instruction generated based on the first user operation or the window control instruction generated based on the second user operation, and then may perform the steps From S402 to step S405, update the window area shared and displayed on the second device.
  • step S401 may include: the first device acquires the first image and position information of the window area in response to a screen content sharing operation.
  • the screen content sharing operation may be used to share and display one or more windows displayed on the first device.
  • the user can trigger (for example, single-click, double-click, etc.)
  • the selected window is dragged out of the display screen, etc. to perform screen content sharing operations.
  • the first device detects the screen content sharing operation, which indicates that the user wants to perform window sharing display. Therefore, the first device can obtain the first image and the position information of the window area in response to the screen content sharing operation, and then execute steps S402 to Step S405, sharing the display window area on the second device.
  • Step S402 the first device encodes the first image based on the position information of the window area to obtain the second image, so that the transparency of the area in the second image except the window area is greater than or equal to a preset value.
  • the preset value can be set as required. Taking 0 as completely opaque and 100% as completely transparent as an example, the preset value can be set to 90%, 95% or 100%. It can be understood that the larger the preset value, the more blurred the non-window area (ie, the area other than the window area) in the second image (ie, the less likely to be seen by the user), and the area covered by the non-window area in the second image The clearer the picture (that is, the easier it is for the user to see).
  • the default value is set to 100%
  • the area in the second image other than the window area is not displayed at all, and the user will not see the non-window area in the second image, which is covered by the non-window area in the second image
  • the screen can be displayed normally (that is, for a screen, when the screen is covered by the non-window area in the second image and when the screen is not covered by the non-window area in the second image, the user sees the same effect).
  • the default value is set to 0, the area other than the window area in the second window is normally displayed, and the user can clearly see the area other than the window area in the second image, and the user will not see the area that is included in the second image.
  • the transparency of the area other than the window area in the second image is greater than or equal to the preset value, it means that the user cannot see or clearly see the area other than the window area in the second image.
  • the user can see more clearly to see the frame covered by the area in the second image other than the window area.
  • the first device sends the second image to the second device for display
  • the shared display of the window area on the first device and the second device can be realized, and the non-window area in the second image can be avoided from being displayed on the second device.
  • the leakage of information caused by clear display improves the privacy security of the first device and the flexibility of sharing content.
  • the shared display of the window area can be realized by transmitting the second image between the first device and the second device, without creating a separate encoding channel for each window, and without the need for the second device to create a separate floating window for each window, reducing the It reduces the sharing delay, saves resources, improves the smooth operation of electronic devices when sharing screen content, and improves the user experience.
  • the window area includes many windows, the improvement effect is more obvious, expanding the application scene, making The application scenario is no longer limited to the situation where there are few shared windows.
  • the first device may encode the first image in an ARGB encoding manner to obtain the second image.
  • A represents the Alpha channel, which is used to indicate transparency
  • R represents the Red channel, which is used to indicate red
  • G represents the Green channel, which is used to indicate green
  • B represents the Blue channel, which is used to indicate blue.
  • the value of the Alpha channel of the non-window area in the first image can be set to a specified value, and the RGB channel (including the Red channel, the Green channel and the Blue channel) is normally encoded;
  • the alpha channel and RGB channel of the window area in the first image are encoded normally.
  • the value of the Alpha channel represents non-transparency.
  • the value of the Alpha channel When the value of the Alpha channel is 0, it is completely transparent. When the value of the Alpha channel is 100%, it is completely opaque. The value of the Alpha channel is between 0 and 100%. Between means semi-transparent. In the embodiment of the present application, the value of the Alpha channel can be set to a value smaller than (100%-preset value), so that the transparency of the non-window area in the second image can be greater than or equal to the preset value.
  • Step S403 the first device sends the second image to the second device.
  • Step S404 the second device receives the second image.
  • Step S405 the second device displays the second image.
  • the first image representing the screen currently displayed by the first device is encoded to obtain the second image, so that the area in the second image other than the area that needs to be shared by the first device and the second device
  • the transparency is greater than or equal to the preset value, so that the window area sharing can be realized by transmitting the second image between the first device and the second device and displaying the second image on the second device, and it is not necessary to create an image for each window in the window area
  • Establishing a separate encoding channel eliminates the need to create a floating window for each window in the window area, which reduces the delay and resource occupation, thereby improving the smoothness of electronic device operation during screen content sharing and improving user experience. For a scene with a large number of windows in the window area, it can also effectively improve the smoothness of the operation of the electronic device, and expand the application scene of screen content sharing.
  • FIG. 6 shows an interaction flowchart of an interaction method provided by an embodiment of the present application. This method can be applied to the interactive system shown in FIG. 3 . As shown in Figure 6, the method may include:
  • step S501 the first device acquires a first image and position information of a window area in the first image.
  • step S401 For this step, reference may be made to step S401, which will not be repeated here.
  • step S502 the first device encodes the first image based on the position information of the window area to obtain a second image, so that the transparency of areas other than the window area in the second image is greater than or equal to a preset value.
  • step S402 For this step, reference may be made to step S402, which will not be repeated here.
  • Step S503 the first device sends the second image and the location information of the window area to the second device.
  • the first device may first send the second image to the second device, and then send the location information of the window area to the second device; or send the location information of the window area to the second device first, and then send the location information of the window area to the second device Sending the second image; it is also possible to send the second image and the location information of the window area to the second device at the same time.
  • Step S504 the second device receives the second image and the location information of the window area.
  • Step S505 the second device displays the second image.
  • Step S506 the second device determines the anti-control area according to the location information of the window area.
  • the second device may first transform the position information of the window area, and then determine the anti-control area according to the transformed position information of the window area.
  • the area indicated by the position information of the converted window area in the screen displayed by the second device is the anti-control area, and the areas other than the anti-control area may be called self-control areas.
  • the anti-control area refers to an area where reverse control is performed on the first device.
  • the self-controlled area means an area that directly controls the second device itself.
  • the user operation received by the second device when the user operation received by the second device is in the anti-control area, it indicates that the user wants to operate the window of the first device and needs to control the first device; the user operation received by the second device is processed In the self-control area, it indicates that the user wants to operate the local window and needs to control the second device.
  • the user operation in the anti-control area can be recorded as the second user operation, and the user operation in the self-control area can be recorded as the third user operation .
  • the second device can determine whether the user operation is in the anti-control area or the self-control area according to the coordinate information corresponding to the user operation, the position information of the anti-control area, and the position information of the self-control area, that is, determine whether the user operation is for the second part of the anti-control area.
  • the user operation is also a third user operation directed at the self-control area. If the user operation is a second user operation, step S507 to step S514 may be performed; if the user operation is a third user operation, step S515 may be performed.
  • step S507 the second device acquires second coordinate information and a second event type in response to a second user operation on the anti-control area.
  • the second coordinate information indicates the coordinate information corresponding to the second user operation
  • the second event type indicates the event type corresponding to the second user operation. Refer to step S401 for the second coordinate information and the second event type, which will not be repeated here.
  • step S508 the second device generates a counter-control message based on the second coordinate information and the second event type.
  • step S401 For the anti-control message, refer to step S401, which will not be repeated here.
  • step S509 the second device returns a counter-control message to the first device.
  • step S510 the first device acquires second coordinate information and a second event type from the counter-control message in response to the received counter-control message.
  • step S511 the first device performs coordinate transformation on the second coordinate information.
  • step S512 the first device generates a window control instruction based on the converted second coordinate information and the second event type.
  • the window control instruction may be used to control the windows in the first device.
  • step S513 the first device controls the displayed window area according to the window control instruction.
  • the first device may control the window area displayed on the first device according to the converted second coordinate information and the second event type corresponding to the window control instruction.
  • the position indicated by the second coordinate information is on the close button of window 1 displayed by the second device, and the second event type is closing the window, and the first device according to the converted second coordinate information and the second event type, Window 1 in the window area displayed on the first device may be closed.
  • step S514 the first device executes step S501 in response to the window control instruction.
  • the first device controls the displayed window area according to the window control instruction, for example, the windows in the window area are moved, the windows in the window area are closed, and one or more windows are moved out of the window area. It can be seen that the window area in the first device has changed, and the displayed picture has also changed. Therefore, the first device can reacquire the first image and the position of the window area in the first image in response to the window control command. Information, encoding the first image based on the position information of the window area to obtain a new second image, and then sending the new second image and the position information of the new window area to the second device. The second device displays the new second image, realizing the update of the shared display window area. The second device can determine a new anti-control area and self-control area according to the position information of the new window area, and realize the update of the anti-control area and the self-control area, so that the user operation is more accurate.
  • step S515 the second device acquires third coordinate information and a third event type in response to a third user operation on the self-control area, and controls the second device based on the third coordinate information and the third event type.
  • the second device can control the local window, so that the use and operation of the second device itself will not be affected when the shared display is performed, thereby improving user experience.
  • the second device may directly inject the third coordinate information and the third event type into the second device by using a virtual driver technology, so as not to affect the operation and experience of the application on the second device itself.
  • the anti-control area and the self-control area in the second device are determined, and the first device is reversely controlled or the second device is controlled according to whether the user operation is in the anti-control area or the self-control area.
  • the device performs local control. In this way, the effect of the second device counter-controlling the window area of the first device is realized without affecting the operation of the application of the second device itself, thereby improving user experience.
  • FIG. 7 shows a schematic structural diagram of an interaction device provided by an embodiment of the present application. This device can be applied to the first device 31 shown in FIG. 3 .
  • the apparatus 70 may include: a first acquiring module 71, configured to acquire a first image and position information of a window area in the first image, wherein the first image indicates that the first device currently displays , the window area represents the shared display area of the first device and the second device in the first image; the encoding module 72 is configured to obtain the position information of the window area based on the first obtaining module 71 Encoding the first image acquired by the first acquisition module 71 to obtain a second image, so that the transparency of the area other than the window area in the second image is greater than or equal to a preset value; the first sending module 73, configured to send the second image obtained by the encoding module.
  • the first image representing the screen currently displayed by the first device is encoded to obtain the second image, so that the area in the second image other than the area that needs to be shared by the first device and the second device
  • the transparency is greater than or equal to the preset value, so that the window area sharing can be realized by transmitting the second image between the first device and the second device and displaying the second image on the second device, and it is not necessary to create an image for each window in the window area
  • Establishing a separate encoding channel eliminates the need to create a floating window for each window in the window area, which reduces the delay and resource occupation, thereby improving the smoothness of electronic device operation during screen content sharing and improving user experience. For a scene with a large number of windows in the window area, it can also effectively improve the smoothness of the operation of the electronic device, and expand the application scene of screen content sharing.
  • the device further includes: a second sending module, configured to send the location information of the window area.
  • the first acquiring module is further configured to: acquire the first image and the position information of the window area in response to a window control instruction, and the window control instruction is used to control the window area displayed on the first device.
  • the device further includes: a second acquiring module, configured to acquire first coordinate information and a first event type in response to a first user operation, where the first user operation indicates that the A user operation performed on the window area displayed on the first device; a first generation module, configured to generate the window control instruction based on the first coordinate information and the first event type; a first control module, configured to follow The window control instruction controls the window area displayed on the first device.
  • a second acquiring module configured to acquire first coordinate information and a first event type in response to a first user operation, where the first user operation indicates that the A user operation performed on the window area displayed on the first device
  • a first generation module configured to generate the window control instruction based on the first coordinate information and the first event type
  • a first control module configured to follow The window control instruction controls the window area displayed on the first device.
  • the device further includes: a third acquiring module, configured to acquire the second coordinate information and the second event type from the counter-control message in response to the received counter-control message, the The anti-control message is generated according to a second user operation, and the second user operation represents a user operation performed on the window area displayed on the second device; a transformation module is configured to convert the second coordinate information Coordinate transformation; a second generating module, configured to generate the window control instruction based on the transformed second coordinate information and the second event type; a second control module, configured to generate the window control instruction according to the window control instruction control the window area displayed on the first device.
  • a third acquiring module configured to acquire the second coordinate information and the second event type from the counter-control message in response to the received counter-control message, the The anti-control message is generated according to a second user operation, and the second user operation represents a user operation performed on the window area displayed on the second device
  • a transformation module is configured to convert the second coordinate information Coordinate transformation
  • a second generating module configured to generate the window control instruction
  • the first acquiring module is further configured to: acquire the first image and position information of the window area in response to a screen content sharing operation.
  • the window area includes one or more windows.
  • FIG. 8 shows a schematic structural diagram of an interaction device provided by an embodiment of the present application. This arrangement can be applied to the second device 32 shown in FIG. 3 . As shown in Figure 8, the device 80 may include:
  • the first receiving module 81 is configured to receive the second image, the transparency of the area other than the window area in the second image is greater than or equal to a preset value, and the window area indicates that the screen currently displayed by the first device is different from the second image. Areas where devices are shared;
  • the display module 82 is configured to display the second image received by the first receiving module 81 on the second device.
  • the second device displays the second image, wherein the transparency of the area in the second image other than the shared display area between the first device and the second device is greater than or equal to a preset value, so that the first device Sharing the window area can be realized by transmitting the second image with the second device and displaying the second image on the second device.
  • the window creates a floating window, which reduces the delay and resource occupation, thereby improving the smoothness of the operation of the electronic device when the screen content is shared, and improving the user experience. For a scene with a large number of windows in the window area, it can also effectively improve the smoothness of the operation of the electronic device, and expand the application scene of screen content sharing.
  • the device further includes: a second receiving module, configured to receive the location information of the window area; a determining module, configured to determine the second location information according to the location information of the window area.
  • An anti-control area in the device a first acquisition module, configured to acquire second coordinate information and a second event type in response to a second user operation on the anti-control area; a generation module, configured to obtain information based on the second coordinates information and the second event type, to generate a counter-control message; a return module, configured to return the counter-control message to control the first device.
  • the device further includes: a second acquiring module, configured to acquire third coordinate information and a third event type in response to a third user operation on a self-control area, where the self-control area represents the An area other than the anti-control area in the screen currently displayed by the second device; a control module configured to control the second device based on the third coordinate information and the third event type.
  • the window area includes one or more windows.
  • FIG. 9 shows a schematic structural diagram of an electronic device provided by an embodiment of the present application. Taking the electronic device as a mobile phone as an example, FIG. 9 shows a schematic structural diagram of a mobile phone 200 .
  • the mobile phone 200 may include a processor 210, an external memory interface 220, an internal memory 221, a USB interface 230, a charging management module 240, a power management module 241, a battery 242, an antenna 1, an antenna 2, a mobile communication module 251, a wireless communication module 252, Audio module 270, speaker 270A, receiver 270B, microphone 270C, headphone jack 270D, sensor module 280, button 290, motor 291, indicator 292, camera 293, display screen 294, and SIM card interface 295, etc.
  • a processor 210 an external memory interface 220, an internal memory 221, a USB interface 230, a charging management module 240, a power management module 241, a battery 242, an antenna 1, an antenna 2, a mobile communication module 251, a wireless communication module 252, Audio module 270, speaker 270A, receiver 270B, microphone 270C, headphone jack 270D, sensor module 280, button 290, motor 291, indicator 292, camera 293, display screen 294, and SIM card interface 295, etc
  • the sensor module 280 may include a gyroscope sensor, an acceleration sensor, a proximity light sensor, a fingerprint sensor, a touch sensor, a temperature sensor, a pressure sensor, a distance sensor, a magnetic sensor, an ambient light sensor, an air pressure sensor, a bone conduction sensor, etc. (not shown in the figure) Shows).
  • the structure shown in the embodiment of the present application does not constitute a specific limitation on the mobile phone 200 .
  • the mobile phone 200 may include more or fewer components than shown in the figure, or combine certain components, or separate certain components, or arrange different components.
  • the illustrated components can be realized in hardware, software or a combination of software and hardware.
  • the processor 210 may include one or more processing units, for example: the processor 210 may include an application processor (application processor, AP), a modem processor, a graphics processing unit (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural network processor (Neural-network Processing Unit, NPU) wait. Wherein, different processing units may be independent devices, or may be integrated in one or more processors. Wherein, the controller may be the nerve center and command center of the mobile phone 200 . The controller can generate an operation control signal according to the instruction opcode and timing signal, and complete the control of fetching and executing the instruction.
  • a memory may also be provided in the processor 210 for storing instructions and data.
  • the memory in processor 210 is a cache memory.
  • the memory may hold instructions or data that the processor 210 has just used or recycled. If the processor 210 needs to use the instruction or data again, it can be called directly from the memory. Repeated access is avoided, and the waiting time of the processor 210 is reduced, thereby improving the efficiency of the system.
  • the processor 210 may run the method provided by the embodiment of the present application, so as to improve the fluency of the mobile phone 200 when sharing screen content.
  • the processor 210 may include different devices. For example, when a CPU and a GPU are integrated, the CPU and the GPU may cooperate to execute the message processing method provided in the embodiment of the present application. For example, in the message processing method, part of the algorithm is executed by the CPU, and another part of the algorithm is executed by the GPU. for faster processing efficiency.
  • the display screen 294 is used to display images, videos and the like.
  • Display 294 includes a display panel.
  • the display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active matrix organic light emitting diode or an active matrix organic light emitting diode (active-matrix organic light emitting diode, AMOLED), flexible light-emitting diode (flex light-emitting diode, FLED), Miniled, MicroLed, Micro-oLed, quantum dot light emitting diodes (quantum dot light emitting diodes, QLED), etc.
  • the mobile phone 200 may include 1 or N display screens 294, where N is a positive integer greater than 1.
  • the display screen 294 can be used to display information input by the user or information provided to the user and various graphical user interfaces (graphical user interface, GUI).
  • GUI graphical user interface
  • the display 294 can display photos, videos, web pages, or files, and the like.
  • display 294 may display a graphical user interface.
  • the GUI includes a status bar, a hideable navigation bar, time and weather widgets (widgets), and application icons, such as browser icons.
  • the status bar includes the operator name (such as China Mobile), mobile network (such as 4G), time and remaining power.
  • the navigation bar includes a back key icon, a main screen (home) key icon and a forward key icon.
  • the status bar may also include a Bluetooth icon, a Wi-Fi icon, an external device icon, and the like.
  • the graphical user interface may further include a Dock bar, and the Dock bar may include commonly used application icons and the like.
  • the display screen 294 may be an integral flexible display screen, or a spliced display screen composed of two rigid screens and a flexible screen between the two rigid screens.
  • the mobile phone 200 can establish a connection with other electronic devices through the antenna 1, the antenna 2 or the USB interface, and transmit data and control the display screen 294 according to the method provided by the embodiment of the present application.
  • the corresponding GUI is displayed.
  • data such as the second image, position information of the window area, anti-control message, etc. may be transmitted, and the display screen 294 may be controlled to display the first image or the second image.
  • a camera 293 (either a front camera or a rear camera, or a camera that can function as both a front camera and a rear camera) is used to capture still images or video.
  • the camera 293 may include a photosensitive element such as a lens group and an image sensor, wherein the lens group includes a plurality of lenses (convex lens or concave lens), which are used to collect light signals reflected by objects to be photographed, and transmit the collected light signals to the image sensor .
  • the image sensor generates an original image of the object to be photographed according to the light signal.
  • the internal memory 221 may be used to store computer-executable program codes including instructions.
  • the processor 210 executes various functional applications and data processing of the mobile phone 200 by executing instructions stored in the internal memory 221 .
  • the internal memory 221 may include an area for storing programs and an area for storing data.
  • the stored program area can store codes of operating systems and application programs (such as camera applications, WeChat applications, etc.).
  • the data storage area can store data created during the use of the mobile phone 200 (such as images and videos collected by a camera application, etc.).
  • the internal memory 221 may also store one or more computer programs 1310 corresponding to the message processing method provided in the embodiment of the present application.
  • the one or more computer programs 1304 are stored in the aforementioned memory 221 and are configured to be executed by the one or more processors 210 , the one or more computer programs 1310 comprising instructions.
  • the internal memory 221 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, flash memory device, universal flash storage (universal flash storage, UFS) and the like.
  • a non-volatile memory such as at least one magnetic disk storage device, flash memory device, universal flash storage (universal flash storage, UFS) and the like.
  • the code of the interaction method provided in the embodiment of the present application may also be stored in an external memory.
  • the processor 210 may run the code of the interaction method stored in the external memory through the external memory interface 220 .
  • the touch sensor 280K also known as "touch panel”.
  • the touch sensor 280K can be arranged on the display screen 294, and the touch sensor 280K and the display screen 294 form a touch screen, also called “touch screen”.
  • the touch sensor 280K is used to detect a touch operation on or near it.
  • the touch sensor can pass the detected touch operation to the application processor to determine the type of touch event.
  • Visual output related to touch operations can be provided through the display screen 294 .
  • the touch sensor 280K may also be disposed on the surface of the mobile phone 200 , which is different from the position of the display screen 294 .
  • the display screen 294 of the mobile phone 200 displays a main interface, which includes icons of multiple applications (such as camera applications, WeChat applications, etc.).
  • the display screen 294 displays an interface of the camera application, such as a viewfinder interface.
  • the wireless communication function of the mobile phone 200 can be realized by the antenna 1, the antenna 2, the mobile communication module 251, the wireless communication module 252, the modem processor and the baseband processor.
  • Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals.
  • Each antenna in handset 200 can be used to cover single or multiple communication frequency bands. Different antennas can also be multiplexed to improve the utilization of the antennas.
  • Antenna 1 can be multiplexed as a diversity antenna of a wireless local area network.
  • the antenna may be used in conjunction with a tuning switch.
  • the mobile communication module 251 can provide wireless communication solutions including 2G/3G/4G/5G applied on the mobile phone 200 .
  • the mobile communication module 251 may include at least one filter, switch, power amplifier, low noise amplifier (low noise amplifier, LNA) and the like.
  • the mobile communication module 251 can receive electromagnetic waves through the antenna 1, filter and amplify the received electromagnetic waves, and send them to the modem processor for demodulation.
  • the mobile communication module 251 can also amplify the signal modulated by the modem processor, convert it into electromagnetic waves and radiate it through the antenna 1 .
  • at least part of the functional modules of the mobile communication module 251 may be set in the processor 210 .
  • the mobile communication module 251 and at least part of the modules of the processor 210 may be set in the same device.
  • the mobile communication module 251 may also be used for information interaction with other electronic devices. For example, send the second image and the position information of the window area to the second device, receive the counter-control message sent by the second device, or receive the second image and the position information of the window area sent by the first device, and send the Counter-control news.
  • a modem processor may include a modulator and a demodulator.
  • the modulator is used for modulating the low-frequency baseband signal to be transmitted into a medium-high frequency signal.
  • the demodulator is used to demodulate the received electromagnetic wave signal into a low frequency baseband signal. Then the demodulator sends the demodulated low-frequency baseband signal to the baseband processor for processing.
  • the low-frequency baseband signal is passed to the application processor after being processed by the baseband processor.
  • the application processor outputs sound signals through audio equipment (not limited to speaker 270A, receiver 270B, etc.), or displays images or videos through display screen 294 .
  • the modem processor may be a stand-alone device.
  • the modem processor may be independent of the processor 210, and be set in the same device as the mobile communication module 251 or other functional modules.
  • the wireless communication module 252 can provide wireless local area networks (wireless local area networks, WLAN) (such as wireless fidelity (Wireless Fidelity, Wi-Fi) network), bluetooth (bluetooth, BT), global navigation satellite system, etc. applied on the mobile phone 200. (global navigation satellite system, GNSS), frequency modulation (frequency modulation, FM), near field communication technology (near field communication, NFC), infrared technology (infrared, IR) and other wireless communication solutions.
  • the wireless communication module 252 may be one or more devices integrating at least one communication processing module.
  • the wireless communication module 252 receives electromagnetic waves via the antenna 2 , frequency-modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 210 .
  • the wireless communication module 252 can also receive the signal to be transmitted from the processor 210 , frequency-modulate it, amplify it, and convert it into electromagnetic waves through the antenna 2 for radiation.
  • the wireless communication module 252 is used to transmit data between other electronic devices under the control of the processor 210.
  • the processor 210 runs the message processing method provided in the embodiment of the present application
  • the processor can control
  • the wireless communication module 252 sends data such as the second image to the second device.
  • the mobile phone 200 can realize the audio function through the audio module 270, the speaker 270A, the receiver 270B, the microphone 270C, the earphone interface 270D, and the application processor. Such as music playback, recording, etc.
  • the mobile phone 200 can receive the input of the key 290 and generate key signal input related to the user setting and function control of the mobile phone 200 .
  • the mobile phone 200 can use the motor 291 to generate a vibration prompt (such as a vibration prompt for an incoming call).
  • the indicator 292 in the mobile phone 200 can be an indicator light, which can be used to indicate charging status, power change, and can also be used to indicate messages, missed calls, notifications and the like.
  • the SIM card interface 295 in the mobile phone 200 is used for connecting a SIM card. The SIM card can be inserted into the SIM card interface 295 or pulled out from the SIM card interface 295 to realize contact and separation with the mobile phone 200 .
  • the mobile phone 200 may include more or fewer components than those shown in FIG. 4 , which is not limited in this embodiment of the present application.
  • the illustrated handset 200 is only one example, and the handset 200 may have more or fewer components than shown, may combine two or more components, or may have a different configuration of components.
  • the various components shown in the figures may be implemented in hardware, software, or a combination of hardware and software including one or more signal processing and/or application specific integrated circuits.
  • An embodiment of the present application provides an electronic device, including: a display screen for displaying a picture, a processor, and a memory for storing instructions executable by the processor; wherein the processor is configured to execute the instructions Implement the above method.
  • An embodiment of the present application provides a computer-readable storage medium, on which computer program instructions are stored, and the above method is implemented when the computer program instructions are executed by a processor.
  • An embodiment of the present application provides a computer program product, including computer-readable codes, or a non-volatile computer-readable storage medium bearing computer-readable codes, when the computer-readable codes are stored in a processor of an electronic device When running in the electronic device, the processor in the electronic device executes the above method.
  • a computer readable storage medium may be a tangible device that can retain and store instructions for use by an instruction execution device.
  • a computer readable storage medium may be, for example, but is not limited to, an electrical storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination of the foregoing.
  • Non-exhaustive list of computer-readable storage media include: portable computer disk, hard disk, random access memory (Random Access Memory, RAM), read only memory (Read Only Memory, ROM), erasable Electrically Programmable Read-Only-Memory (EPROM or flash memory), Static Random-Access Memory (Static Random-Access Memory, SRAM), Portable Compression Disk Read-Only Memory (Compact Disc Read-Only Memory, CD -ROM), Digital Video Disc (DVD), memory sticks, floppy disks, mechanically encoded devices such as punched cards or raised structures in grooves with instructions stored thereon, and any suitable combination of the foregoing .
  • RAM Random Access Memory
  • ROM read only memory
  • EPROM or flash memory erasable Electrically Programmable Read-Only-Memory
  • Static Random-Access Memory SRAM
  • Portable Compression Disk Read-Only Memory Compact Disc Read-Only Memory
  • CD -ROM Compact Disc Read-Only Memory
  • DVD Digital Video Disc
  • Computer readable program instructions or codes described herein may be downloaded from a computer readable storage medium to a respective computing/processing device, or downloaded to an external computer or external storage device over a network, such as the Internet, local area network, wide area network, and/or wireless network.
  • the network may include copper transmission cables, fiber optic transmission, wireless transmission, routers, firewalls, switches, gateway computers, and/or edge servers.
  • a network adapter card or a network interface in each computing/processing device receives computer-readable program instructions from the network and forwards the computer-readable program instructions for storage in a computer-readable storage medium in each computing/processing device .
  • Computer program instructions for performing the operations of the present application may be assembly instructions, instruction set architecture (Instruction Set Architecture, ISA) instructions, machine instructions, machine-related instructions, microcode, firmware instructions, state setting data, or in one or more source or object code written in any combination of programming languages, including object-oriented programming languages—such as Smalltalk, C++, etc., and conventional procedural programming languages—such as the “C” language or similar programming languages.
  • Computer readable program instructions may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server implement.
  • the remote computer can be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or it can be connected to an external computer such as use an Internet service provider to connect via the Internet).
  • electronic circuits such as programmable logic circuits, field-programmable gate arrays (Field-Programmable Gate Array, FPGA) or programmable logic arrays (Programmable Logic Array, PLA), the electronic circuit can execute computer-readable program instructions, thereby realizing various aspects of the present application.
  • These computer-readable program instructions may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine such that when executed by the processor of the computer or other programmable data processing apparatus , producing an apparatus for realizing the functions/actions specified in one or more blocks in the flowchart and/or block diagram.
  • These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause computers, programmable data processing devices and/or other devices to work in a specific way, so that the computer-readable medium storing instructions includes An article of manufacture comprising instructions for implementing various aspects of the functions/acts specified in one or more blocks in flowcharts and/or block diagrams.
  • each block in a flowchart or block diagram may represent a module, a portion of a program segment, or an instruction that includes one or more Executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved.
  • each block in the block diagrams and/or flowcharts, and combinations of blocks in the block diagrams and/or flowcharts can be implemented with hardware (such as circuits or ASIC (Application Specific Integrated Circuit, application-specific integrated circuit)), or it can be realized by a combination of hardware and software, such as firmware.
  • hardware such as circuits or ASIC (Application Specific Integrated Circuit, application-specific integrated circuit)
  • firmware such as firmware

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The present application relates to an interaction method and apparatus. The method comprises: a first device acquiring a first image and position information of a window area in the first image, wherein the first image represents a picture that the first device currently displays, and the window area represents an area in the first image where the first device performs shared display with a second device; the first device encoding the first image on the basis of the position information of the window area, so as to obtain a second image, such that the transparency of areas, other than the window area, in the second image is greater than or equal to a preset value; the first device sending the second image to the second device; and the second device receiving and displaying the second image. By means of the interaction method and apparatus provided in the embodiments of the present application, the smoothness of running of an electronic device during screen content sharing can be improved, thereby improving the user experience.

Description

一种交互方法及装置An interactive method and device

本申请要求于2021年11月15日提交中国专利局、申请号为202111349438.7、申请名称为“一种交互方法及装置”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。This application claims the priority of a Chinese patent application with application number 202111349438.7 and application title "An Interaction Method and Device" filed with the China Patent Office on November 15, 2021, the entire contents of which are incorporated herein by reference.

技术领域technical field

本申请涉及多媒体技术领域,尤其涉及一种交互方法及装置。The present application relates to the field of multimedia technologies, in particular to an interaction method and device.

背景技术Background technique

当用户在一台电子设备的显示屏上浏览到精彩的内容时,可能希望将该内容分享到其他电子设备进行显示,这就是屏幕内容共享。进行屏幕内容共享的电子设备运行的系统可以相同也可以不同。举例来说,运行安卓系统的平板电脑和运行Windows系统的个人计算机之间可以进行屏幕内容共享。在将平板电脑的屏幕内容在个人计算机上进行共享显示时,用户通过触摸屏、手写笔等输入设备在平板电脑上对共享内容进行的操作(例如,创建窗口、移动窗口或者关闭窗口等)可以在个人计算机上显示出来,同时,用户可以通过键盘、鼠标等输入设备像操作个人计算机中其他应用一样操作平板电脑的应用。When a user browses wonderful content on the display screen of an electronic device, he may wish to share the content to other electronic devices for display, which is screen content sharing. The systems run by the electronic devices for screen content sharing may be the same or different. For example, screen content can be shared between a tablet running Android and a PC running Windows. When the screen content of the tablet computer is shared and displayed on the personal computer, the operation (for example, creating a window, moving the window, or closing the window, etc.) performed by the user on the tablet computer through an input device such as a touch screen or a stylus can be performed on the computer. At the same time, the user can operate the application on the tablet computer like other applications in the personal computer through input devices such as a keyboard and a mouse.

图1示出相关技术中交互系统架构图。如图1所示,该交互系统包括个人计算机和平板电脑,该交互系统可以用于实现个人计算机和平板电脑之间的屏幕内容共享。在平板电脑作为个人计算机的虚拟扩展屏、个人计算机将本地窗口在平板电脑上进行共享显示的场景下,个人计算机与平板电脑之间建立数据传输通道。个人计算机通过调用应用窗口检测接口检测本地窗口。在检测到本地窗口发生变化时,个人计算机进行抓屏,将抓屏获得的图像进行编码后发送至平板电脑,同时对每个需要进行共享的窗口进行单独通道传输。平板电脑接收到图像后,进行解码和显示,同时为每个窗口创建单独的悬浮窗。用户在平板电脑上的悬浮窗进行操作时,平板电脑可以将用户操作对应的事件(例如,移动、关闭、缩放等)和坐标位置信息传递给个人计算机,从而反向控制个人计算机中显示的窗口。FIG. 1 shows an architecture diagram of an interactive system in the related art. As shown in FIG. 1 , the interactive system includes a personal computer and a tablet computer, and the interactive system can be used to share screen content between the personal computer and the tablet computer. In the scenario where the tablet is used as a virtual extended screen of the personal computer, and the personal computer shares and displays the local window on the tablet, a data transmission channel is established between the personal computer and the tablet. The personal computer detects the local window by calling the application window detection interface. When a change in the local window is detected, the personal computer captures the screen, encodes the captured image and sends it to the tablet computer, and at the same time transmits each window that needs to be shared through a separate channel. After the tablet computer receives the image, it decodes and displays it, and at the same time creates a separate floating window for each window. When the user operates the floating window on the tablet computer, the tablet computer can transmit the corresponding events (such as moving, closing, zooming, etc.) and coordinate position information of the user operation to the personal computer, thereby reversely controlling the windows displayed on the personal computer .

在相关技术中,每个窗口需要单独的编码传输通道,如此一来,多个窗口需要的编码通道累计不断增加。另外,平板电脑针对每个共享窗口需要创建单独的悬浮窗,悬浮窗的数量也会不断累计。如此,对个人计算机和平板电脑的功能和时延等性能都造成了影响,使得使用场景局限于共享窗口较少的情况。如何提高屏幕内容共享时设备运行流畅性成为亟待解决的问题。In the related art, each window requires a separate coding transmission channel, so that the cumulative number of coding channels required by multiple windows increases continuously. In addition, the tablet computer needs to create a separate floating window for each shared window, and the number of floating windows will continue to accumulate. In this way, the functions and delay performance of personal computers and tablet computers are affected, so that the usage scenarios are limited to the situation where there are few shared windows. How to improve the smoothness of device operation when sharing screen content has become an urgent problem to be solved.

发明内容Contents of the invention

有鉴于此,提出了一种交互方法及装置,能够提高屏幕内容共享时电子设备运行流畅性。In view of this, an interaction method and device are proposed, which can improve the running fluency of electronic equipment when screen content is shared.

第一方面,本申请的实施例提供了一种交互方法,所述方法包括:获取第一图像,以及所述第一图像中窗口区域的位置信息,其中,所述第一图像表示第一设备当前显示的画面,所述窗口区域表示所述第一图像中所述第一设备与第二设备进行共享显示的区域;基于所述窗口区域的位置信息对所述第一图像进行编码,得到第二图像,以使所述第二图像中除所述窗口区域以外的区域的透明度大于或者等于预设值;发送所述第二图像。In a first aspect, an embodiment of the present application provides an interaction method, the method comprising: acquiring a first image and position information of a window area in the first image, wherein the first image represents a first device In the currently displayed picture, the window area represents an area shared by the first device and the second device in the first image; encoding the first image based on the position information of the window area to obtain a second image Two images, so that the transparency of the area other than the window area in the second image is greater than or equal to a preset value; sending the second image.

在本申请实施例中,对代表第一设备当前显示的画面的第一图像进行编码得到第二图像,使得第二图像中除需要第一设备与第二设备进行共享显示的区域以外的区域的透明度大于或者等于预设值,从而通过在第一设备和第二设备之间传输第二图像以及在第二设备显示第二图像即可实现窗口区域共享,不需要为窗口区域中的每个窗口建立单独的编码通道,无需为窗口区域中的每个窗口创建悬浮窗,降低了时延、减少了对资源的占用,从而提高了屏幕内容共享时电子设备运行的流畅性,提高了用户体验。对于窗口区域中窗口数量较多的场景同样能够有效提升电子设备运行的流畅性,扩大了屏幕内容共享的应用场景。In this embodiment of the present application, the first image representing the screen currently displayed by the first device is encoded to obtain the second image, so that the area in the second image other than the area that needs to be shared by the first device and the second device The transparency is greater than or equal to the preset value, so that the window area sharing can be realized by transmitting the second image between the first device and the second device and displaying the second image on the second device, and it is not necessary to create an image for each window in the window area Establishing a separate encoding channel eliminates the need to create a floating window for each window in the window area, which reduces the delay and resource occupation, thereby improving the smoothness of electronic device operation during screen content sharing and improving user experience. For a scene with a large number of windows in the window area, it can also effectively improve the smoothness of the operation of the electronic device, and expand the application scene of screen content sharing.

根据第一方面,在所述方法的第一种可能的实现方式中,所述方法还包括:发送所述窗口区域的位置信息。According to the first aspect, in a first possible implementation manner of the method, the method further includes: sending position information of the window area.

在本申请实施例中,第一设备将窗口区域的位置信息发送至第二设备,可以方便第二设备确定出反控区域和自控区域,从而确定用户操作是针对第一设备进行反向控制还是针对第二设备进行本地控制,从而提高用户体验。In the embodiment of this application, the first device sends the location information of the window area to the second device, which can facilitate the second device to determine the reverse control area and the self-control area, so as to determine whether the user operation is for the reverse control of the first device or Local control for a second device improves user experience.

根据第一方面或者第一方面的第一种可能的实现方式,在所述方法的第二种可能的实现方式中,所述获取第一图像,以及所述第一图像中窗口区域的位置信息包括:响应于窗口控制指令,获取所述第一图像,以及所述窗口区域的位置信息,所述窗口控制指令用于对所述第一设备上显示的窗口区域进行控制。According to the first aspect or the first possible implementation of the first aspect, in the second possible implementation of the method, the acquiring the first image and the position information of the window area in the first image The method includes: acquiring the first image and position information of the window area in response to a window control instruction, where the window control instruction is used to control the window area displayed on the first device.

在本申请实施例中,在窗口区域受到了控制发生变化时,重新获取第一图像,进而得到新的第二图像,可以实现第二设备上第二图像的更新。In the embodiment of the present application, when the window area is controlled and changes, the first image is reacquired, and then a new second image is obtained, which can realize updating of the second image on the second device.

根据第一方面的第二种可能的实现方式,在所述方法的第三种可能的实现方式中,所述方法还包括:响应于第一用户操作,获取第一坐标信息和第一事件类型,所述第一用户操作表示针对所述第一设备上显示的所述窗口区域进行的用户操作;基于所述第一坐标信息和第一事件类型,生成所述窗口控制指令;按照所述窗口控制指令,对所述第一设备上显示的窗口区域进行控制。According to the second possible implementation of the first aspect, in the third possible implementation of the method, the method further includes: acquiring the first coordinate information and the first event type in response to the first user operation , the first user operation represents a user operation performed on the window area displayed on the first device; based on the first coordinate information and the first event type, the window control instruction is generated; according to the window The control instruction controls the window area displayed on the first device.

在本申请实施例中,用户可以在第一设备上对共享的窗口区域进行操作,响应于用户的操作,窗口区域进行变化、第二图像进行相应更新。In the embodiment of the present application, the user can operate the shared window area on the first device, and in response to the user's operation, the window area changes and the second image is updated accordingly.

根据第一方面的第二种可能的实现方式,在所述方法的第四种可能的实现方式中,所述方法还包括:响应于接收到的反控消息,从所述反控消息中获取第二坐标信息和第二事件类型,所述反控消息是根据第二用户操作生成的,所述第二用户操作表示针对所述第二设备上显示的所述窗口区域进行的用户操作;对所述第二坐标信息进行坐标变换;基于变换后的第二坐标信息和所述第二事件类型,生成所述窗口控制指令;按照所述窗口控制指令,对所述第一设备上显示的窗口区域进行控制。According to the second possible implementation of the first aspect, in the fourth possible implementation of the method, the method further includes: in response to the received counter-control message, obtaining from the counter-control message second coordinate information and a second event type, the counter-control message is generated according to a second user operation, and the second user operation represents a user operation performed on the window area displayed on the second device; performing coordinate transformation on the second coordinate information; generating the window control instruction based on the transformed second coordinate information and the second event type; and performing the window display on the first device according to the window control instruction area is controlled.

在本申请实施例中,用户可以在第二设备上对共享的窗口区域进行操作,响应于用户的操作,窗口区域进行变化、第二图像进行相应更新。In the embodiment of the present application, the user may operate the shared window area on the second device, and in response to the user's operation, the window area changes and the second image is updated accordingly.

在一种可能的实现方式中,所述获取第一图像,以及所述第一图像中窗口区域的位置信息,包括:响应于屏幕内容共享操作,获取所述第一图像,以及所述窗口区域的位置信息。In a possible implementation manner, the acquiring the first image and the position information of the window area in the first image includes: acquiring the first image and the window area in response to a screen content sharing operation location information.

在一种可能的实现方式中,所述窗口区域包括一个或多个窗口。In a possible implementation manner, the window area includes one or more windows.

在本申请实施例中,通过传输第二图像,可以实现一个或多个窗口的共享,扩大了应用场景。In the embodiment of the present application, by transmitting the second image, one or more windows can be shared, which expands the application scenarios.

第二方面,本申请的实施例提供了一种交互方法,所述方法包括:接收第二图像,所述 第二图像中除窗口区域以外的区域的透明度大于或者等于预设值,所述窗口区域表示第一设备当前显示的画面中与第二设备共享的区域;在所述第二设备上显示所述第二图像。In the second aspect, the embodiment of the present application provides an interaction method, the method includes: receiving a second image, the transparency of the area other than the window area in the second image is greater than or equal to a preset value, the window The area represents an area shared by the second device in the screen currently displayed by the first device; the second image is displayed on the second device.

根据第二方面,在所述方法的第一种可能的实现方式中,所述方法还包括:接收所述窗口区域的位置信息;根据所述窗口区域的位置信息,确定所述第二设备中的反控区域;响应于针对所述反控区域的第二用户操作,获取第二坐标信息和第二事件类型;基于所述第二坐标信息和所述第二事件类型,生成反控消息;返回所述反控消息,以对所述第一设备进行控制。According to the second aspect, in the first possible implementation manner of the method, the method further includes: receiving the location information of the window area; an anti-control area; in response to a second user operation on the anti-control area, acquiring second coordinate information and a second event type; based on the second coordinate information and the second event type, generating an anti-control message; returning the anti-control message to control the first device.

根据第二方面的第一种可能的实现方式,在所述方法的第二种可能的实现方式中,所述方法还包括:响应于针对自控区域的第三用户操作,获取第三坐标信息和第三事件类型,所述自控区域表示所述第二设备当前显示的画面中除所述反控区域以外的区域;基于所述第三坐标信息和所述第三事件类型,对所述第二设备进行控制。According to the first possible implementation of the second aspect, in the second possible implementation of the method, the method further includes: acquiring third coordinate information and The third event type, the self-control area represents the area other than the anti-control area in the screen currently displayed by the second device; based on the third coordinate information and the third event type, for the second The device is controlled.

根据第二方面,或者以上第二方面的任意一种可能的实现方式,在所述方法的第三种可能的实现方式中,所述窗口区域包括一个或多个窗口。According to the second aspect, or any possible implementation manner of the above second aspect, in a third possible implementation manner of the method, the window area includes one or more windows.

第三方面,本申请的实施例提供了一种交互装置,所述装置包括:In a third aspect, an embodiment of the present application provides an interaction device, the device comprising:

第一获取模块,用于获取第一图像,以及所述第一图像中窗口区域的位置信息,其中,所述第一图像表示第一设备当前显示的画面,所述窗口区域表示所述第一图像中所述第一设备与第二设备进行共享显示的区域;The first acquisition module is configured to acquire a first image and position information of a window area in the first image, wherein the first image represents the screen currently displayed by the first device, and the window area represents the first In the image, the area where the first device and the second device perform shared display;

编码模块,用于基于所述第一获取模块获取的窗口区域的位置信息对所述第一获取模块获取的第一图像进行编码,得到第二图像,以使所述第二图像中除所述窗口区域以外的区域的透明度大于或者等于预设值;An encoding module, configured to encode the first image acquired by the first acquisition module based on the position information of the window area acquired by the first acquisition module, to obtain a second image, so that the second image excludes the The transparency of the area outside the window area is greater than or equal to the preset value;

第一发送模块,用于发送所述编码模块得到的第二图像。The first sending module is configured to send the second image obtained by the coding module.

在一种可能的实现方式中,所述装置还包括:In a possible implementation manner, the device further includes:

第二发送模块,用于发送所述窗口区域的位置信息。The second sending module is configured to send the location information of the window area.

在一种可能的实现方式中,所述第一获取模块还用于:In a possible implementation manner, the first obtaining module is also used for:

响应于窗口控制指令,获取所述第一图像,以及所述窗口区域的位置信息,所述窗口控制指令用于对所述第一设备上显示的窗口区域进行控制。Acquire the first image and position information of the window area in response to a window control instruction, where the window control instruction is used to control the window area displayed on the first device.

在一种可能的实现方式中,所述装置还包括:In a possible implementation manner, the device further includes:

第二获取模块,用于响应于第一用户操作,获取第一坐标信息和第一事件类型,所述第一用户操作表示针对所述第一设备上显示的所述窗口区域进行的用户操作;A second acquiring module, configured to acquire first coordinate information and a first event type in response to a first user operation, where the first user operation represents a user operation performed on the window area displayed on the first device;

第一生成模块,用于基于所述第一坐标信息和第一事件类型,生成所述窗口控制指令;A first generating module, configured to generate the window control instruction based on the first coordinate information and the first event type;

第一控制模块,用于按照所述窗口控制指令,对所述第一设备上显示的窗口区域进行控制。The first control module is configured to control the window area displayed on the first device according to the window control instruction.

在一种可能的实现方式中,所述装置还包括:In a possible implementation manner, the device further includes:

第三获取模块,用于响应于接收到的反控消息,从所述反控消息中获取第二坐标信息和第二事件类型,所述反控消息是根据第二用户操作生成的,所述第二用户操作表示针对所述第二设备上显示的所述窗口区域进行的用户操作;A third acquiring module, configured to acquire second coordinate information and a second event type from the counter-control message in response to the received counter-control message, the counter-control message is generated according to a second user operation, the The second user operation represents a user operation performed on the window area displayed on the second device;

变换模块,用于对所述第二坐标信息进行坐标变换;a transformation module, configured to perform coordinate transformation on the second coordinate information;

第二生成模块,用于基于变换后的第二坐标信息和所述第二事件类型,生成所述窗口控制指令;A second generating module, configured to generate the window control instruction based on the transformed second coordinate information and the second event type;

第二控制模块,用于按照所述窗口控制指令,对所述第一设备上显示的窗口区域进行控制。The second control module is configured to control the window area displayed on the first device according to the window control instruction.

在一种可能的实现方式中,所述第一获取模块还用于:In a possible implementation manner, the first obtaining module is also used for:

响应于屏幕内容共享操作,获取所述第一图像,以及所述窗口区域的位置信息。In response to a screen content sharing operation, acquire the first image and position information of the window area.

在一种可能的实现方式中,所述窗口区域包括一个或多个窗口。In a possible implementation manner, the window area includes one or more windows.

第四方面,本申请的实施例提供了一种交互装置,所述装置包括:In a fourth aspect, an embodiment of the present application provides an interaction device, the device comprising:

第一接收模块,用于接收第二图像,所述第二图像中除窗口区域以外的区域的透明度大于或者等于预设值,所述窗口区域表示第一设备当前显示的画面中与第二设备共享的区域;The first receiving module is used to receive the second image, the transparency of the area other than the window area in the second image is greater than or equal to a preset value, and the window area indicates that the screen currently displayed by the first device is compatible with the second device shared area;

显示模块,用于在所述第二设备上显示所述第一接收模块接收的第二图像。A display module, configured to display the second image received by the first receiving module on the second device.

在一种可能的实现方式中,所述装置还包括:In a possible implementation manner, the device further includes:

第二接收模块,用于接收所述窗口区域的位置信息;A second receiving module, configured to receive position information of the window area;

确定模块,用于根据所述窗口区域的位置信息,确定所述第二设备中的反控区域;A determination module, configured to determine an anti-control area in the second device according to the location information of the window area;

第一获取模块,用于响应于针对所述反控区域的第二用户操作,获取第二坐标信息和第二事件类型;A first acquiring module, configured to acquire second coordinate information and a second event type in response to a second user operation on the anti-control area;

生成模块,用于基于所述第二坐标信息和所述第二事件类型,生成反控消息;A generating module, configured to generate a counter-control message based on the second coordinate information and the second event type;

返回模块,用于返回所述反控消息,以对所述第一设备进行控制。A return module, configured to return the counter-control message to control the first device.

在一种可能的实现方式中,所述装置还包括:In a possible implementation manner, the device further includes:

第二获取模块,用于响应于针对自控区域的第三用户操作,获取第三坐标信息和第三事件类型,所述自控区域表示所述第二设备当前显示的画面中除所述反控区域以外的区域;The second acquisition module is configured to acquire third coordinate information and a third event type in response to a third user operation on the self-control area, where the self-control area indicates that the anti-control area is excluded from the screen currently displayed by the second device areas other than

控制模块,用于基于所述第三坐标信息和所述第三事件类型,对所述第二设备进行控制。A control module, configured to control the second device based on the third coordinate information and the third event type.

在一种可能的实现方式中,所述窗口区域包括一个或多个窗口。In a possible implementation manner, the window area includes one or more windows.

第五方面,本申请的实施例提供了一种电子设备,该电子设备可以执行上述第一方面或者第一方面的多种可能的实现方式中的一种或几种的交互方法,或者,执行上述第二方面或者第二方面的多种可能的实现方式中的一种或几种的交互方法。In the fifth aspect, the embodiments of the present application provide an electronic device, which can execute one or more of the interaction methods of the above-mentioned first aspect or multiple possible implementations of the first aspect, or, execute The above-mentioned second aspect or one or more interaction methods among the multiple possible implementation manners of the second aspect.

第六方面,本申请的实施例提供了一种电子设备,该电子设备包括用于显示画面的显示屏;处理器;用于存储处理器可执行指令的存储器;其中,所述处理器被配置为执行所述指令时实现上述第一方面或者第一方面的多种可能的实现方式中的一种或几种的交互方法,或者,实现上述第二方面或者第二方面的多种可能实现方式中的一种几种的交互方法。In a sixth aspect, an embodiment of the present application provides an electronic device, the electronic device includes a display screen for displaying images; a processor; a memory for storing instructions executable by the processor; wherein the processor is configured To implement the above-mentioned first aspect or one or more of the interaction methods in the multiple possible implementations of the first aspect when executing the instructions, or to implement the above-mentioned second aspect or multiple possible implementations of the second aspect One of several interaction methods.

第七方面,本申请的实施例提供一种计算机可读存储介质,其上存储有计算机程序指令,所述计算机程序指令被处理器执行时实现上述第一方面或者第一方面的多种可能实现方式中的一种或几种的交互方法,或者,执行上述第二方面或者第二方面的多种可能的实现方式中的一种或几种的交互方法。In the seventh aspect, the embodiments of the present application provide a computer-readable storage medium, on which computer program instructions are stored, and when the computer program instructions are executed by a processor, the above-mentioned first aspect or multiple possible implementations of the first aspect can be realized one or more of the interaction methods in the above-mentioned second aspect or one or more of the multiple possible implementation manners of the second aspect.

第八方面,本申请的实施例提供了一种计算机程序产品,包括计算机可读代码,或者承载有计算机可读代码的非易失性计算机可读存储介质,当所述计算机可读代码在电子设备中运行时,所述电子设备中的处理器执行上述第一方面或者第一方面的多种可能的实现方式中的一种或几种的交互方法,或者,执行上述第二方面或者第二方面的多种可能的实现方式中的一种或几种的交互方法。In an eighth aspect, the embodiments of the present application provide a computer program product, including computer readable code, or a non-volatile computer readable storage medium bearing computer readable code, when the computer readable code is stored in an electronic When the device is running, the processor in the electronic device executes one or more of the interaction methods of the above-mentioned first aspect or multiple possible implementations of the first aspect, or executes the above-mentioned second aspect or the second One or more of the various possible implementations of an aspect.

本申请的这些和其他方面在以下(多个)实施例的描述中会更加简明易懂。These and other aspects of the present application will be made more apparent in the following description of the embodiment(s).

附图说明Description of drawings

包含在说明书中并且构成说明书的一部分的附图与说明书一起示出了本申请的示例性实施例、特征和方面,并且用于解释本申请的原理。The accompanying drawings, which are incorporated in and constitute a part of the specification, illustrate exemplary embodiments, features, and aspects of the application and, together with the specification, serve to explain the principles of the application.

图1示出相关技术中交互系统架构图;FIG. 1 shows an architecture diagram of an interactive system in the related art;

图2示出本申请实施例提供的交互方法的应用场景示意图;FIG. 2 shows a schematic diagram of an application scenario of an interaction method provided by an embodiment of the present application;

图3示出本申请实施例提供的交互系统的架构示意图;FIG. 3 shows a schematic diagram of the architecture of the interactive system provided by the embodiment of the present application;

图4示出本申请实施例提供的交互方法的交互流程图;FIG. 4 shows an interaction flowchart of an interaction method provided by an embodiment of the present application;

图5a示出本申请实施例的第一图像的一个示例性示意图;Fig. 5a shows an exemplary schematic diagram of the first image of the embodiment of the present application;

图5b、图5c和图5d分别示出了本申请实施例中窗口区域的一个示例性示意图;Figure 5b, Figure 5c and Figure 5d respectively show an exemplary schematic view of the window area in the embodiment of the present application;

图6示出本申请实施例提供的交互方法的交互流程图;FIG. 6 shows an interaction flowchart of an interaction method provided by an embodiment of the present application;

图7示出本申请实施例提供的交互装置的结构示意图;FIG. 7 shows a schematic structural diagram of an interaction device provided by an embodiment of the present application;

图8示出本申请实施例提供的交互装置的结构示意图;FIG. 8 shows a schematic structural diagram of an interaction device provided by an embodiment of the present application;

图9示出本申请实施例提供的电子设备的结构示意图。FIG. 9 shows a schematic structural diagram of an electronic device provided by an embodiment of the present application.

具体实施方式Detailed ways

以下将参考附图详细说明本申请的各种示例性实施例、特征和方面。附图中相同的附图标记表示功能相同或相似的元件。尽管在附图中示出了实施例的各种方面,但是除非特别指出,不必按比例绘制附图。Various exemplary embodiments, features, and aspects of the present application will be described in detail below with reference to the accompanying drawings. The same reference numbers in the figures indicate functionally identical or similar elements. While various aspects of the embodiments are shown in drawings, the drawings are not necessarily drawn to scale unless specifically indicated.

在这里专用的词“示例性”意为“用作例子、实施例或说明性”。这里作为“示例性”所说明的任何实施例不必解释为优于或好于其它实施例。The word "exemplary" is used exclusively herein to mean "serving as an example, embodiment, or illustration." Any embodiment described herein as "exemplary" is not necessarily to be construed as superior or better than other embodiments.

另外,为了更好的说明本申请,在下文的具体实施方式中给出了众多的具体细节。本领域技术人员应当理解,没有某些具体细节,本申请同样可以实施。在一些实例中,对于本领域技术人员熟知的方法、手段、元件和电路未作详细描述,以便于凸显本申请的主旨。In addition, in order to better illustrate the present application, numerous specific details are given in the following specific implementation manners. It will be understood by those skilled in the art that the present application may be practiced without certain of the specific details. In some instances, methods, means, components and circuits well known to those skilled in the art have not been described in detail in order to highlight the gist of the present application.

图2示出本申请实施例提供的交互方法的应用场景示意图。如图2所示,个人计算机11、平板电脑12、手机13和数字电视14,以及户外大屏(未示出)、投影仪(未示出)等具有显示屏的电子设备之间可以进行屏幕内容共享。本申请的电子设备可以是指具有无线连接功能的设备,无线连接的功能是指可以通过无线保真(Wireless Fidelity,WiFi)、蓝牙等无线连接方式与其他电子设备进行连接,本申请的电子设备也可以具有有线连接进行通信的功能。本申请的电子设备中运行的操作系统包括但不限于安卓系统和Windows系统等。本申请的电子设备可以是触屏的,也可以是非触屏的;触屏的可以通过手指、触控笔等在显示屏上点击、滑动等方式对电子设备进行控制;非触屏的设备可以连接鼠标、键盘、触控面板等输入设备,通过输入设备对电子设备进行控制。本申请实施例对进行屏幕内容共享的电子设备不做限制,对电子设备上运行的操作系统也不做限制,对电子设备之间建立的通信连接以及电子设备的显示屏的类别均不作限制。FIG. 2 shows a schematic diagram of an application scenario of the interaction method provided by the embodiment of the present application. As shown in Figure 2, personal computer 11, panel computer 12, mobile phone 13 and digital television 14, and outdoor large screen (not shown), projector (not shown) and other electronic devices with display screens can be screened. content sharing. The electronic device of the present application may refer to a device with a wireless connection function, and the wireless connection function means that it can be connected with other electronic devices through wireless connection methods such as Wireless Fidelity (Wireless Fidelity, WiFi), Bluetooth, etc. The electronic device of the present application It may also have the function of communicating by wired connection. The operating system running on the electronic device of the present application includes but not limited to Android system and Windows system. The electronic device of the present application can be a touch screen or a non-touch screen; the touch screen can control the electronic device by clicking and sliding on the display screen with a finger, a stylus, etc.; the non-touch screen device can be Connect the mouse, keyboard, touch panel and other input devices, and control the electronic devices through the input devices. The embodiment of the present application does not limit the electronic devices for screen content sharing, nor does it limit the operating systems running on the electronic devices, nor does it limit the communication connections established between electronic devices and the types of display screens of the electronic devices.

在本申请实施例中,电子设备之间可以通过交互进行屏幕内容共享。一个电子设备的显示屏中显示的画面可以在一个或多个其他电子设备中共享显示。举例来说,如图2所示,平板电脑12上显示的画面可以在手机13中共享显示;平板电脑12显示的画面可以同时在个人计算机11和手机13中共享显示。在本申请实施例中,一个电子设备在与其他电子设备进行 屏幕内容共享时,可以共享该电子设备当前显示屏显示的全部画面,也可以共享该电子设备当前显示屏显示的部分画面(例如,一个或多个窗口)。其中,窗口可以为即时聊天应用窗口、网页窗口、视频播放窗口、音频播放窗口、图像显示窗口或者文本显示窗口等。各窗口之间位置可以重叠。本申请实施例中,对进行屏幕内容共享的电子设备的数量不做限制,对共享的内容也不做限制。In the embodiment of the present application, electronic devices may share screen content through interaction. The screen displayed on the display screen of one electronic device can be shared and displayed on one or more other electronic devices. For example, as shown in FIG. 2 , the screen displayed on the tablet computer 12 can be shared and displayed on the mobile phone 13 ; the screen displayed on the tablet computer 12 can be shared and displayed on the personal computer 11 and the mobile phone 13 at the same time. In this embodiment of the present application, when an electronic device shares screen content with other electronic devices, it can share all the screens displayed on the current display screen of the electronic device, or share part of the screens displayed on the current screen of the electronic device (for example, one or more windows). Wherein, the window may be an instant chat application window, a web page window, a video playback window, an audio playback window, an image display window, or a text display window. The positions of the windows can overlap. In the embodiment of the present application, there is no limit to the number of electronic devices for sharing screen content, and no limit to the content to be shared.

图3示出本申请实施例提供的交互系统的架构示意图。如图3所示,该交互系统包括第一设备31和第二设备32。第一设备31和第二设备32包括但不限于图2所示的电子设备。在本申请实施例中,第一设备301可以包括第一协商模块311、驱动模块312、第一显示模块313、图像处理模块314和第一传输模块315。第二设备32可以包括第二协商模块321、第二显示模块322和第二传输模块323。FIG. 3 shows a schematic diagram of an architecture of an interactive system provided by an embodiment of the present application. As shown in FIG. 3 , the interactive system includes a first device 31 and a second device 32 . The first device 31 and the second device 32 include, but are not limited to, the electronic devices shown in FIG. 2 . In this embodiment of the present application, the first device 301 may include a first negotiation module 311 , a driver module 312 , a first display module 313 , an image processing module 314 and a first transmission module 315 . The second device 32 may include a second negotiation module 321 , a second display module 322 and a second transmission module 323 .

如图3所示,第一设备31和第二设备32通过第一协商模块311和第二协商模块321进行业务协商。协商完成后,第一设备31和第二设备32之间完成了屏幕内容共享的初始化工作,可以进行屏幕内容共享。As shown in FIG. 3 , the first device 31 and the second device 32 perform service negotiation through a first negotiation module 311 and a second negotiation module 321 . After the negotiation is completed, the initialization of screen content sharing is completed between the first device 31 and the second device 32, and screen content sharing can be performed.

用户针对第一设备31执行屏幕内容共享操作(例如,可以点击屏幕内容共享按钮、或者发出屏幕内容共享的语音指令等)。响应于屏幕内容共享操作,第一设备31的驱动模块312可以使能虚拟显示驱动器,使得第一显示模块313进入扩展屏模式。此时,第一设备31的图像处理模块314可以获取当前第一显示模块313显示的画面作为第一图像,并获取第一图像中用于进行共享的窗口区域的位置信息。图像处理模块314可以基于窗口区域的位置信息对第一图像进行编码,得到第二图像,以使第二图像中除窗口区域以外的区域的透明度大于或者等于预设值。之后,第一设备31可以通过第一传输模块315将第二图像发送至第二设备32的第二传输模块323。第二传输模块323接收到第二图像之后,第二显示模块322可以显示第二图像。The user performs a screen content sharing operation on the first device 31 (for example, may click a screen content sharing button, or issue a voice instruction for screen content sharing, etc.). In response to the screen content sharing operation, the driver module 312 of the first device 31 may enable the virtual display driver, so that the first display module 313 enters the extended screen mode. At this time, the image processing module 314 of the first device 31 may acquire the screen currently displayed by the first display module 313 as the first image, and acquire the position information of the window area used for sharing in the first image. The image processing module 314 may encode the first image based on the position information of the window area to obtain the second image, so that the transparency of the area other than the window area in the second image is greater than or equal to a preset value. Afterwards, the first device 31 may send the second image to the second transmission module 323 of the second device 32 through the first transmission module 315 . After the second transmission module 323 receives the second image, the second display module 322 can display the second image.

在本申请实施例中,由于第二图像中除窗口区域以外的区域的透明度大于或者等于预设值,因此,第二设备32在显示第二图像时,可以达到在原画面(即未进行屏幕内容共享之前显示的画面)之上显示由第一设备31共享的窗口区域的效果,实现了第一设备31和第二设备32之间的屏幕内容共享。在上述屏幕内容共享过程中,第一设备31和第二设备32之间仅需要传输第二图像,不需要为窗口区域中的每个窗口建立单独的编码通道;同时第二设备32仅需要显示第二图像,无需为窗口区域中的每个窗口创建悬浮窗。因此,在本申请实施例中,提高了屏幕内容共享时电子设备运行的流畅性,提高了用户体验。In the embodiment of the present application, since the transparency of the area other than the window area in the second image is greater than or equal to the preset value, when the second device 32 displays the second image, it can achieve The effect of displaying the window area shared by the first device 31 on the previously displayed screen) realizes the sharing of screen content between the first device 31 and the second device 32 . In the above-mentioned screen content sharing process, only the second image needs to be transmitted between the first device 31 and the second device 32, and there is no need to establish a separate encoding channel for each window in the window area; at the same time, the second device 32 only needs to display Second image, no need to create a floating window for every window in the window area. Therefore, in the embodiment of the present application, the smoothness of the operation of the electronic device during screen content sharing is improved, and the user experience is improved.

在一种可能的实现方式中,图3所示的第一设备31还可以包括窗口管理模块316。用户可以在第一设备31或者第二设备32上执行针对窗口区域的操作(例如,可以关闭窗口区域中的窗口、移动窗口区域中的窗口、改变窗口区域中窗口的尺寸等)。响应于针对窗口区域进行的用户操作,第一设备31的窗口管理模块316可以检测到窗口区域发生变化,此时第一设备31的图像处理模块314可以重新获取当前第一显示模块313显示的画面作为第一图像,并获取第一图像中用于进行共享的窗口区域的位置信息,进而得到新的第二图像,并在第二设备32的第二显示模块322中显示新的第二图像,实现第二设备中显示的共享内容的更新。In a possible implementation manner, the first device 31 shown in FIG. 3 may further include a window management module 316 . The user can perform operations on the window area on the first device 31 or the second device 32 (for example, can close the window in the window area, move the window in the window area, change the size of the window in the window area, etc.). In response to a user operation on the window area, the window management module 316 of the first device 31 may detect that the window area has changed, and at this time the image processing module 314 of the first device 31 may reacquire the picture currently displayed by the first display module 313 As the first image, and obtaining the position information of the window area used for sharing in the first image, and then obtaining a new second image, and displaying the new second image in the second display module 322 of the second device 32, The updating of the shared content displayed in the second device is realized.

图4示出本申请实施例提供的交互方法的交互流程图。该方法可以应用于图3所示的交互系统。如图4所示,该方法可以包括:FIG. 4 shows an interaction flowchart of an interaction method provided by an embodiment of the present application. This method can be applied to the interactive system shown in FIG. 3 . As shown in Figure 4, the method may include:

步骤S401,第一设备获取第一图像,以及第一图像中窗口区域的位置信息。In step S401, the first device acquires a first image and position information of a window area in the first image.

其中,第一图像表示第一设备当前显示的画面,窗口区域表示第一图像中第一设备与第二设备进行共享显示的区域。在一种可能的实现方式中,窗口区域可以包括一个或多个窗口。其中,窗口可以为即时聊天通信应用的窗口、浏览器窗口、文档窗口、图片窗口或者播放器窗口等。窗口可以全屏显示,也可以非全屏显示。在窗口区域包括多个窗口的情况下,窗口之间可以重叠,即任一个窗口可以被其他窗口覆盖部分区域或者全部区域,也可以覆盖其他窗口的部分区域或者全部区域;窗口之间也可以不重叠,即任一个窗口即不被其他窗口覆盖,也不覆盖其他窗口。用户可以根据需要选择进行共享的窗口,第一设备可以根据进行用户选择的窗口的位置信息,以及用户选择的窗口的层叠关系,确定窗口区域的位置信息。Wherein, the first image represents the screen currently displayed by the first device, and the window area represents the shared display area of the first device and the second device in the first image. In a possible implementation manner, the window area may include one or more windows. Wherein, the window may be a window of an instant chat communication application, a browser window, a document window, a picture window, or a player window. A window can be displayed full screen or not. When the window area includes multiple windows, the windows can overlap, that is, any window can be covered by other windows partially or completely, and can also cover some or all of the other windows; Overlapping means that any window is neither covered by nor covered by other windows. The user may select a window to be shared as required, and the first device may determine the position information of the window area according to the position information of the window selected by the user and the stacking relationship of the windows selected by the user.

图5a示出本申请实施例的第一图像的一个示例性示意图。如图5a所示,第一图像中显示了窗口1、窗口2和窗口3共三个窗口。图5b、图5c和图5d分别示出了本申请实施例中窗口区域的一个示例性示意图。在一个示例中,用户选择窗口1进行共享显示,此时步骤S401中的窗口区域为窗口1所在区域(如图5b所示)。在又一示例中,用户选择窗口1和窗口2进行共享显示,此时步骤S401中的窗口区域为窗口1所在区域和窗口2所在区域的并集(如图5c所示)。在另一示例中,用户选择窗口1和窗口3进行共享显示,此时步骤S401中的窗口区域为窗口1所在区域和窗口3所在区域的并集(如图5d所示)。可以理解的是,以上仅为窗口区域的示例性说明,并不用于限制窗口区域。Fig. 5a shows an exemplary schematic diagram of the first image of the embodiment of the present application. As shown in FIG. 5 a , three windows in total of window 1 , window 2 and window 3 are displayed in the first image. Fig. 5b, Fig. 5c and Fig. 5d respectively show an exemplary schematic view of the window area in the embodiment of the present application. In one example, the user selects window 1 for shared display, and at this time, the window area in step S401 is the area where window 1 is located (as shown in FIG. 5b ). In yet another example, the user selects window 1 and window 2 for shared display. At this time, the window area in step S401 is the union of the area where window 1 is located and the area where window 2 is located (as shown in FIG. 5c ). In another example, the user selects window 1 and window 3 for shared display. At this time, the window area in step S401 is the union of the area where window 1 is located and the area where window 3 is located (as shown in FIG. 5d ). It can be understood that, the above is only an exemplary description of the window area, and is not used to limit the window area.

在一个示例中,窗口区域的位置信息可以为窗口区域的各个顶点的坐标。以图5b为例,窗口区域的位置信息可以为四个顶点的坐标。以图5c为例,窗口区域的位置信息可以为八个点点的坐标。以图5d为例,窗口区域的位置信息可以包括两组坐标,每组坐标包括四个顶点的坐标。在又一示例中,窗口区域的位置信息可以为窗口区域的顶点的坐标以及边的长度。以图5b为例,窗口区域的位置信息可以为左下角顶点的坐标、宽度以及高度。以上仅为窗口区域的位置信息的示例,并不用于限制窗口区域的位置信息。In an example, the position information of the window area may be the coordinates of each vertex of the window area. Taking Fig. 5b as an example, the position information of the window area may be the coordinates of four vertices. Taking FIG. 5c as an example, the position information of the window area may be the coordinates of eight points. Taking FIG. 5d as an example, the position information of the window area may include two sets of coordinates, and each set of coordinates includes coordinates of four vertices. In yet another example, the position information of the window area may be coordinates of vertices and lengths of sides of the window area. Taking FIG. 5b as an example, the position information of the window area may be the coordinates, width and height of the lower left corner vertex. The above is only an example of the location information of the window area, and is not intended to limit the location information of the window area.

在一种可能的实现方式中,步骤S401可以包括:第一设备响应于窗口控制指令,获取所述第一图像,以及所述窗口区域的位置信息。In a possible implementation manner, step S401 may include: the first device acquires the first image and position information of the window area in response to a window control instruction.

其中,窗口控制指令可以用于对所述第一设备上显示的窗口区域进行控制。在一个示例中,窗口控制指令可以用于实现以下控制功能中的一者或多者:对窗口区域中窗口进行移动、关闭窗口区域中的窗口、移除窗口区域中的窗口、向窗口区域中添加已有窗口,以及创建窗口并将创建的窗口添加至窗口区域中。举例来说,窗口区域如图5d所示,窗口控制指令用于将左侧窗口从窗口区域中去除(即不再共享显示左侧窗口),响应于窗口控制指令,第一设备可以获取第一图像,以及图5b所示的窗口区域的位置信息。Wherein, the window control instruction may be used to control the window area displayed on the first device. In one example, the window control instruction can be used to implement one or more of the following control functions: move the window in the window area, close the window in the window area, remove the window in the window area, move the window to the window area Add an existing window, and create a window and add the created window to the window area. For example, the window area is shown in FIG. 5d, and the window control instruction is used to remove the left window from the window area (that is, the left window is no longer shared and displayed). In response to the window control instruction, the first device can obtain the first image, and the location information of the window area shown in Figure 5b.

在一个示例中,窗口控制指令可以是基于第一用户操作生成的。其中,第一用户操作表示针对第一设备上显示的窗口区域进行的用户操作。也就是说,第一用户操作是用户通过鼠标、键盘、触控屏或者手写笔等输入设备在第一设备上执行的操作,且第一用户操作是针对窗口区域进行的操作。第一用户操作对应的坐标信息可以称为第一坐标信息。举例来说,第一坐标信息可以是第一设备上鼠标点击的位置的坐标信息,第一设备的触控屏上被触摸位置的坐标信息等。第一用户操作对应的事件类型可以称为第一事件类型。举例来说,第一事件类型可以包括但不限于:创建窗口、移动窗口、关闭窗口、移除共享窗口和添加共享窗口等中的一者或多者。In an example, the window control instruction may be generated based on the first user operation. Wherein, the first user operation refers to a user operation performed on the window area displayed on the first device. That is to say, the first user operation is an operation performed by the user on the first device through an input device such as a mouse, a keyboard, a touch screen, or a stylus, and the first user operation is an operation performed on the window area. The coordinate information corresponding to the first user operation may be referred to as first coordinate information. For example, the first coordinate information may be coordinate information of a position clicked by a mouse on the first device, coordinate information of a touched position on a touch screen of the first device, and the like. The event type corresponding to the first user operation may be referred to as a first event type. For example, the first event type may include, but not limited to: one or more of creating a window, moving a window, closing a window, removing a shared window, adding a shared window, and the like.

在本申请实施例中,第一设备响应于第一用户操作,获取第一坐标信息和第一事件类型,; 基于所述第一坐标信息和第一事件类型,生成所述窗口控制指令;按照所述窗口控制指令,对所述第一设备上显示的窗口区域进行控制。在具体实施中,第一设备可以按照窗口控制指令对应的第一坐标信息和第一事件类型,对第一设备上显示的窗口区域进行控制。举例来说,第一坐标信息指示的位置处于第一设备显示的窗口1的关闭按钮上,第一事件类型为关闭窗口,第一设备按照该第一坐标信息和第一事件类型,可以对第一设备上显示的窗口区域中的窗口1进行关闭。In this embodiment of the present application, the first device acquires the first coordinate information and the first event type in response to the first user operation; generates the window control instruction based on the first coordinate information and the first event type; according to The window control instruction controls the window area displayed on the first device. In a specific implementation, the first device may control the window area displayed on the first device according to the first coordinate information and the first event type corresponding to the window control instruction. For example, the position indicated by the first coordinate information is on the close button of window 1 displayed by the first device, and the first event type is to close the window, and the first device may, according to the first coordinate information and the first event type, Window 1 in the window area displayed on a device is closed.

在又一示例中,窗口控制指令可以是基于第二用户操作生成的。其中,第二用户操作表示针对第二设备上显示的窗口区域进行的用户操作。也就是说,第二用户操作是用户通过鼠标、键盘、触控屏或者手写笔等输入设备在第二设备上执行的操作,且第二用户操作是针对窗口区域进行的操作。第二用户操作对应的坐标信息可以称为第二坐标信息。举例来说,第二坐标信息可以是第二设备上鼠标点击的位置的坐标信息,第二设备的触控屏上被触摸位置的坐标信息等。第二用户操作对应的事件类型可以称为第二事件类型。举例来说,第二事件类型可以包括但不限于移动窗口、关闭窗口、移出共享窗口等中的一者或多者。第二设备可以基于第二坐标信息和第二事件类型生成反控消息,并将反控消息发送至第一设备。In yet another example, the window control instruction may be generated based on the second user operation. Wherein, the second user operation refers to a user operation performed on the window area displayed on the second device. That is to say, the second user operation is an operation performed by the user on the second device through an input device such as a mouse, a keyboard, a touch screen, or a stylus, and the second user operation is an operation performed on the window area. The coordinate information corresponding to the second user operation may be referred to as second coordinate information. For example, the second coordinate information may be the coordinate information of the position clicked by the mouse on the second device, the coordinate information of the touched position on the touch screen of the second device, and the like. The event type corresponding to the second user operation may be referred to as a second event type. For example, the second event type may include, but is not limited to, one or more of moving a window, closing a window, moving out of a shared window, and the like. The second device may generate a counter-control message based on the second coordinate information and the second event type, and send the counter-control message to the first device.

在本申请实施例中,第一设备响应于接收到的反控消息,从所述反控消息中获取第二坐标信息和第二事件类型,所述反控消息是根据第二用户操作生成的;对所述第二坐标信息进行坐标变换;基于变换后的第二坐标信息和所述第二事件类型,生成所述窗口控制指令;按照所述窗口控制指令,对所述第一设备上显示的窗口区域进行控制。在具体实施中,第一设备可以按照窗口控制指令对应的变换后的第二坐标信息和第二事件类型,对第一设备上显示的窗口区域进行控制。举例来说,第二坐标信息指示的位置处于第二设备显示的窗口1的关闭按钮上,第二事件类型为关闭窗口,第一设备按照该变换后的第二坐标信息和第二事件类型,可以对第一设备上显示的窗口区域中的窗口1进行关闭。可以理解的是,第一设备的显示屏和第二设备的显示屏的尺寸和/或分辨率可能不同,因此,第一设备在进行控制之前,需要对第二坐标信息进行变换。本申请实施例中,对第二坐标信息的变换方法不做限制。In this embodiment of the present application, the first device obtains the second coordinate information and the second event type from the counter-control message in response to the received counter-control message, and the counter-control message is generated according to the second user operation ; performing coordinate transformation on the second coordinate information; generating the window control instruction based on the transformed second coordinate information and the second event type; according to the window control instruction, displaying on the first device window area to control. In a specific implementation, the first device may control the window area displayed on the first device according to the converted second coordinate information and the second event type corresponding to the window control instruction. For example, the position indicated by the second coordinate information is on the close button of window 1 displayed by the second device, and the second event type is closing the window, and the first device according to the converted second coordinate information and the second event type, Window 1 in the window area displayed on the first device may be closed. It can be understood that the size and/or resolution of the display screen of the first device and the display screen of the second device may be different, therefore, the first device needs to transform the second coordinate information before performing control. In the embodiment of the present application, no limitation is imposed on the transformation method of the second coordinate information.

之后,第一设备可以响应于基于第一用户操作产生的窗口控制指令或者基于第二用户操作产生的窗口控制指令,获取所述第一图像,以及所述窗口区域的位置信息,进而可以执行步骤S402至步骤S405,实现在第二设备上共享显示的窗口区域的更新。Afterwards, the first device may acquire the first image and the position information of the window area in response to the window control instruction generated based on the first user operation or the window control instruction generated based on the second user operation, and then may perform the steps From S402 to step S405, update the window area shared and displayed on the second device.

在一种可能的实现方式中,步骤S401可以包括:第一设备响应于屏幕内容共享操作,获取所述第一图像,以及所述窗口区域的位置信息。In a possible implementation manner, step S401 may include: the first device acquires the first image and position information of the window area in response to a screen content sharing operation.

其中,屏幕内容共享操作可以用于对第一设备上显示的一个或多个窗口进行共享显示。用户选择了进行共享的窗口之后,可以通过触发(例如,单击、双击等)屏幕内容共享按钮、做出屏幕内容共享手势(例如,手掌覆盖屏幕、手指在显示屏上画圈等)或者将选择的窗口拖拽出显示屏等执行屏幕内容共享操作。第一设备检测到屏幕内容共享操作,表明用户想要进行窗口共享显示,因此,第一设备响应于屏幕内容共享操作,可以获取第一图像,以及窗口区域的位置信息,进而可以执行步骤S402至步骤S405,实现在第二设备上共享显示窗口区域。Wherein, the screen content sharing operation may be used to share and display one or more windows displayed on the first device. After the user selects the window to be shared, the user can trigger (for example, single-click, double-click, etc.) The selected window is dragged out of the display screen, etc. to perform screen content sharing operations. The first device detects the screen content sharing operation, which indicates that the user wants to perform window sharing display. Therefore, the first device can obtain the first image and the position information of the window area in response to the screen content sharing operation, and then execute steps S402 to Step S405, sharing the display window area on the second device.

步骤S402,第一设备基于窗口区域的位置信息对第一图像进行编码,得到第二图像,以使第二图像中除所述窗口区域以外的区域的透明度大于或者等于预设值。Step S402, the first device encodes the first image based on the position information of the window area to obtain the second image, so that the transparency of the area in the second image except the window area is greater than or equal to a preset value.

其中,预设值可以根据需要进行设置。以0代表完全不透明,100%代表完全透明为例, 预设值可以设置为90%、95%或者100%等。可以理解的是,预设值越大,第二图像中非窗口区域(即除窗口区域以外的区域)越模糊(即越不容易被用户看到),被第二图像中非窗口区域覆盖的画面则越清晰(即越容易被用户看到)。在预设值设置为100%的情况下,第二图像中除窗口区域以外的区域完全不显示,用户不会看到第二图像中的非窗口区域,被第二图像中的非窗口区域覆盖的画面可以正常显示(即针对一个画面,在该画面被第二图像中非窗口区域覆盖时与该画面未被第二图像中非窗口区域覆盖时,用户看到的效果是相同的)。在预设值设置为0的情况下,第二窗口中除窗口区域以外的区域正常显示,用户可以清晰看到第二图像中除窗口区域以外的区域,用户不会看到被第二图像中除窗口区域以外的区域覆盖的画面。Wherein, the preset value can be set as required. Taking 0 as completely opaque and 100% as completely transparent as an example, the preset value can be set to 90%, 95% or 100%. It can be understood that the larger the preset value, the more blurred the non-window area (ie, the area other than the window area) in the second image (ie, the less likely to be seen by the user), and the area covered by the non-window area in the second image The clearer the picture (that is, the easier it is for the user to see). When the default value is set to 100%, the area in the second image other than the window area is not displayed at all, and the user will not see the non-window area in the second image, which is covered by the non-window area in the second image The screen can be displayed normally (that is, for a screen, when the screen is covered by the non-window area in the second image and when the screen is not covered by the non-window area in the second image, the user sees the same effect). When the default value is set to 0, the area other than the window area in the second window is normally displayed, and the user can clearly see the area other than the window area in the second image, and the user will not see the area that is included in the second image. A screen covered by an area other than the window area.

在第二图像中除窗口区域以外的区域的透明度大于或者等于预设值时,表明用户无法看到或者无法清晰的看到第二图像中除窗口区域以外的区域,相应的,用户可以较为清晰的看到被第二图像中除窗口区域以外的区域覆盖的画面。这样,在第一设备将第二图像发送至第二设备进行显示时,既可以实现窗口区域在第一设备和第二设备的共享显示,又可以避免第二图像中非窗口区域在第二设备中因清晰显示而造成的信息泄漏,提高了第一设备的隐私安全性,以及共享内容的灵活性。同时,在第二设备显示第二图像时,用户可以在第二设备较为清晰的看到被第二图像中非窗口区域覆盖的画面,降低了屏幕内容共享对用户使用第二设备的影响,提升了用户使用第二设备的体验。另外,第一设备和第二设备之间传输第二图像即可实现窗口区域的共享显示,无需针对每个窗口创建单独的编码通道,无需第二设备针对每个窗口创建单独的悬浮窗,降低了共享时延,节省了资源,提高了屏幕内容共享时电子设备运行流畅性,提升了用户体验,特别是对于窗口区域包括较多的窗口的情况,提升效果更加明显,扩大了应用场景,使得应用场景不再局限于共享窗口较少的情形。When the transparency of the area other than the window area in the second image is greater than or equal to the preset value, it means that the user cannot see or clearly see the area other than the window area in the second image. Correspondingly, the user can see more clearly to see the frame covered by the area in the second image other than the window area. In this way, when the first device sends the second image to the second device for display, the shared display of the window area on the first device and the second device can be realized, and the non-window area in the second image can be avoided from being displayed on the second device. The leakage of information caused by clear display improves the privacy security of the first device and the flexibility of sharing content. At the same time, when the second device displays the second image, the user can clearly see the screen covered by the non-window area in the second image on the second device, which reduces the impact of screen content sharing on the user's use of the second device and improves improve the user experience of using the second device. In addition, the shared display of the window area can be realized by transmitting the second image between the first device and the second device, without creating a separate encoding channel for each window, and without the need for the second device to create a separate floating window for each window, reducing the It reduces the sharing delay, saves resources, improves the smooth operation of electronic devices when sharing screen content, and improves the user experience. Especially for the case where the window area includes many windows, the improvement effect is more obvious, expanding the application scene, making The application scenario is no longer limited to the situation where there are few shared windows.

在一个示例中,第一设备可以采用ARGB编码方式对第一图像进行编码,得到第二图像。在ARGB编码方式中,A代表Alpha通道,用于指示透明度,R代表Red通道,用于指示红色,G代表Green通道,用于指示绿色,B代表Blue通道,用于指示蓝色。在采用ARGB编码方式对第一图像进行编码时,可以将第一图像中非窗口区域的Alpha通道的值设置为指定值,RGB通道(包括Red通道、Green通道和Blue通道)进行正常编码;将第一图像中窗口区域的Alpha通道以及RGB通道均进行正常编码。在实际应用中,Alpha通道的取值代表了非透明度,Alpha通道的取值为0时表示完全透明,Alpha通道的取值为100%时表明完全不透明,Alpha通道的取值在0至100%之间时表示半透明。在本申请实施例中,Alpha通道的取值可以设置为小于(100%-预设值)的值,这样就可以使第二图像中非窗口区域的透明度大于或者等于预设值。In an example, the first device may encode the first image in an ARGB encoding manner to obtain the second image. In the ARGB encoding method, A represents the Alpha channel, which is used to indicate transparency, R represents the Red channel, which is used to indicate red, G represents the Green channel, which is used to indicate green, and B represents the Blue channel, which is used to indicate blue. When adopting the ARGB encoding method to encode the first image, the value of the Alpha channel of the non-window area in the first image can be set to a specified value, and the RGB channel (including the Red channel, the Green channel and the Blue channel) is normally encoded; The alpha channel and RGB channel of the window area in the first image are encoded normally. In practical applications, the value of the Alpha channel represents non-transparency. When the value of the Alpha channel is 0, it is completely transparent. When the value of the Alpha channel is 100%, it is completely opaque. The value of the Alpha channel is between 0 and 100%. Between means semi-transparent. In the embodiment of the present application, the value of the Alpha channel can be set to a value smaller than (100%-preset value), so that the transparency of the non-window area in the second image can be greater than or equal to the preset value.

步骤S403,第一设备向第二设备发送第二图像。Step S403, the first device sends the second image to the second device.

步骤S404,第二设备接收第二图像。Step S404, the second device receives the second image.

步骤S405,第二设备显示所述第二图像。Step S405, the second device displays the second image.

在本申请实施例中,对代表第一设备当前显示的画面的第一图像进行编码得到第二图像,使得第二图像中除需要第一设备与第二设备进行共享显示的区域以外的区域的透明度大于或者等于预设值,从而通过在第一设备和第二设备之间传输第二图像以及在第二设备显示第二图像即可实现窗口区域共享,不需要为窗口区域中的每个窗口建立单独的编码通道,无需为窗口区域中的每个窗口创建悬浮窗,降低了时延、减少了对资源的占用,从而提高了屏幕内容共享时电子设备运行的流畅性,提高了用户体验。对于窗口区域中窗口数量较多的场景同样能够有效提升电子设备运行的流畅性,扩大了屏幕内容共享的应用场景。In this embodiment of the present application, the first image representing the screen currently displayed by the first device is encoded to obtain the second image, so that the area in the second image other than the area that needs to be shared by the first device and the second device The transparency is greater than or equal to the preset value, so that the window area sharing can be realized by transmitting the second image between the first device and the second device and displaying the second image on the second device, and it is not necessary to create an image for each window in the window area Establishing a separate encoding channel eliminates the need to create a floating window for each window in the window area, which reduces the delay and resource occupation, thereby improving the smoothness of electronic device operation during screen content sharing and improving user experience. For a scene with a large number of windows in the window area, it can also effectively improve the smoothness of the operation of the electronic device, and expand the application scene of screen content sharing.

图6示出本申请实施例提供的交互方法的交互流程图。该方法可以应用于图3所示的交互系统。如图6所示,该方法可以包括:FIG. 6 shows an interaction flowchart of an interaction method provided by an embodiment of the present application. This method can be applied to the interactive system shown in FIG. 3 . As shown in Figure 6, the method may include:

步骤S501,第一设备获取第一图像,以及第一图像中窗口区域的位置信息。In step S501, the first device acquires a first image and position information of a window area in the first image.

本步骤可以参照步骤S401,这里不再赘述。For this step, reference may be made to step S401, which will not be repeated here.

步骤S502,第一设备基于窗口区域的位置信息对第一图像进行编码,得到第二图像,以使第二图像中除窗口区域以外的区域的透明度大于或者等于预设值。In step S502, the first device encodes the first image based on the position information of the window area to obtain a second image, so that the transparency of areas other than the window area in the second image is greater than or equal to a preset value.

本步骤可以参照步骤S402,这里不再赘述。For this step, reference may be made to step S402, which will not be repeated here.

步骤S503,第一设备向第二设备发送第二图像以及所述窗口区域的位置信息。Step S503, the first device sends the second image and the location information of the window area to the second device.

在本步骤中,第一设备可以先向第二设备发送第二图像,再向第二设备发送窗口区域的位置信息;也可以先向第二设备发送窗口区域的位置信息,再向第二设备发送第二图像;还可以向第二设备同时发送第二图像和窗口区域的位置信息。In this step, the first device may first send the second image to the second device, and then send the location information of the window area to the second device; or send the location information of the window area to the second device first, and then send the location information of the window area to the second device Sending the second image; it is also possible to send the second image and the location information of the window area to the second device at the same time.

步骤S504,第二设备接收第二图像以及窗口区域的位置信息。Step S504, the second device receives the second image and the location information of the window area.

步骤S505,第二设备显示所述第二图像。Step S505, the second device displays the second image.

步骤S506,第二设备根据窗口区域的位置信息,确定反控区域。Step S506, the second device determines the anti-control area according to the location information of the window area.

在本步骤中,第二设备可以首先对窗口区域的位置信息进行变换,然后根据变换后的窗口区域的位置信息,确定反控区域。具体的,第二设备显示的画面中变换后的窗口区域的位置信息所指示的区域即为反控区域,除反控区域以外的区域可以称为自控区域。反控区域表示对第一设备进行反向控制的区域。自控区域表示对第二设备自身进行直接控制的区域。可以理解的是,在第二设备接收到的用户操作处于反控区域时,表明用户想对第一设备的窗口进行操作,需要对第一设备进行控制;在第二设备接收到的用户操作处理自控区域时,表明用户想对本地窗口进行操作,需要对第二设备进行控制其中,处于反控区域的用户操作可以记为第二用户操作,处于自控区域的用户操作可以记为第三用户操作。In this step, the second device may first transform the position information of the window area, and then determine the anti-control area according to the transformed position information of the window area. Specifically, the area indicated by the position information of the converted window area in the screen displayed by the second device is the anti-control area, and the areas other than the anti-control area may be called self-control areas. The anti-control area refers to an area where reverse control is performed on the first device. The self-controlled area means an area that directly controls the second device itself. It can be understood that when the user operation received by the second device is in the anti-control area, it indicates that the user wants to operate the window of the first device and needs to control the first device; the user operation received by the second device is processed In the self-control area, it indicates that the user wants to operate the local window and needs to control the second device. Among them, the user operation in the anti-control area can be recorded as the second user operation, and the user operation in the self-control area can be recorded as the third user operation .

在第二设备可以根据用户操作对应的坐标信息和反控区域的位置信息以及自控区域的位置信息,确定用户操作是处于反控区域还是自控区域,即确定用户操作是针对反控区域的第二用户操作还是针对自控区域的第三用户操作。在用户操作是第二用户操作的情况下,可以执行步骤S507至步骤S514;在用户操作是第三用户操作的情况下,可以执行步骤S515。The second device can determine whether the user operation is in the anti-control area or the self-control area according to the coordinate information corresponding to the user operation, the position information of the anti-control area, and the position information of the self-control area, that is, determine whether the user operation is for the second part of the anti-control area. The user operation is also a third user operation directed at the self-control area. If the user operation is a second user operation, step S507 to step S514 may be performed; if the user operation is a third user operation, step S515 may be performed.

步骤S507,第二设备响应于针对所述反控区域的第二用户操作,获取第二坐标信息和第二事件类型。In step S507, the second device acquires second coordinate information and a second event type in response to a second user operation on the anti-control area.

第二坐标信息表示第二用户操作对应的坐标信息,第二事件类型表示第二用户操作对应的事件类型,第二坐标信息和第二事件类型可以参照步骤S401,这里不再赘述。The second coordinate information indicates the coordinate information corresponding to the second user operation, and the second event type indicates the event type corresponding to the second user operation. Refer to step S401 for the second coordinate information and the second event type, which will not be repeated here.

步骤S508,第二设备基于第二坐标信息和第二事件类型,生成反控消息。In step S508, the second device generates a counter-control message based on the second coordinate information and the second event type.

反控消息可以参照步骤S401,这里不再赘述。For the anti-control message, refer to step S401, which will not be repeated here.

步骤S509,第二设备向第一设备返回反控消息。In step S509, the second device returns a counter-control message to the first device.

步骤S510,第一设备响应于接收到的反控消息,从反控消息中获取第二坐标信息和第二事件类型。In step S510, the first device acquires second coordinate information and a second event type from the counter-control message in response to the received counter-control message.

步骤S511,第一设备对第二坐标信息进行坐标变换。In step S511, the first device performs coordinate transformation on the second coordinate information.

步骤S512,第一设备基于变换后的第二坐标信息和第二事件类型,生成窗口控制指令。In step S512, the first device generates a window control instruction based on the converted second coordinate information and the second event type.

其中,窗口控制指令可以用于对第一设备中的窗口进行控制。Wherein, the window control instruction may be used to control the windows in the first device.

步骤S513,第一设备按照窗口控制指令,对显示的窗口区域进行控制。In step S513, the first device controls the displayed window area according to the window control instruction.

在本步骤中,第一设备可以按照窗口控制指令对应的变换后的第二坐标信息和第二事件类型,对第一设备上显示的窗口区域进行控制。举例来说,第二坐标信息指示的位置处于第二设备显示的窗口1的关闭按钮上,第二事件类型为关闭窗口,第一设备按照该变换后的第二坐标信息和第二事件类型,可以对第一设备上显示的窗口区域中的窗口1进行关闭。In this step, the first device may control the window area displayed on the first device according to the converted second coordinate information and the second event type corresponding to the window control instruction. For example, the position indicated by the second coordinate information is on the close button of window 1 displayed by the second device, and the second event type is closing the window, and the first device according to the converted second coordinate information and the second event type, Window 1 in the window area displayed on the first device may be closed.

步骤S514,第一设备响应于窗口控制指令执行步骤S501。In step S514, the first device executes step S501 in response to the window control instruction.

在本步骤中,由于第一设备按照窗口控制指令,对显示的窗口区域进行了控制,例如,移动了窗口区域中的窗口、关闭了窗口区域中的窗口、将一个或多个窗口移出了窗口区域等,可见,第一设备中的窗口区域发生了变化,显示的画面也发生了变化,因此,第一设备响应于窗口控制指令可以重新获取第一图像,以及第一图像中窗口区域的位置信息,基于窗口区域的位置信息对第一图像进行编码,得到新的第二图像,然后将新的第二图像和新的窗口区域的位置信息发送至第二设备。第二设备显示新的第二图像,实现了共享显示的窗口区域的更新。第二设备根据新的窗口区域的位置信息,可以确定新的反控区域和自控区域,实现反控区域和自控区域的更新,使得用户操作更加准确。In this step, since the first device controls the displayed window area according to the window control instruction, for example, the windows in the window area are moved, the windows in the window area are closed, and one or more windows are moved out of the window area. It can be seen that the window area in the first device has changed, and the displayed picture has also changed. Therefore, the first device can reacquire the first image and the position of the window area in the first image in response to the window control command. Information, encoding the first image based on the position information of the window area to obtain a new second image, and then sending the new second image and the position information of the new window area to the second device. The second device displays the new second image, realizing the update of the shared display window area. The second device can determine a new anti-control area and self-control area according to the position information of the new window area, and realize the update of the anti-control area and the self-control area, so that the user operation is more accurate.

步骤S515,第二设备响应于针对自控区域的第三用户操作,获取第三坐标信息和第三事件类型,并基于第三坐标信息和第三事件类型对第二设备进行控制。In step S515, the second device acquires third coordinate information and a third event type in response to a third user operation on the self-control area, and controls the second device based on the third coordinate information and the third event type.

在本步骤中,第二设备可以对本地的窗口进行控制,从而在进行共享显示时,不影响第二设备本身的使用和运行,提高了用户体验。In this step, the second device can control the local window, so that the use and operation of the second device itself will not be affected when the shared display is performed, thereby improving user experience.

在一个示例中,第二设备可以利用虚拟驱动的技术将第三坐标信息和第三事件类型直接注入第二设备,从而不影响第二设备本身应用的运行和体验。In an example, the second device may directly inject the third coordinate information and the third event type into the second device by using a virtual driver technology, so as not to affect the operation and experience of the application on the second device itself.

在本申请实施例中,基于窗口区域的位置信息,确定第二设备中的反控区域和自控区域,根据用户操作处于反控区域还是自控区域,对第一设备进行反向控制或者对第二设备进行本地控制,这样,既实现了第二设备反控第一设备中窗口区域的效果,有不影响第二设备本身应用的运行,提高了用户体验。In this embodiment of the application, based on the position information of the window area, the anti-control area and the self-control area in the second device are determined, and the first device is reversely controlled or the second device is controlled according to whether the user operation is in the anti-control area or the self-control area. The device performs local control. In this way, the effect of the second device counter-controlling the window area of the first device is realized without affecting the operation of the application of the second device itself, thereby improving user experience.

图7示出本申请实施例提供的交互装置的结构示意图。该装置可以应用于图3所示的第一设备31。如图7所示,装置70可以包括:第一获取模块71,用于获取第一图像,以及所述第一图像中窗口区域的位置信息,其中,所述第一图像表示第一设备当前显示的画面,所述窗口区域表示所述第一图像中所述第一设备与第二设备进行共享显示的区域;编码模块72,用于基于所述第一获取模块71获取的窗口区域的位置信息对所述第一获取模块71获取的第一图像进行编码,得到第二图像,以使所述第二图像中除所述窗口区域以外的区域的透明度大于或者等于预设值;第一发送模块73,用于发送所述编码模块得到的第二图像。FIG. 7 shows a schematic structural diagram of an interaction device provided by an embodiment of the present application. This device can be applied to the first device 31 shown in FIG. 3 . As shown in FIG. 7 , the apparatus 70 may include: a first acquiring module 71, configured to acquire a first image and position information of a window area in the first image, wherein the first image indicates that the first device currently displays , the window area represents the shared display area of the first device and the second device in the first image; the encoding module 72 is configured to obtain the position information of the window area based on the first obtaining module 71 Encoding the first image acquired by the first acquisition module 71 to obtain a second image, so that the transparency of the area other than the window area in the second image is greater than or equal to a preset value; the first sending module 73, configured to send the second image obtained by the encoding module.

在本申请实施例中,对代表第一设备当前显示的画面的第一图像进行编码得到第二图像,使得第二图像中除需要第一设备与第二设备进行共享显示的区域以外的区域的透明度大于或者等于预设值,从而通过在第一设备和第二设备之间传输第二图像以及在第二设备显示第二图像即可实现窗口区域共享,不需要为窗口区域中的每个窗口建立单独的编码通道,无需为窗口区域中的每个窗口创建悬浮窗,降低了时延、减少了对资源的占用,从而提高了屏幕内容共享时电子设备运行的流畅性,提高了用户体验。对于窗口区域中窗口数量较多的场景同样能够有效提升电子设备运行的流畅性,扩大了屏幕内容共享的应用场景。In this embodiment of the present application, the first image representing the screen currently displayed by the first device is encoded to obtain the second image, so that the area in the second image other than the area that needs to be shared by the first device and the second device The transparency is greater than or equal to the preset value, so that the window area sharing can be realized by transmitting the second image between the first device and the second device and displaying the second image on the second device, and it is not necessary to create an image for each window in the window area Establishing a separate encoding channel eliminates the need to create a floating window for each window in the window area, which reduces the delay and resource occupation, thereby improving the smoothness of electronic device operation during screen content sharing and improving user experience. For a scene with a large number of windows in the window area, it can also effectively improve the smoothness of the operation of the electronic device, and expand the application scene of screen content sharing.

在一种可能的实现方式中,所述装置还包括:第二发送模块,用于发送所述窗口区域的位置信息。In a possible implementation manner, the device further includes: a second sending module, configured to send the location information of the window area.

在一种可能的实现方式中,所述第一获取模块还用于:响应于窗口控制指令,获取所述第一图像,以及所述窗口区域的位置信息,所述窗口控制指令用于对所述第一设备上显示的窗口区域进行控制。In a possible implementation manner, the first acquiring module is further configured to: acquire the first image and the position information of the window area in response to a window control instruction, and the window control instruction is used to control the window area displayed on the first device.

在一种可能的实现方式中,所述装置还包括:第二获取模块,用于响应于第一用户操作,获取第一坐标信息和第一事件类型,所述第一用户操作表示针对所述第一设备上显示的所述窗口区域进行的用户操作;第一生成模块,用于基于所述第一坐标信息和第一事件类型,生成所述窗口控制指令;第一控制模块,用于按照所述窗口控制指令,对所述第一设备上显示的窗口区域进行控制。In a possible implementation manner, the device further includes: a second acquiring module, configured to acquire first coordinate information and a first event type in response to a first user operation, where the first user operation indicates that the A user operation performed on the window area displayed on the first device; a first generation module, configured to generate the window control instruction based on the first coordinate information and the first event type; a first control module, configured to follow The window control instruction controls the window area displayed on the first device.

在一种可能的实现方式中,所述装置还包括:第三获取模块,用于响应于接收到的反控消息,从所述反控消息中获取第二坐标信息和第二事件类型,所述反控消息是根据第二用户操作生成的,所述第二用户操作表示针对所述第二设备上显示的所述窗口区域进行的用户操作;变换模块,用于对所述第二坐标信息进行坐标变换;第二生成模块,用于基于变换后的第二坐标信息和所述第二事件类型,生成所述窗口控制指令;第二控制模块,用于按照所述窗口控制指令,对所述第一设备上显示的窗口区域进行控制。In a possible implementation manner, the device further includes: a third acquiring module, configured to acquire the second coordinate information and the second event type from the counter-control message in response to the received counter-control message, the The anti-control message is generated according to a second user operation, and the second user operation represents a user operation performed on the window area displayed on the second device; a transformation module is configured to convert the second coordinate information Coordinate transformation; a second generating module, configured to generate the window control instruction based on the transformed second coordinate information and the second event type; a second control module, configured to generate the window control instruction according to the window control instruction control the window area displayed on the first device.

在一种可能的实现方式中,所述第一获取模块还用于:响应于屏幕内容共享操作,获取所述第一图像,以及所述窗口区域的位置信息。In a possible implementation manner, the first acquiring module is further configured to: acquire the first image and position information of the window area in response to a screen content sharing operation.

在一种可能的实现方式中,所述窗口区域包括一个或多个窗口。In a possible implementation manner, the window area includes one or more windows.

图8示出本申请实施例提供的交互装置的结构示意图。该装置可以应用于图3所示的第二设备32。如图8所示,装置80可以包括:FIG. 8 shows a schematic structural diagram of an interaction device provided by an embodiment of the present application. This arrangement can be applied to the second device 32 shown in FIG. 3 . As shown in Figure 8, the device 80 may include:

第一接收模块81,用于接收第二图像,所述第二图像中除窗口区域以外的区域的透明度大于或者等于预设值,所述窗口区域表示第一设备当前显示的画面中与第二设备共享的区域;The first receiving module 81 is configured to receive the second image, the transparency of the area other than the window area in the second image is greater than or equal to a preset value, and the window area indicates that the screen currently displayed by the first device is different from the second image. Areas where devices are shared;

显示模块82,用于在所述第二设备上显示所述第一接收模块81接收的第二图像。The display module 82 is configured to display the second image received by the first receiving module 81 on the second device.

在本申请实施例中,第二设备显示第二图像,其中,第二图像中除第一设备与第二设备进行共享显示的区域以外的区域的透明度大于或者等于预设值,使得第一设备和第二设备之间传输第二图像以及在第二设备显示第二图像即可实现窗口区域共享,不需要为窗口区域中的每个窗口建立单独的编码通道,无需为窗口区域中的每个窗口创建悬浮窗,降低了时延、减少了对资源的占用,从而提高了屏幕内容共享时电子设备运行的流畅性,提高了用户体验。对于窗口区域中窗口数量较多的场景同样能够有效提升电子设备运行的流畅性,扩大了屏幕内容共享的应用场景。In this embodiment of the present application, the second device displays the second image, wherein the transparency of the area in the second image other than the shared display area between the first device and the second device is greater than or equal to a preset value, so that the first device Sharing the window area can be realized by transmitting the second image with the second device and displaying the second image on the second device. There is no need to establish a separate encoding channel for each window in the window area, and it is not necessary to create a separate encoding channel for each window in the window area. The window creates a floating window, which reduces the delay and resource occupation, thereby improving the smoothness of the operation of the electronic device when the screen content is shared, and improving the user experience. For a scene with a large number of windows in the window area, it can also effectively improve the smoothness of the operation of the electronic device, and expand the application scene of screen content sharing.

在一种可能的实现方式中,所述装置还包括:第二接收模块,用于接收所述窗口区域的位置信息;确定模块,用于根据所述窗口区域的位置信息,确定所述第二设备中的反控区域;第一获取模块,用于响应于针对所述反控区域的第二用户操作,获取第二坐标信息和第二事件类型;生成模块,用于基于所述第二坐标信息和所述第二事件类型,生成反控消息;返回模块,用于返回所述反控消息,以对所述第一设备进行控制。In a possible implementation manner, the device further includes: a second receiving module, configured to receive the location information of the window area; a determining module, configured to determine the second location information according to the location information of the window area. An anti-control area in the device; a first acquisition module, configured to acquire second coordinate information and a second event type in response to a second user operation on the anti-control area; a generation module, configured to obtain information based on the second coordinates information and the second event type, to generate a counter-control message; a return module, configured to return the counter-control message to control the first device.

在一种可能的实现方式中,所述装置还包括:第二获取模块,用于响应于针对自控区域的第三用户操作,获取第三坐标信息和第三事件类型,所述自控区域表示所述第二设备当前显示的画面中除所述反控区域以外的区域;控制模块,用于基于所述第三坐标信息和所述第三事件类型,对所述第二设备进行控制。In a possible implementation manner, the device further includes: a second acquiring module, configured to acquire third coordinate information and a third event type in response to a third user operation on a self-control area, where the self-control area represents the An area other than the anti-control area in the screen currently displayed by the second device; a control module configured to control the second device based on the third coordinate information and the third event type.

在一种可能的实现方式中,所述窗口区域包括一个或多个窗口。In a possible implementation manner, the window area includes one or more windows.

图9示出本申请实施例提供的电子设备的结构示意图。以电子设备是手机为例,图9示出了手机200的结构示意图。FIG. 9 shows a schematic structural diagram of an electronic device provided by an embodiment of the present application. Taking the electronic device as a mobile phone as an example, FIG. 9 shows a schematic structural diagram of a mobile phone 200 .

手机200可以包括处理器210,外部存储器接口220,内部存储器221,USB接口230,充电管理模块240,电源管理模块241,电池242,天线1,天线2,移动通信模块251,无线通信模块252,音频模块270,扬声器270A,受话器270B,麦克风270C,耳机接口270D,传感器模块280,按键290,马达291,指示器292,摄像头293,显示屏294,以及SIM卡接口295等。其中传感器模块280可以包括陀螺仪传感器,加速度传感器,接近光传感器、指纹传感器,触摸传感器,温度传感器,压力传感器、距离传感器、磁传感器、环境光传感器、气压传感器、骨传导传感器等(图中未示出)。The mobile phone 200 may include a processor 210, an external memory interface 220, an internal memory 221, a USB interface 230, a charging management module 240, a power management module 241, a battery 242, an antenna 1, an antenna 2, a mobile communication module 251, a wireless communication module 252, Audio module 270, speaker 270A, receiver 270B, microphone 270C, headphone jack 270D, sensor module 280, button 290, motor 291, indicator 292, camera 293, display screen 294, and SIM card interface 295, etc. The sensor module 280 may include a gyroscope sensor, an acceleration sensor, a proximity light sensor, a fingerprint sensor, a touch sensor, a temperature sensor, a pressure sensor, a distance sensor, a magnetic sensor, an ambient light sensor, an air pressure sensor, a bone conduction sensor, etc. (not shown in the figure) Shows).

可以理解的是,本申请实施例示意的结构并不构成对手机200的具体限定。在本申请另一些实施例中,手机200可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。It can be understood that the structure shown in the embodiment of the present application does not constitute a specific limitation on the mobile phone 200 . In other embodiments of the present application, the mobile phone 200 may include more or fewer components than shown in the figure, or combine certain components, or separate certain components, or arrange different components. The illustrated components can be realized in hardware, software or a combination of software and hardware.

处理器210可以包括一个或多个处理单元,例如:处理器210可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processing unit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(Neural-network Processing Unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。其中,控制器可以是手机200的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。The processor 210 may include one or more processing units, for example: the processor 210 may include an application processor (application processor, AP), a modem processor, a graphics processing unit (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural network processor (Neural-network Processing Unit, NPU) wait. Wherein, different processing units may be independent devices, or may be integrated in one or more processors. Wherein, the controller may be the nerve center and command center of the mobile phone 200 . The controller can generate an operation control signal according to the instruction opcode and timing signal, and complete the control of fetching and executing the instruction.

处理器210中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器210中的存储器为高速缓冲存储器。该存储器可以保存处理器210刚用过或循环使用的指令或数据。如果处理器210需要再次使用该指令或数据,可从所述存储器中直接调用。避免了重复存取,减少了处理器210的等待时间,因而提高了系统的效率。A memory may also be provided in the processor 210 for storing instructions and data. In some embodiments, the memory in processor 210 is a cache memory. The memory may hold instructions or data that the processor 210 has just used or recycled. If the processor 210 needs to use the instruction or data again, it can be called directly from the memory. Repeated access is avoided, and the waiting time of the processor 210 is reduced, thereby improving the efficiency of the system.

处理器210可以运行本申请实施例提供的方法,以便于提高屏幕内容共享时手机200的流畅性。处理器210可以包括不同的器件,比如集成CPU和GPU时,CPU和GPU可以配合执行本申请实施例提供的消息处理方法,比如消息处理方法中部分算法由CPU执行,另一部分算法由GPU执行,以得到较快的处理效率。The processor 210 may run the method provided by the embodiment of the present application, so as to improve the fluency of the mobile phone 200 when sharing screen content. The processor 210 may include different devices. For example, when a CPU and a GPU are integrated, the CPU and the GPU may cooperate to execute the message processing method provided in the embodiment of the present application. For example, in the message processing method, part of the algorithm is executed by the CPU, and another part of the algorithm is executed by the GPU. for faster processing efficiency.

显示屏294用于显示图像,视频等。显示屏294包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emitting diode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的,AMOLED),柔性发光二极管(flex light-emitting diode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dot light emitting diodes,QLED)等。在一些实施例中,手机200可以包括1个或N个显示屏294,N为大于1的正整数。显示屏294可用于显示由用户输入的信息或提供给用户的信息以及各种图形用户界面(graphical user interface,GUI)。例如,显示器294可以显示照片、视频、网页、或者文件等。再例如,显示器294可以显示图形用户界面。其中,图形用户界面上包括状态栏、可隐藏的导航栏、时间和天气小组件(widget)、以及应用的图标,例如浏览器图标等。状态栏中包括运营商名称(例如中国移动)、移动网络(例如4G)、时间和剩余电量。导航栏中包括后退(back)键图标、主屏幕(home)键图标和前进键图标。此外,可以理解的是,在一些实施例中,状 态栏中还可以包括蓝牙图标、Wi-Fi图标、外接设备图标等。还可以理解的是,在另一些实施例中,图形用户界面中还可以包括Dock栏,Dock栏中可以包括常用的应用图标等。当处理器210检测到用户的手指(或触控笔等)针对某一应用图标的触摸事件后,响应于该触摸事件,打开与该应用图标对应的应用的用户界面,并在显示器294上显示该应用的用户界面。The display screen 294 is used to display images, videos and the like. Display 294 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active matrix organic light emitting diode or an active matrix organic light emitting diode (active-matrix organic light emitting diode, AMOLED), flexible light-emitting diode (flex light-emitting diode, FLED), Miniled, MicroLed, Micro-oLed, quantum dot light emitting diodes (quantum dot light emitting diodes, QLED), etc. In some embodiments, the mobile phone 200 may include 1 or N display screens 294, where N is a positive integer greater than 1. The display screen 294 can be used to display information input by the user or information provided to the user and various graphical user interfaces (graphical user interface, GUI). For example, the display 294 can display photos, videos, web pages, or files, and the like. As another example, display 294 may display a graphical user interface. Wherein, the GUI includes a status bar, a hideable navigation bar, time and weather widgets (widgets), and application icons, such as browser icons. The status bar includes the operator name (such as China Mobile), mobile network (such as 4G), time and remaining power. The navigation bar includes a back key icon, a main screen (home) key icon and a forward key icon. In addition, it can be understood that, in some embodiments, the status bar may also include a Bluetooth icon, a Wi-Fi icon, an external device icon, and the like. It can also be understood that, in some other embodiments, the graphical user interface may further include a Dock bar, and the Dock bar may include commonly used application icons and the like. When the processor 210 detects a user's finger (or stylus, etc.) touch event on a certain application icon, in response to the touch event, the user interface of the application corresponding to the application icon is opened and displayed on the display 294. The app's user interface.

在本申请实施例中,显示屏294可以是一个一体的柔性显示屏,也可以采用两个刚性屏以及位于两个刚性屏之间的一个柔性屏组成的拼接显示屏。In the embodiment of the present application, the display screen 294 may be an integral flexible display screen, or a spliced display screen composed of two rigid screens and a flexible screen between the two rigid screens.

当处理器210运行本申请实施例提供的方法后,手机200可以通过天线1、天线2或者USB接口与其他的电子设备建立连接,并根据本申请实施例提供的方法传输数据以及控制显示屏294显示相应的图形用户界面。在本申请实施例中,可以传输第二图像、窗口区域的位置信息、反控消息等数据,以及控制显示屏294显示第一图像或者第二图像。After the processor 210 runs the method provided by the embodiment of the present application, the mobile phone 200 can establish a connection with other electronic devices through the antenna 1, the antenna 2 or the USB interface, and transmit data and control the display screen 294 according to the method provided by the embodiment of the present application. The corresponding GUI is displayed. In the embodiment of the present application, data such as the second image, position information of the window area, anti-control message, etc. may be transmitted, and the display screen 294 may be controlled to display the first image or the second image.

摄像头293(前置摄像头或者后置摄像头,或者一个摄像头既可作为前置摄像头,也可作为后置摄像头)用于捕获静态图像或视频。通常,摄像头293可以包括感光元件比如镜头组和图像传感器,其中,镜头组包括多个透镜(凸透镜或凹透镜),用于采集待拍摄物体反射的光信号,并将采集的光信号传递给图像传感器。图像传感器根据所述光信号生成待拍摄物体的原始图像。A camera 293 (either a front camera or a rear camera, or a camera that can function as both a front camera and a rear camera) is used to capture still images or video. Generally, the camera 293 may include a photosensitive element such as a lens group and an image sensor, wherein the lens group includes a plurality of lenses (convex lens or concave lens), which are used to collect light signals reflected by objects to be photographed, and transmit the collected light signals to the image sensor . The image sensor generates an original image of the object to be photographed according to the light signal.

内部存储器221可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器210通过运行存储在内部存储器221的指令,从而执行手机200的各种功能应用以及数据处理。内部存储器221可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,应用程序(比如相机应用,微信应用等)的代码等。存储数据区可存储手机200使用过程中所创建的数据(比如相机应用采集的图像、视频等)等。The internal memory 221 may be used to store computer-executable program codes including instructions. The processor 210 executes various functional applications and data processing of the mobile phone 200 by executing instructions stored in the internal memory 221 . The internal memory 221 may include an area for storing programs and an area for storing data. Wherein, the stored program area can store codes of operating systems and application programs (such as camera applications, WeChat applications, etc.). The data storage area can store data created during the use of the mobile phone 200 (such as images and videos collected by a camera application, etc.).

内部存储器221还可以存储本申请实施例提供的消息处理方法对应的一个或多个计算机程序1310。该一个或多个计算机程序1304被存储在上述存储器221中并被配置为被该一个或多个处理器210执行,该一个或多个计算机程序1310包括指令。The internal memory 221 may also store one or more computer programs 1310 corresponding to the message processing method provided in the embodiment of the present application. The one or more computer programs 1304 are stored in the aforementioned memory 221 and are configured to be executed by the one or more processors 210 , the one or more computer programs 1310 comprising instructions.

此外,内部存储器221可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。In addition, the internal memory 221 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, flash memory device, universal flash storage (universal flash storage, UFS) and the like.

当然,本申请实施例提供的交互方法的代码还可以存储在外部存储器中。这种情况下,处理器210可以通过外部存储器接口220运行存储在外部存储器中的交互方法的代码。Certainly, the code of the interaction method provided in the embodiment of the present application may also be stored in an external memory. In this case, the processor 210 may run the code of the interaction method stored in the external memory through the external memory interface 220 .

下面介绍触摸传感器280K,也称“触控面板”。触摸传感器280K可以设置于显示屏294,由触摸传感器280K与显示屏294组成触摸屏,也称“触控屏”。触摸传感器280K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏294提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器280K也可以设置于手机200的表面,与显示屏294所处的位置不同。The following introduces the touch sensor 280K, also known as "touch panel". The touch sensor 280K can be arranged on the display screen 294, and the touch sensor 280K and the display screen 294 form a touch screen, also called “touch screen”. The touch sensor 280K is used to detect a touch operation on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to touch operations can be provided through the display screen 294 . In some other embodiments, the touch sensor 280K may also be disposed on the surface of the mobile phone 200 , which is different from the position of the display screen 294 .

示例性的,手机200的显示屏294显示主界面,主界面中包括多个应用(比如相机应用、微信应用等)的图标。用户通过触摸传感器280K点击主界面中相机应用的图标,触发处理器210启动相机应用,打开摄像头293。显示屏294显示相机应用的界面,例如取景界面。Exemplarily, the display screen 294 of the mobile phone 200 displays a main interface, which includes icons of multiple applications (such as camera applications, WeChat applications, etc.). The user clicks the icon of the camera application in the main interface through the touch sensor 280K, triggers the processor 210 to start the camera application, and turns on the camera 293 . The display screen 294 displays an interface of the camera application, such as a viewfinder interface.

手机200的无线通信功能可以通过天线1,天线2,移动通信模块251,无线通信模块252,调制解调处理器以及基带处理器等实现。The wireless communication function of the mobile phone 200 can be realized by the antenna 1, the antenna 2, the mobile communication module 251, the wireless communication module 252, the modem processor and the baseband processor.

天线1和天线2用于发射和接收电磁波信号。手机200中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。例如:可以将天线1复用为 无线局域网的分集天线。在另外一些实施例中,天线可以和调谐开关结合使用。Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in handset 200 can be used to cover single or multiple communication frequency bands. Different antennas can also be multiplexed to improve the utilization of the antennas. For example: Antenna 1 can be multiplexed as a diversity antenna of a wireless local area network. In other embodiments, the antenna may be used in conjunction with a tuning switch.

移动通信模块251可以提供应用在手机200上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块251可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块251可以由天线1接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块251还可以对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。在一些实施例中,移动通信模块251的至少部分功能模块可以被设置于处理器210中。在一些实施例中,移动通信模块251的至少部分功能模块可以与处理器210的至少部分模块被设置在同一个器件中。在本申请实施例中,移动通信模块251还可以用于与其它电子设备进行信息交互。例如,向第二设备发送第二图像和窗口区域的位置信息,接收第二设备发送的反控消息,或者,接收第一设备发送的第二图像和窗口区域的位置信息,向第一设备发送反控消息。The mobile communication module 251 can provide wireless communication solutions including 2G/3G/4G/5G applied on the mobile phone 200 . The mobile communication module 251 may include at least one filter, switch, power amplifier, low noise amplifier (low noise amplifier, LNA) and the like. The mobile communication module 251 can receive electromagnetic waves through the antenna 1, filter and amplify the received electromagnetic waves, and send them to the modem processor for demodulation. The mobile communication module 251 can also amplify the signal modulated by the modem processor, convert it into electromagnetic waves and radiate it through the antenna 1 . In some embodiments, at least part of the functional modules of the mobile communication module 251 may be set in the processor 210 . In some embodiments, at least part of the functional modules of the mobile communication module 251 and at least part of the modules of the processor 210 may be set in the same device. In the embodiment of the present application, the mobile communication module 251 may also be used for information interaction with other electronic devices. For example, send the second image and the position information of the window area to the second device, receive the counter-control message sent by the second device, or receive the second image and the position information of the window area sent by the first device, and send the Counter-control news.

调制解调处理器可以包括调制器和解调器。其中,调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后,被传递给应用处理器。应用处理器通过音频设备(不限于扬声器270A,受话器270B等)输出声音信号,或通过显示屏294显示图像或视频。在一些实施例中,调制解调处理器可以是独立的器件。在另一些实施例中,调制解调处理器可以独立于处理器210,与移动通信模块251或其他功能模块设置在同一个器件中。A modem processor may include a modulator and a demodulator. Wherein, the modulator is used for modulating the low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low frequency baseband signal. Then the demodulator sends the demodulated low-frequency baseband signal to the baseband processor for processing. The low-frequency baseband signal is passed to the application processor after being processed by the baseband processor. The application processor outputs sound signals through audio equipment (not limited to speaker 270A, receiver 270B, etc.), or displays images or videos through display screen 294 . In some embodiments, the modem processor may be a stand-alone device. In some other embodiments, the modem processor may be independent of the processor 210, and be set in the same device as the mobile communication module 251 or other functional modules.

无线通信模块252可以提供应用在手机200上的包括无线局域网(wireless local area networks,WLAN)(如无线保真(wireless fidelity,Wi-Fi)网络),蓝牙(bluetooth,BT),全球导航卫星系统(global navigation satellite system,GNSS),调频(frequency modulation,FM),近距离无线通信技术(near field communication,NFC),红外技术(infrared,IR)等无线通信的解决方案。无线通信模块252可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块252经由天线2接收电磁波,将电磁波信号调频以及滤波处理,将处理后的信号发送到处理器210。无线通信模块252还可以从处理器210接收待发送的信号,对其进行调频,放大,经天线2转为电磁波辐射出去。本申请实施例中,无线通信模块252,用于在处理器210的控制下与其他电子设备之间传输数据,比如,处理器210运行本申请实施例提供的消息处理方法时,处理器可以控制无线通信模块252向第二设备发送第二图像等数据。The wireless communication module 252 can provide wireless local area networks (wireless local area networks, WLAN) (such as wireless fidelity (Wireless Fidelity, Wi-Fi) network), bluetooth (bluetooth, BT), global navigation satellite system, etc. applied on the mobile phone 200. (global navigation satellite system, GNSS), frequency modulation (frequency modulation, FM), near field communication technology (near field communication, NFC), infrared technology (infrared, IR) and other wireless communication solutions. The wireless communication module 252 may be one or more devices integrating at least one communication processing module. The wireless communication module 252 receives electromagnetic waves via the antenna 2 , frequency-modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 210 . The wireless communication module 252 can also receive the signal to be transmitted from the processor 210 , frequency-modulate it, amplify it, and convert it into electromagnetic waves through the antenna 2 for radiation. In the embodiment of the present application, the wireless communication module 252 is used to transmit data between other electronic devices under the control of the processor 210. For example, when the processor 210 runs the message processing method provided in the embodiment of the present application, the processor can control The wireless communication module 252 sends data such as the second image to the second device.

另外,手机200可以通过音频模块270,扬声器270A,受话器270B,麦克风270C,耳机接口270D,以及应用处理器等实现音频功能。例如音乐播放,录音等。手机200可以接收按键290输入,产生与手机200的用户设置以及功能控制有关的键信号输入。手机200可以利用马达291产生振动提示(比如来电振动提示)。手机200中的指示器292可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。手机200中的SIM卡接口295用于连接SIM卡。SIM卡可以通过插入SIM卡接口295,或从SIM卡接口295拔出,实现和手机200的接触和分离。In addition, the mobile phone 200 can realize the audio function through the audio module 270, the speaker 270A, the receiver 270B, the microphone 270C, the earphone interface 270D, and the application processor. Such as music playback, recording, etc. The mobile phone 200 can receive the input of the key 290 and generate key signal input related to the user setting and function control of the mobile phone 200 . The mobile phone 200 can use the motor 291 to generate a vibration prompt (such as a vibration prompt for an incoming call). The indicator 292 in the mobile phone 200 can be an indicator light, which can be used to indicate charging status, power change, and can also be used to indicate messages, missed calls, notifications and the like. The SIM card interface 295 in the mobile phone 200 is used for connecting a SIM card. The SIM card can be inserted into the SIM card interface 295 or pulled out from the SIM card interface 295 to realize contact and separation with the mobile phone 200 .

应理解,在实际应用中,手机200可以包括比图4所示的更多或更少的部件,本申请实施例不作限定。图示手机200仅是一个范例,并且手机200可以具有比图中所示出的更多的或者更少的部件,可以组合两个或更多的部件,或者可以具有不同的部件配置。图中所示出 的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。It should be understood that, in practical applications, the mobile phone 200 may include more or fewer components than those shown in FIG. 4 , which is not limited in this embodiment of the present application. The illustrated handset 200 is only one example, and the handset 200 may have more or fewer components than shown, may combine two or more components, or may have a different configuration of components. The various components shown in the figures may be implemented in hardware, software, or a combination of hardware and software including one or more signal processing and/or application specific integrated circuits.

本申请的实施例提供了一种电子设备,包括:用于显示画面的显示屏、处理器以及用于存储处理器可执行指令的存储器;其中,所述处理器被配置为执行所述指令时实现上述方法。An embodiment of the present application provides an electronic device, including: a display screen for displaying a picture, a processor, and a memory for storing instructions executable by the processor; wherein the processor is configured to execute the instructions Implement the above method.

本申请的实施例提供了一种计算机可读存储介质,其上存储有计算机程序指令,所述计算机程序指令被处理器执行时实现上述方法。An embodiment of the present application provides a computer-readable storage medium, on which computer program instructions are stored, and the above method is implemented when the computer program instructions are executed by a processor.

本申请的实施例提供了一种计算机程序产品,包括计算机可读代码,或者承载有计算机可读代码的非易失性计算机可读存储介质,当所述计算机可读代码在电子设备的处理器中运行时,所述电子设备中的处理器执行上述方法。An embodiment of the present application provides a computer program product, including computer-readable codes, or a non-volatile computer-readable storage medium bearing computer-readable codes, when the computer-readable codes are stored in a processor of an electronic device When running in the electronic device, the processor in the electronic device executes the above method.

计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是(但不限于)电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(Random Access Memory,RAM)、只读存储器(Read Only Memory,ROM)、可擦式可编程只读存储器(Electrically Programmable Read-Only-Memory,EPROM或闪存)、静态随机存取存储器(Static Random-Access Memory,SRAM)、便携式压缩盘只读存储器(Compact Disc Read-Only Memory,CD-ROM)、数字多功能盘(Digital Video Disc,DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。A computer readable storage medium may be a tangible device that can retain and store instructions for use by an instruction execution device. A computer readable storage medium may be, for example, but is not limited to, an electrical storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination of the foregoing. More specific examples (non-exhaustive list) of computer-readable storage media include: portable computer disk, hard disk, random access memory (Random Access Memory, RAM), read only memory (Read Only Memory, ROM), erasable Electrically Programmable Read-Only-Memory (EPROM or flash memory), Static Random-Access Memory (Static Random-Access Memory, SRAM), Portable Compression Disk Read-Only Memory (Compact Disc Read-Only Memory, CD -ROM), Digital Video Disc (DVD), memory sticks, floppy disks, mechanically encoded devices such as punched cards or raised structures in grooves with instructions stored thereon, and any suitable combination of the foregoing .

这里所描述的计算机可读程序指令或代码可以从计算机可读存储介质下载到各个计算/处理设备,或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理设备中的计算机可读存储介质中。Computer readable program instructions or codes described herein may be downloaded from a computer readable storage medium to a respective computing/processing device, or downloaded to an external computer or external storage device over a network, such as the Internet, local area network, wide area network, and/or wireless network. The network may include copper transmission cables, fiber optic transmission, wireless transmission, routers, firewalls, switches, gateway computers, and/or edge servers. A network adapter card or a network interface in each computing/processing device receives computer-readable program instructions from the network and forwards the computer-readable program instructions for storage in a computer-readable storage medium in each computing/processing device .

用于执行本申请操作的计算机程序指令可以是汇编指令、指令集架构(Instruction Set Architecture,ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等,以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络—包括局域网(Local Area Network,LAN)或广域网(Wide Area Network,WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或可编程逻辑阵列(Programmable Logic Array,PLA),该电子电路可以执行计算机可读程序指令,从而实现本申请的各个方面。Computer program instructions for performing the operations of the present application may be assembly instructions, instruction set architecture (Instruction Set Architecture, ISA) instructions, machine instructions, machine-related instructions, microcode, firmware instructions, state setting data, or in one or more source or object code written in any combination of programming languages, including object-oriented programming languages—such as Smalltalk, C++, etc., and conventional procedural programming languages—such as the “C” language or similar programming languages. Computer readable program instructions may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server implement. In cases involving a remote computer, the remote computer can be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or it can be connected to an external computer such as use an Internet service provider to connect via the Internet). In some embodiments, electronic circuits, such as programmable logic circuits, field-programmable gate arrays (Field-Programmable Gate Array, FPGA) or programmable logic arrays (Programmable Logic Array, PLA), the electronic circuit can execute computer-readable program instructions, thereby realizing various aspects of the present application.

这里参照根据本申请实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本申请的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中 各方框的组合,都可以由计算机可读程序指令实现。Aspects of the present application are described herein with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the application. It will be understood that each block of the flowchart and/or block diagrams, and combinations of blocks in the flowchart and/or block diagrams, can be implemented by computer-readable program instructions.

这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。These computer-readable program instructions may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine such that when executed by the processor of the computer or other programmable data processing apparatus , producing an apparatus for realizing the functions/actions specified in one or more blocks in the flowchart and/or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause computers, programmable data processing devices and/or other devices to work in a specific way, so that the computer-readable medium storing instructions includes An article of manufacture comprising instructions for implementing various aspects of the functions/acts specified in one or more blocks in flowcharts and/or block diagrams.

也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。It is also possible to load computer-readable program instructions into a computer, other programmable data processing device, or other equipment, so that a series of operational steps are performed on the computer, other programmable data processing device, or other equipment to produce a computer-implemented process , so that instructions executed on computers, other programmable data processing devices, or other devices implement the functions/actions specified in one or more blocks in the flowcharts and/or block diagrams.

附图中的流程图和框图显示了根据本申请的多个实施例的装置、系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。The flowchart and block diagrams in the figures show the architecture, functions and operations of possible implementations of apparatuses, systems, methods and computer program products according to various embodiments of the present application. In this regard, each block in a flowchart or block diagram may represent a module, a portion of a program segment, or an instruction that includes one or more Executable instructions. In some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved.

也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行相应的功能或动作的硬件(例如电路或ASIC(Application Specific Integrated Circuit,专用集成电路))来实现,或者可以用硬件和软件的组合,如固件等来实现。It should also be noted that each block in the block diagrams and/or flowcharts, and combinations of blocks in the block diagrams and/or flowcharts, can be implemented with hardware (such as circuits or ASIC (Application Specific Integrated Circuit, application-specific integrated circuit)), or it can be realized by a combination of hardware and software, such as firmware.

尽管在此结合各实施例对本发明进行了描述,然而,在实施所要求保护的本发明过程中,本领域技术人员通过查看所述附图、公开内容、以及所附权利要求书,可理解并实现所述公开实施例的其它变化。在权利要求中,“包括”(comprising)一词不排除其他组成部分或步骤,“一”或“一个”不排除多个的情况。单个处理器或其它单元可以实现权利要求中列举的若干项功能。相互不同的从属权利要求中记载了某些措施,但这并不表示这些措施不能组合起来产生良好的效果。Although the present invention has been described in conjunction with various embodiments herein, in the process of implementing the claimed invention, those skilled in the art can understand and Other variations of the disclosed embodiments are implemented. In the claims, the word "comprising" does not exclude other components or steps, and "a" or "an" does not exclude a plurality. A single processor or other unit may fulfill the functions of several items recited in the claims. The mere fact that certain measures are recited in mutually different dependent claims does not indicate that these measures cannot be combined to advantage.

以上已经描述了本申请的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。Having described various embodiments of the present application above, the foregoing description is exemplary, not exhaustive, and is not limited to the disclosed embodiments. Many modifications and alterations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described embodiments. The terminology used herein is chosen to best explain the principle of each embodiment, practical application or improvement of technology in the market, or to enable other ordinary skilled in the art to understand each embodiment disclosed herein.

Claims (25)

一种交互方法,其特征在于,所述方法包括:An interactive method, characterized in that the method comprises: 获取第一图像,以及所述第一图像中窗口区域的位置信息,其中,所述第一图像表示第一设备当前显示的画面,所述窗口区域表示所述第一图像中所述第一设备与第二设备进行共享显示的区域;Acquiring a first image and position information of a window area in the first image, wherein the first image represents the screen currently displayed by the first device, and the window area represents the first device in the first image an area for shared display with the second device; 基于所述窗口区域的位置信息对所述第一图像进行编码,得到第二图像,以使所述第二图像中除所述窗口区域以外的区域的透明度大于或者等于预设值;Encoding the first image based on the position information of the window area to obtain a second image, so that the transparency of areas other than the window area in the second image is greater than or equal to a preset value; 发送所述第二图像。The second image is sent. 根据权利要求1所述的方法,其特征在于,所述方法还包括:The method according to claim 1, further comprising: 发送所述窗口区域的位置信息。Send the location information of the window area. 根据权利要求1或2所述的方法,其特征在于,所述获取第一图像,以及所述第一图像中窗口区域的位置信息包括:The method according to claim 1 or 2, wherein the acquiring the first image and the position information of the window area in the first image include: 响应于窗口控制指令,获取所述第一图像,以及所述窗口区域的位置信息,所述窗口控制指令用于对所述第一设备上显示的窗口区域进行控制。Acquire the first image and position information of the window area in response to a window control instruction, where the window control instruction is used to control the window area displayed on the first device. 根据权利要求3所述的方法,其特征在于,所述方法还包括:The method according to claim 3, characterized in that the method further comprises: 响应于第一用户操作,获取第一坐标信息和第一事件类型,所述第一用户操作表示针对所述第一设备上显示的所述窗口区域进行的用户操作;Acquire first coordinate information and a first event type in response to a first user operation, where the first user operation represents a user operation performed on the window area displayed on the first device; 基于所述第一坐标信息和第一事件类型,生成所述窗口控制指令;generating the window control instruction based on the first coordinate information and the first event type; 按照所述窗口控制指令,对所述第一设备上显示的窗口区域进行控制。According to the window control instruction, the window area displayed on the first device is controlled. 根据权利要求3所述的方法,其特征在于,所述方法还包括:The method according to claim 3, characterized in that the method further comprises: 响应于接收到的反控消息,从所述反控消息中获取第二坐标信息和第二事件类型,所述反控消息是根据第二用户操作生成的,所述第二用户操作表示针对所述第二设备上显示的所述窗口区域进行的用户操作;In response to the received anti-control message, acquire second coordinate information and a second event type from the anti-control message, the anti-control message is generated according to a second user operation, and the second user operation indicates that the user operations performed on the window area displayed on the second device; 对所述第二坐标信息进行坐标变换;performing coordinate transformation on the second coordinate information; 基于变换后的第二坐标信息和所述第二事件类型,生成所述窗口控制指令;generating the window control instruction based on the transformed second coordinate information and the second event type; 按照所述窗口控制指令,对所述第一设备上显示的窗口区域进行控制。According to the window control instruction, the window area displayed on the first device is controlled. 根据权利要求1或2所述的方法,其特征在于,所述获取第一图像,以及所述第一图 像中窗口区域的位置信息,包括:The method according to claim 1 or 2, wherein said obtaining the first image, and the position information of the window area in the first image comprises: 响应于屏幕内容共享操作,获取所述第一图像,以及所述窗口区域的位置信息。In response to a screen content sharing operation, acquire the first image and position information of the window area. 根据权利要求1至6中任意一项所述的方法,其特征在于,所述窗口区域包括一个或多个窗口。The method according to any one of claims 1 to 6, wherein the window area includes one or more windows. 一种交互方法,其特征在于,所述方法包括:An interactive method, characterized in that the method comprises: 接收第二图像,所述第二图像中除窗口区域以外的区域的透明度大于或者等于预设值,所述窗口区域表示第一设备当前显示的画面中与第二设备共享的区域;Receiving a second image, the transparency of the area in the second image other than the window area is greater than or equal to a preset value, and the window area represents an area shared with the second device in the screen currently displayed by the first device; 在所述第二设备上显示所述第二图像。The second image is displayed on the second device. 根据权利要求8所述的方法,其特征在于,所述方法还包括:The method according to claim 8, characterized in that the method further comprises: 接收所述窗口区域的位置信息;receiving position information of the window area; 根据所述窗口区域的位置信息,确定所述第二设备中的反控区域;determining an anti-control area in the second device according to the location information of the window area; 响应于针对所述反控区域的第二用户操作,获取第二坐标信息和第二事件类型;Acquire second coordinate information and a second event type in response to a second user operation on the anti-control area; 基于所述第二坐标信息和所述第二事件类型,生成反控消息;generating a counter-control message based on the second coordinate information and the second event type; 返回所述反控消息,以对所述第一设备进行控制。returning the anti-control message to control the first device. 根据权利要求9所述的方法,其特征在于,所述方法还包括:The method according to claim 9, characterized in that the method further comprises: 响应于针对自控区域的第三用户操作,获取第三坐标信息和第三事件类型,所述自控区域表示所述第二设备当前显示的画面中除所述反控区域以外的区域;Acquiring third coordinate information and a third event type in response to a third user operation on the self-control area, where the self-control area represents an area other than the anti-control area in the screen currently displayed by the second device; 基于所述第三坐标信息和所述第三事件类型,对所述第二设备进行控制。The second device is controlled based on the third coordinate information and the third event type. 根据权利要求8至10中任意一项所述的方法,其特征在于,所述窗口区域包括一个或多个窗口。The method according to any one of claims 8 to 10, wherein the window area includes one or more windows. 一种交互装置,其特征在于,所述装置包括:An interactive device, characterized in that the device comprises: 第一获取模块,用于获取第一图像,以及所述第一图像中窗口区域的位置信息,其中,所述第一图像表示第一设备当前显示的画面,所述窗口区域表示所述第一图像中所述第一设备与第二设备进行共享显示的区域;The first acquisition module is configured to acquire a first image and position information of a window area in the first image, wherein the first image represents the screen currently displayed by the first device, and the window area represents the first In the image, the area where the first device and the second device perform shared display; 编码模块,用于基于所述第一获取模块获取的窗口区域的位置信息对所述第一获取模块获取的第一图像进行编码,得到第二图像,以使所述第二图像中除所述窗口区域以外的区域的透明度大于或者等于预设值;An encoding module, configured to encode the first image acquired by the first acquisition module based on the position information of the window area acquired by the first acquisition module, to obtain a second image, so that the second image excludes the The transparency of the area outside the window area is greater than or equal to the preset value; 第一发送模块,用于发送所述编码模块得到的第二图像。The first sending module is configured to send the second image obtained by the coding module. 根据权利要求12所述的装置,其特征在于,所述装置还包括:The device according to claim 12, wherein the device further comprises: 第二发送模块,用于发送所述窗口区域的位置信息。The second sending module is configured to send the location information of the window area. 根据权利要求12或13所述的装置,其特征在于,所述第一获取模块还用于:The device according to claim 12 or 13, wherein the first acquisition module is also used for: 响应于窗口控制指令,获取所述第一图像,以及所述窗口区域的位置信息,所述窗口控制指令用于对所述第一设备上显示的窗口区域进行控制。Acquire the first image and position information of the window area in response to a window control instruction, where the window control instruction is used to control the window area displayed on the first device. 根据权利要求14所述的装置,其特征在于,所述装置还包括:The device according to claim 14, further comprising: 第二获取模块,用于响应于第一用户操作,获取第一坐标信息和第一事件类型,所述第一用户操作表示针对所述第一设备上显示的所述窗口区域进行的用户操作;A second acquiring module, configured to acquire first coordinate information and a first event type in response to a first user operation, where the first user operation represents a user operation performed on the window area displayed on the first device; 第一生成模块,用于基于所述第一坐标信息和第一事件类型,生成所述窗口控制指令;A first generating module, configured to generate the window control instruction based on the first coordinate information and the first event type; 第一控制模块,用于按照所述窗口控制指令,对所述第一设备上显示的窗口区域进行控制。The first control module is configured to control the window area displayed on the first device according to the window control instruction. 根据权利要求14所述的装置,其特征在于,所述装置还包括:The device according to claim 14, further comprising: 第三获取模块,用于响应于接收到的反控消息,从所述反控消息中获取第二坐标信息和第二事件类型,所述反控消息是根据第二用户操作生成的,所述第二用户操作表示针对所述第二设备上显示的所述窗口区域进行的用户操作;A third acquiring module, configured to acquire second coordinate information and a second event type from the counter-control message in response to the received counter-control message, the counter-control message is generated according to a second user operation, the The second user operation represents a user operation performed on the window area displayed on the second device; 变换模块,用于对所述第二坐标信息进行坐标变换;a transformation module, configured to perform coordinate transformation on the second coordinate information; 第二生成模块,用于基于变换后的第二坐标信息和所述第二事件类型,生成所述窗口控制指令;A second generating module, configured to generate the window control instruction based on the transformed second coordinate information and the second event type; 第二控制模块,用于按照所述窗口控制指令,对所述第一设备上显示的窗口区域进行控制。The second control module is configured to control the window area displayed on the first device according to the window control instruction. 根据权利要求12或13所述的装置,其特征在于,所述第一获取模块还用于:The device according to claim 12 or 13, wherein the first acquisition module is also used for: 响应于屏幕内容共享操作,获取所述第一图像,以及所述窗口区域的位置信息。In response to a screen content sharing operation, acquire the first image and position information of the window area. 根据权利要求12至17中任意一项所述的装置,其特征在于,所述窗口区域包括一个或多个窗口。The apparatus according to any one of claims 12 to 17, wherein the window area comprises one or more windows. 一种交互装置,其特征在于,所述装置包括:An interactive device, characterized in that the device comprises: 第一接收模块,用于接收第二图像,所述第二图像中除窗口区域以外的区域的透明度大 于或者等于预设值,所述窗口区域表示第一设备当前显示的画面中与第二设备共享的区域;The first receiving module is used to receive the second image, the transparency of the area other than the window area in the second image is greater than or equal to a preset value, and the window area indicates that the screen currently displayed by the first device is compatible with the second device shared area; 显示模块,用于在所述第二设备上显示所述第一接收模块接收的第二图像。A display module, configured to display the second image received by the first receiving module on the second device. 根据权利要求19所述的装置,其特征在于,所述装置还包括:The device according to claim 19, further comprising: 第二接收模块,用于接收所述窗口区域的位置信息;A second receiving module, configured to receive position information of the window area; 确定模块,用于根据所述窗口区域的位置信息,确定所述第二设备中的反控区域;A determination module, configured to determine an anti-control area in the second device according to the location information of the window area; 第一获取模块,用于响应于针对所述反控区域的第二用户操作,获取第二坐标信息和第二事件类型;A first acquiring module, configured to acquire second coordinate information and a second event type in response to a second user operation on the anti-control area; 生成模块,用于基于所述第二坐标信息和所述第二事件类型,生成反控消息;A generating module, configured to generate a counter-control message based on the second coordinate information and the second event type; 返回模块,用于返回所述反控消息,以对所述第一设备进行控制。A return module, configured to return the counter-control message to control the first device. 根据权利要求20所述的装置,其特征在于,所述装置还包括:The device according to claim 20, further comprising: 第二获取模块,用于响应于针对自控区域的第三用户操作,获取第三坐标信息和第三事件类型,所述自控区域表示所述第二设备当前显示的画面中除所述反控区域以外的区域;The second acquisition module is configured to acquire third coordinate information and a third event type in response to a third user operation on the self-control area, where the self-control area indicates that the anti-control area is excluded from the screen currently displayed by the second device areas other than 控制模块,用于基于所述第三坐标信息和所述第三事件类型,对所述第二设备进行控制。A control module, configured to control the second device based on the third coordinate information and the third event type. 根据权利要求19至21中任意一项所述的装置,其特征在于,所述窗口区域包括一个或多个窗口。The apparatus according to any one of claims 19 to 21, wherein the window area comprises one or more windows. 一种电子设备,其特征在于,包括:An electronic device, characterized in that it comprises: 用于显示画面的显示屏;a display screen for displaying images; 处理器;processor; 用于存储处理器可执行指令的存储器;memory for storing processor-executable instructions; 其中,所述处理器被配置为执行所述指令时实现权利要求1至7中任意一项所述的方法,或者实现权利要求8至11中任意一项所述的方法。Wherein, the processor is configured to implement the method of any one of claims 1 to 7, or to implement the method of any one of claims 8 to 11 when executing the instructions. 一种计算机可读存储介质,其上存储有计算机程序指令,其特征在于,所述计算机程序指令被处理器执行时实现权利要求1至7中任意一项所述的方法,或者,实现权利要求8至11中任意一项所述的方法。A computer-readable storage medium, on which computer program instructions are stored, characterized in that, when the computer program instructions are executed by a processor, the method described in any one of claims 1 to 7 is implemented, or the method of any one of claims 1 to 7 is implemented, or the claims The method described in any one of 8 to 11. 一种计算机程序产品,包括计算机可读代码,或者承载有计算机可读代码的非易失性计算机可读存储介质,当所述计算机可读代码在电子设备中运行时,所述电子设备中的处理器执行权利要求1至7中任意一项所述的方法,或者权利要求8至11中任意一项所述的方法。A computer program product, comprising computer-readable codes, or a non-volatile computer-readable storage medium bearing computer-readable codes, when the computer-readable codes run in an electronic device, the The processor executes the method of any one of claims 1-7, or the method of any one of claims 8-11.
PCT/CN2022/128921 2021-11-15 2022-11-01 Interaction method and apparatus Ceased WO2023083052A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111349438.7A CN116126176A (en) 2021-11-15 2021-11-15 Interaction method and device
CN202111349438.7 2021-11-15

Publications (1)

Publication Number Publication Date
WO2023083052A1 true WO2023083052A1 (en) 2023-05-19

Family

ID=86306840

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/128921 Ceased WO2023083052A1 (en) 2021-11-15 2022-11-01 Interaction method and apparatus

Country Status (2)

Country Link
CN (1) CN116126176A (en)
WO (1) WO2023083052A1 (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102196034A (en) * 2010-03-09 2011-09-21 微软公司 Application sharing with occlusion removal
US8661355B1 (en) * 2008-10-10 2014-02-25 Cisco Technology, Inc. Distinguishing shared and non-shared applications during collaborative computing sessions
CN103986935A (en) * 2014-04-30 2014-08-13 华为技术有限公司 Encoding method, encoder and screen sharing device and system
US10437549B2 (en) * 2017-05-19 2019-10-08 Vmware, Inc. Selective screen sharing

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8661355B1 (en) * 2008-10-10 2014-02-25 Cisco Technology, Inc. Distinguishing shared and non-shared applications during collaborative computing sessions
CN102196034A (en) * 2010-03-09 2011-09-21 微软公司 Application sharing with occlusion removal
CN103986935A (en) * 2014-04-30 2014-08-13 华为技术有限公司 Encoding method, encoder and screen sharing device and system
US10437549B2 (en) * 2017-05-19 2019-10-08 Vmware, Inc. Selective screen sharing

Also Published As

Publication number Publication date
CN116126176A (en) 2023-05-16

Similar Documents

Publication Publication Date Title
US20240168624A1 (en) Screen capture method and related device
US11561754B2 (en) Electronic device and method for displaying and transmitting images thereof
US11797249B2 (en) Method and apparatus for providing lock-screen
EP4060475B1 (en) Multi-screen cooperation method and system, and electronic device
CN114356197B (en) Data transmission method and device
US20220342850A1 (en) Data transmission method and related device
CN114520868B (en) Video processing method, device and storage medium
CN113553014A (en) Application interface display method and electronic device in multi-window screen projection scenario
US20250181203A1 (en) Display method and electronic device
CN104866262B (en) Wearable device
US20220236837A1 (en) View Display Method and Electronic Device
CN114065706A (en) Multi-device data cooperation method and electronic device
US12477211B2 (en) Camera control method and apparatus, and storage medium
US20250328239A1 (en) Cross-device split-screen method and related apparatus
WO2022105793A1 (en) Image processing method and device
WO2023083052A1 (en) Interaction method and apparatus
CN115484404B (en) Camera control method based on distributed control and terminal equipment
WO2022194005A1 (en) Control method and system for synchronous display across devices
US12307076B2 (en) Image deletion operation notification method, device, and storage medium
WO2022179364A1 (en) Spliced display method, electronic device and system
CN118101641A (en) Screenshot sharing method and electronic device
CN118283415A (en) Focus tracking method and electronic equipment

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: 22891848

Country of ref document: EP

Kind code of ref document: A1

122 Ep: pct application non-entry in european phase

Ref document number: 22891848

Country of ref document: EP

Kind code of ref document: A1