Identifying a viewport within a browser window
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.
1. A non-transitory computer-readable medium storing computer-readable program code capable of being executed by one or more processors, the program code comprising instructions configurable to cause:
displaying, in a display of a first computing device, a marker in a corner of a browser window, a first portion of the marker abutting a first edge of a viewport within the browser window and a second portion of the marker abutting a second edge of the viewport, the viewport defining an area within the browser window;
after displaying the marker, capturing an image of the browser window;
detecting, within the captured image, a location of the marker;
ascertaining dimensions of the viewport, the dimensions of the viewport including a width of the viewport and height of the viewport;
determining coordinates that define the viewport within the browser window based, at least in part, on the location of the marker within the captured image and the dimensions of the viewport; and
transmitting information indicating the coordinates that define the viewport within the browser window to a second computing device.
2. The non-transitory computer-readable medium of claim 1 , wherein the marker includes a pattern.
3. The non-transitory computer-readable medium of claim 2 , wherein the marker includes pixels of a single color that surround the pattern.
4. The non-transitory computer-readable medium of claim 1 , wherein the marker includes two or more colors.
5. The non-transitory computer-readable medium of claim 1 , wherein displaying the marker, capturing the image of the browser window, detecting the location of the marker, ascertaining the dimensions of the viewport, determining the coordinates that define the viewport, and transmitting the information are performed after a resize event.
6. The non-transitory computer-readable medium of claim 5 , wherein the resize event comprises a zoom operation or a resize of the browser window.
7. The non-transitory computer-readable medium of claim 1 , wherein the information comprises the coordinates that define the viewport within the browser window.
8. 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 marker in a corner of a browser window, a first portion of the marker abutting a first edge of a viewport within the browser window and a second portion of the marker abutting a second edge of the viewport, the viewport defining an area within the browser window;
after displaying the marker, capturing an image of the browser window;
detecting, within the captured image, a location of the marker;
ascertaining dimensions of the viewport, the dimensions of the viewport including a width of the viewport and height of the viewport;
determining coordinates that define the viewport within the browser window based, at least in part, on the location of the marker within the captured image and the dimensions of the viewport; and
transmitting information indicating the coordinates that define the viewport within the browser window to a second computing device.
9. The apparatus of claim 8 , wherein the marker includes a pattern.
10. The apparatus of claim 9 , wherein the marker includes pixels of a single color that surround the pattern.
11. The apparatus of claim 8 , wherein the marker includes two or more colors.
12. The apparatus of claim 8 , wherein displaying the marker, capturing the image of the browser window, detecting the location of the marker, ascertaining the dimensions of the viewport, determining the coordinates that define the viewport, and transmitting the information are performed after a resize event.
13. The apparatus of claim 12 , wherein the resize event comprises a zoom operation or a resize of the browser window.
14. A method, comprising:
displaying, in a display of a first computing device, a marker in a corner of a browser window, a first portion of the marker abutting a first edge of a viewport within the browser window and a second portion of the marker abutting a second edge of the viewport, the viewport defining an area within the browser window;
after displaying the marker, capturing an image of the browser window;
detecting, within the captured image, a location of the marker;
ascertaining dimensions of the viewport, the dimensions of the viewport including a width of the viewport and height of the viewport;
determining coordinates that define the viewport within the browser window based, at least in part, on the location of the marker within the captured image and the dimensions of the viewport; and
transmitting information indicating the coordinates that define the viewport within the browser window to a second computing device.
15. The method of claim 14 , wherein the marker includes a pattern.
16. The method of claim 15 , wherein the marker includes pixels of a single color that surround the pattern.
17. The method of claim 14 , wherein the marker includes two or more colors.
18. The method of claim 14 , wherein displaying the marker, capturing the image of the browser window, detecting the location of the marker, ascertaining the dimensions of the viewport, determining the coordinates that define the viewport, and transmitting the information are performed after a resize event.
19. The method of claim 18 , wherein the resize event comprises a zoom operation or a resize of the browser window.
20. The method of claim 14 , wherein the information comprises the coordinates that define the viewport within the browser window.