Granted Patent B2

US 10,255,082 · App. 15/135,708 · Granted Apr 9, 2019

Abstract

Claims (69)

1. A method, comprising:

identifying a video;

determining a grayscale video of the video and a color video of the video;

playing the grayscale video and the color video within a non-visible region of a user device;

applying grayscale percentages of the grayscale video to color pixels of the color video to create alpha color pixels;

rendering, based upon the alpha color pixels associated with the grayscale video and the color video, the video within a canvas overlaying content of a webpage displayed through a user interface, wherein the rendering comprises displaying an opaque element of the video at least partially overlaying one or more elements of the webpage;

creating a temporary array;

populating the temporary array with transparency data of the video;

tracking a position of a pointer with respect to the canvas; and

responsive to receiving a user input while the position of the pointer corresponds to a portion of the video:

transforming coordinates of the position of the pointer into a lookup value;

identifying a transparency value at an array position in the temporary array corresponding to the lookup value;

responsive to the transparency value being greater than or equal to a threshold value, performing a first action upon the canvas; and

responsive to the transparency value being less than the threshold value, performing a second action upon the canvas.

2. The method of claim 1 , wherein the populating the temporary array comprises:

traversing a grayscale array, of the grayscale video, to populate the temporary array with transparency values corresponding to amounts of black within the grayscale video.

3. The method of claim 2 , wherein the traversing comprises:

transferring transparency values at every nth position of the grayscale array into the temporary array.

4. The method of claim 3 , wherein the nth position is a 4 th position.

5. The method of claim 1 , comprising:

deleting the temporary array and repopulating the temporary array with new transparency data at a fixed rate.

6. The method of claim 1 , wherein the rendering comprises displaying at least a part of the one or more elements of the webpage on which the opaque element does not overlay.

7. The method of claim 1 , wherein the one or more elements of the webpage comprise one or more links on the webpage.

8. The method of claim 1 , wherein the tracking a position of a pointer comprises:

creating a pointer pixel image to represent the position of the pointer; and

updating a location of the pointer pixel image based upon changes in position of the pointer.

9. The method of claim 8 , wherein the pointer pixel image is a 2×2 pixel image.

10. The method of claim 8 , comprising:

offsetting the pointer pixel image from the canvas by an offset such that the pointer pixel image is not visible to a user.

11. The method of claim 1 , wherein the transforming coordinates of the position comprises:

transforming Cartesian coordinates of the position of the pointer into a linear lookup value into the temporary array.

12. The method of claim 1 , wherein the performing a first action comprises:

identifying a target webpage linked to by the video; and

transitioning the user interface from the webpage to the target webpage.

13. The method of claim 1 , wherein the performing a second action comprises:

closing the canvas to terminate the video.

14. The method of claim 1 , comprising:

selecting a first value as the threshold value based upon the video being provided by a first content provider; and

selecting a second value as the threshold value based upon the video being provided by a second content provider.

15. A computing device comprising:

a processor; and

memory comprising processor-executable instructions that when executed by the processor cause performance of operations, the operations comprising:

identifying a video;

determining a grayscale video of the video and a color video of the video, wherein grayscale percentages of the grayscale video and color pixels of the color video are used to render the video while the grayscale video and the color video are played within a non-visible region of a user device;

rendering, based upon alpha color pixels associated with the grayscale video and the color video, the video within a canvas overlaying content of a webpage displayed through a user interface, wherein the rendering comprises displaying an opaque element of the video at least partially overlaying one or more elements of the webpage;

populating a temporary array with transparency data of the video, wherein the populating comprises traversing a grayscale array, of the grayscale video, to populate the temporary array with transparency values corresponding to amounts of black within the grayscale video; and

responsive to receiving a user input with coordinates corresponding to the canvas:

identifying a transparency value at an array position in the temporary array corresponding to the coordinates;

responsive to the transparency value being greater than or equal to a threshold value, performing a first action upon the canvas; and

responsive to the transparency value being less than the threshold value, performing a second action upon the canvas.

16. The computing device of claim 15 , wherein the operations comprise:

identifying a target content linked to by the video; and

performing the first action to transition the user interface from the content to the target content.

17. The computing device of claim 15 , wherein the operations comprise:

performing the second action to close the canvas to terminate the video.

18. The computing device of claim 15 , wherein the first action is different than the second action.

19. The computing device of claim 15 , wherein the operations comprise:

transferring transparency values at every nth position of the grayscale array into the temporary array.

20. A non-transitory machine readable medium having stored thereon processor-executable instructions that when executed cause performance of operations, the operations comprising:

identifying a video;

determining a grayscale video of the video and a color video of the video;

playing the grayscale video and the color video within a non-visible region of a user device;

applying grayscale percentages of the grayscale video to color pixels of the color video to create alpha color pixels;

rendering, based upon the alpha color pixels associated with the grayscale video and the color video, the video within a canvas overlaying content of a webpage displayed through a user interface, wherein the rendering comprises displaying an opaque element of the video at least partially overlaying one or more elements of the webpage;

tracking a position of a pointer with respect to the canvas; and

responsive to receiving a user input while the position of the pointer corresponds to the canvas:

identifying a transparency value, of the video, associated with the position;

responsive to the transparency value being indicative of the opaque portion, transitioning a user interface from displaying content over which the canvas is displayed to displaying a target webpage linked to by the video; and

responsive to the transparency value being indicative of the transparent portion, closing the canvas to terminate the video.

Assignments (6)