Identifying a viewport within a browser window

• US 10,416,952 B2
• Filed: 06/27/2017
• Issued: 09/17/2019
• Est. Priority Date: 06/27/2017
• Status: Active Grant

• Current Assignee: Salesforce.com, Inc.
• Original Assignee: Salesforce.com, Inc.
• Inventors: Cyr, Peter
• Primary Examiner(s): Harrison, Chante E
• Application Number:
  US15/634,882
• Publication Number:
  US 20180373485A1
• Time in Patent Office: 812 Days
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/1462 with means for detecting differences between the image stored in the host and the images displayed on the remote displays
• CPC Class Codes: G06T 3/40 Scaling of whole images or parts thereof, e.g. expanding or contracting
• CPC Class Codes: G06T 7/60 Analysis of geometric attributes
• CPC Class Codes: G06T 7/70 Determining position or orientation of objects or cameras camera calibration G06T7/80
• CPC Class Codes: G09G 2350/00 Solving problems of bandwidth in display systems
• CPC Class Codes: G09G 2370/027 Arrangements and methods specific for the display of internet documents

Abstract

Disclosed are some implementations of systems, apparatus, methods and computer program products for facilitating the identification of a viewport within a browser window of a screen that is shared via a screen-sharing application. By accurately identifying the location and dimensions of the viewport within the browser window, it is possible to render the viewport in the correct location within a screen of a remotely located device.

Claims

1. A computer program product comprising computer-readable program code capable of being executed by one or more processors when retrieved from a non-transitory computer-readable medium, the program code comprising instructions configurable to cause:

displaying, in a display of a first computing device, a pattern image in a bottom right corner of a browser window, a first portion of the pattern image abutting a bottom edge of a viewport within the browser window and a second portion of the pattern image abutting a right edge of the view port, the viewport defining an area of a web page within the browser window, the pattern image including a pattern composed of two or more colors;

after displaying the pattern image, capturing an image of the browser window;

detecting, within the captured image, a location of the pattern image, the location of the pattern image indicating a location of a bottom right corner of the viewport;

ascertaining an inner width of the viewport;

ascertaining an inner height of the viewport;

determining coordinates that define the viewport within the browser window based, at least in part, on the location of the bottom right corner of the viewport, the inner width of the viewport, and the inner height of the viewport; and

transmitting information indicating the coordinates that define the viewport within the browser window to a second computing device.

2. The computer program product of claim 1, the program code further comprising instructions configurable to cause:

ascertaining a zoom ratio indicated by a zoom feature of the first computing device; and

identifying a location of the top left corner of the viewport within the browser window based, at least in part, on the location of the bottom right corner of the viewport, the zoom ratio, the inner width of the viewport, and the inner height of the viewport;

wherein the information further indicates the location of the top left corner of the viewport.

3. The computer program product of claim 1, the program code further comprising instructions configurable to cause:

receiving information pertaining to a drawing performed at the second computing device in relation to the viewport;

ascertaining a zoom ratio indicated by a zoom feature of the first computing device;

modifying at least one aspect of the drawing based, at least in part, on the zoom ratio; and

after modifying at least one aspect of the drawing, rendering the drawing at the first computing device.

4. The computer program product of claim 3, wherein the at least one aspect comprises at least one of:

a location of the drawing or a width of at least one line of the drawing.

5. The computer program product of claim 3, wherein modifying the at least one aspect of the drawing comprises reducing the width of at least one line of the drawing.

6. The computer program product of claim 1, the program code further comprising instructions configurable to cause:

ascertaining a zoom ratio indicated by a zoom feature of the first computing device; and

multiplying pixels of the pattern image by the zoom ratio.

7. The computer program product of claim 1, wherein displaying the pattern image, capturing an image of the browser window, detecting a location of the pattern image, ascertaining an inner width of the viewport, ascertaining an inner height of the viewport, determining the coordinates that define the viewport, and transmitting the information are performed after a resize event.

8. The computer program product of claim 7, wherein the resize event comprises a zoom operation.

9. The computer program product of claim 7, wherein the resize event comprises a resize of the browser window.

10. The computer program product of claim 1, wherein the pattern image comprises black pixels that surround the pattern.

11. The computer program product of claim 1, wherein the pattern comprises a sequence in which the two or more colors are alternated.

12. The computer program product of claim 1, wherein the pattern comprises an alternating sequence of dashes of the two or more colors.

13. The computer program product of claim 1, wherein the two or more colors comprise black.

14. The computer program product of claim 1, wherein the first computing device comprises a mobile device.

15. The computer program product of claim 1, the viewport defining an area of the browser window being shared with the second computing device.

20. The computer program product of claim 1, wherein the information comprises the coordinates that define the viewport within the browser window.

16. An apparatus, comprising:

a processor; and

a memory, the memory including instructions configurable to cause;

displaying, in a display of a first computing device, a pattern image in a bottom right corner of a browser window, a first portion of the pattern image abutting a bottom edge of a viewport within the browser window and a second portion of the pattern image abutting a right edge of the view port, the viewport defining an area of a web page within the browser window, the pattern image including a pattern composed of two or more colors;

after displaying the pattern image, capturing an image of the browser window;

detecting, within the captured image, a location of the pattern image, the location of the pattern image indicating a location of a bottom right corner of the viewport;

ascertaining an inner width of the viewport;

ascertaining an inner height of the viewport;

determining coordinates that define the viewport within the browser window based, at least in part, on the location of the bottom right corner of the viewport, the inner width of the viewport, and the inner height of the viewport; and

transmitting information indicating the coordinates that define the viewport within the browser window to a second computing device.

17. The apparatus of claim 16, wherein the pattern includes a sequence in which the two or more colors are alternated.

18. The apparatus of claim 16, wherein the first computing device comprises a mobile device.

19. A method, comprising:

displaying, in a display of a first computing device, a pattern image in a bottom right corner of a browser window, a first portion of the pattern image abutting a bottom edge of a viewport within the browser window and a second portion of the pattern image abutting a right edge of the view port, the viewport defining an area of a web page within the browser window, the pattern image including a pattern composed of two or more colors;

after displaying the pattern image, capturing an image of the browser window;

detecting, within the captured image, a location of the pattern image, the location of the pattern image indicating a location of a bottom right corner of the viewport;

ascertaining an inner width of the viewport;

ascertaining an inner height of the viewport;

determining coordinates that define the viewport within the browser window based, at least in part, on the location of the bottom right corner of the viewport, the inner width of the viewport, and the inner height of the viewport; and

transmitting information indicating the coordinates that define the viewport within the browser window to a second computing device.