Video monitoring
View Patent ↗One or more computing devices, systems, and/or methods for monitoring a video are provided. For example, the video may be rendered within a canvas overlaying a webpage within a web browser. The video may comprise an opaque portion (e.g., a bike) and a transparent portion (e.g., a transparent background such that the bike appears to be driving across the webpage as the video plays). User input associated with the canvas may be evaluated to determine whether the user input occurs over the opaque portion or the transparent portion. Responsive to the user input occurring over the opaque portion, the web browser may be transitioned from the webpage to a biking website linked to by the video. Responsive to the user input occurring over the transparent portion, the canvas may be closed to terminate the video.
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; and
performing a first action upon the canvas based upon the lookup value.
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 first action comprises:
closing the canvas to terminate the video.
14. The method of claim 1 , comprising:
selecting a first value as a threshold value based upon the video being provided by a first content provider;
selecting a second value as the threshold value based upon the video being provided by a second content provider; and
identifying a transparency value at an array position in the temporary array corresponding to the lookup value, wherein the performing a first action is based upon a comparison of the transparency value with the threshold value.
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 being rendered within a canvas overlaying content displayed through a user interface;
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 within the canvas while the grayscale video and the color video are played within a non-visible region of a user device;
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 , the rendering based upon imagery of the color video of the video.
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;
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 an opaque portion, transitioning the 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 a transparent portion, closing the canvas to terminate the video.