Method and device for multiple-terminal collaboratively updating displayed content

Patent metadata

Field	Value
Publication number	US-12260149-B2
Application number	US-202118283132-A
Country	US
Kind code	B2
Filing date	Apr 12, 2021
Priority date	Apr 12, 2021
Publication date	Mar 25, 2025
Grant date	Mar 25, 2025

Abstract

The present disclosure discloses a method and device for multiple-terminal collaboratively updating a displayed content. The method includes: displaying, by the first terminal, the first application interface of the first collaborative whiteboard application, where the first collaborative whiteboard application and the second collaborative whiteboard application of the second terminal are in a collaborative mode, where the second terminal displays the second application interface of the second collaborative whiteboard application; receiving a controlling parameter transmitted by the second terminal, where the controlling parameter is generated by the second terminal when receiving a controlling operation performed on the second application interface; and updating, by the first terminal, a content of the first application interface based on the controlling parameter, where the controlling operation is determined as a moving operation, the first canvas is moved based on the controlling parameter, and when an edge of the first canvas coincides with an edge of the first application interface in the same direction, re-rendering, by the first terminal, the content in the first canvas. The present disclosure solves the technical problem that the following terminal is difficult to follow when the canvas of the followed terminal expands infinitely in the prior art.

First claim

What is claimed is:

1. A method for multi-terminal collaboratively updating a displayed content, wherein the method is used for making a first terminal synchronously display an operation of a second terminal, the first terminal provides a first application interface of a first collaborative whiteboard application, and a first canvas for carrying a drawing content of the first collaborative whiteboard application, and a first container for carrying the first canvas; the second terminal provides a second application interface of a second collaborative whiteboard application, a second canvas for carrying a drawing content of the second collaborative whiteboard application, and a second container for carrying the second canvas; a first length of the first canvas is greater than a length of the first application interface, and a width of the first canvas is greater than a width of the first application interface, the method comprising:
displaying, by the first terminal, the first application interface of the first collaborative whiteboard application, wherein the first collaborative whiteboard application and the second collaborative whiteboard application of the second terminal are in a collaborative mode, and the second terminal displays the second application interface of the second collaborative whiteboard application;
receiving a controlling parameter transmitted by the second terminal, wherein the controlling parameter is generated when the second terminal receives a controlling operation performed on the second application interface; and
updating, by the first terminal, a content of the first application interface based on the controlling parameter, wherein the controlling operation is determined as a moving operation, the first canvas is moved based on the controlling parameter, and when an edge of the first canvas coincides with an edge of the first application interface in the same direction, re-rendering, by the first terminal, the content in the first canvas, and when the edges of the first canvas and the first application interface in same direction do not coincide with each other, re-rendering of the content in the first canvas is prohibited.

2. The method of claim 1 , wherein the first canvas includes a first edge and a third edge that are parallel with each other, and the first application interface includes a second edge and a fourth edge that are parallel with each other, the first edge and the second edge are located on a same side, and the third edge and the fourth edge are located on a same side, the first canvas at least includes a first region close to the third edge and a second region close to the first edge, the first region is adjacent to the second region, the first region is drawn with a first content, and the second region is drawn with a second content, a moving direction of the moving operation is from a side on which the first edge is located to a side on which the third edge is located, when an edge of the first canvas coincides with an edge of the first application interface in the same direction, the re-rendering, by the first terminal, the content in the first canvas comprises:
coinciding the first edge with the second edge, moving the first canvas along a direction opposite to the direction of the moving operation to a position where the third edge coincides with the fourth edge, and triggering to re-render and display the second content in the first region, and triggering to re-render and display a third content in the second region.

3. The method of claim 1 , wherein before the first terminal displays the same content as the second application interface of the second terminal on the first application interface of the first terminal, the method further comprises:
causing at least one of the first terminal and the second terminal join in a same virtual room.

4. The method of claim 1 , wherein generating the controlling parameter when the second terminal receives the controlling operation performed on the second application interface comprises:
receiving, by the second terminal, the controlling operation performed on the second application interface, wherein the second canvas changes based on the controlling operation;
determining, by the second terminal, a changing parameter generated by the second canvas based on a change of the controlling operation as the controlling parameter; and
transmitting, by the second terminal, the controlling parameter to the first terminal.

5. The method of claim 1 , wherein when a first resolution parameter of the first application interface is different from a second resolution parameter of the second application interface, the updating, by the first terminal, the content of the first application interface based on the controlling parameter comprises:
updating, by the first terminal, the controlling parameter based on the first resolution parameter and the second resolution parameter; and
updating, by the first terminal, the content of the first application interface based on the updated controlling parameter.

6. The method of claim 1 , wherein the updating, by the first terminal, the controlling parameter based on the first resolution parameter and the second resolution parameter comprises:
reading, by the first terminal, the second resolution parameter transmitted by the second terminal;
acquiring, by the first terminal, a ratio of the first resolution parameter to the second resolution parameter; and
multiplying, by the first terminal, the ratio by the controlling parameter to obtain an updated controlling parameter.

7. The method of claim 1 , wherein the controlling parameters include: an initial coordinate parameter and a movement increment, wherein the initial coordinate includes: coordinates of a top-left corner of the first application interface and coordinates of an absolute origin on the first canvas, a first deviation in the horizontal direction and a second deviation in the vertical direction, and the movement increment includes: a first increment in the horizontal direction and a second increment in the vertical direction generated when the second canvas moves in the second application interface; moving the first canvas based on the controlling parameter comprises:
updating, by the first terminal, the first deviation by the first increment;
updating, by the first terminal, the second deviation by the second increment;
determining a horizontal offset of the first canvas based on the first deviation and the width of the first application interface;
determining a vertical offset of the first canvas based on the second deviation and the height of the first application interface; and
controlling the first canvas to move the horizontal offset in the horizontal direction, and to move the vertical offset in the vertical direction.

8. The method of claim 7 , wherein the determining the horizontal offset of the first canvas based on the first deviation and the width of the first application interface comprises:
when the updated first deviation is greater than 0, determining the horizontal offset as a first remainder of dividing the updated first deviation by the width of the first application interface;
when the updated first deviation is no more than 0, acquiring a second remainder of dividing the updated first deviation by the width of the first application interface, determining the horizontal offset as the sum of the width of the first application interface and the second remainder;
the determining the vertical offset of the first canvas based on the second deviation and the height of the first application interface comprises:
when the updated second deviation is greater than 0, determining the vertical offset as a third remainder of dividing the updated second deviation

Assignees

• Guangzhou Shiyuan Electronics Co Ltd
• Guangzhou Shizhen Information Tech Co Ltd

Inventors

• Wang Dasheng

Classifications

• H04N7/155

  involving storage of or access to video conference sessions (tracking arrangements for later retrieval of a computer conference content or participants activities H04L12/1831) · CPC title

• G09G2354/00

  Aspects of interface with display user · CPC title

• G09G2340/0464

  Positioning · CPC title

• G09G2340/045

  Zooming at least part of an image, i.e. enlarging it or shrinking it · CPC title

• G09G5/14

  Display of multiple viewports · CPC title