Augmenting web-based video media with security and authentication functionalities
A system and method for augmenting video displayed via web browser to add interactive functionality is disclosed. Elements are included in a structured media definition to cause the video player to instantiate one or more new elements on a webpage when the media is played, including a first script that includes instructions to generate an interactive menu and second script, such that selection of an option from the interactive menu will call one or more application programming interface (API) functions of the second script. The structured media definition causes loading of the video and execution of the instructions. A server backend receives and processes API calls from the second script and transmits responses to the API calls to be acted upon by the second script.
1. A system for integrating authentication functionality into video media being displayed on a webpage within a web browser, comprising:
one or more processors,
non-transitory memory comprising instructions that, when executed by the one or more processors, cause the one or more processors to:
generate a structured media definition file that identifies a particular video and that contains instructions exclusively for a video player within the web browser, wherein the instructions include instructions to load and display the video, and wherein the instructions further include an instruction to load and execute a first script, such that execution of the first script instantiates one or more new HTML elements within the webpage when the video is played, the one or more new HTML elements comprising a second script that includes instructions to the web browser to generate an authentication interface, such that interaction with the authentication interface will call one or more functions of an application programming interface (API) via the second script;
cause the structured media definition file to be transmitted to the web browser for communication to the video player and interpretation by the video player, thereby causing the video player to begin playing the video and to execute the first script;
receive an API call made via the second script as it is executed by the web browser, the API call being made based on an individual's interaction with the authentication interface; and
transmit a response to the API call to the web browser, such that the second script receives the response and additional instructions of the second script are executed after receiving the response.
2. The system of claim 1 , wherein the authentication interface is a second factor in a two factor authentication service.
3. The system of claim 1 , wherein the authentication interface provides a text entry field for a password, which is used to authenticate the individual via the API.
4. The system of claim 1 , wherein the authentication interface provides a field for uploading a token, which is used to authenticate the individual via the API.
5. The system of claim 1 , wherein the authentication interface is used to authenticate the individual on another domain via the API.
6. The system of claim 1 , wherein the authentication interface is used to access a fingerprint reader on a computing device associated with the individual and authenticate the individual.
7. The system of claim 1 , wherein the authentication interface is used to access a camera on a computing device associated with the individual and authenticate the individual.
8. The system of claim 1 , wherein the authentication interface is used to access a microphone on a computing device associated with the individual and authenticate the individual.
9. The system of claim 1 , wherein the structured media definition file is in a format that complies with the Video Player Advertisement-Serving Interface Definition (VPAID) and the first and second scripts are written in JavaScript.
10. The system of claim 1 , wherein the one or more new HTML elements include an iFrame, wherein the iFrame contains the second script and the authentication interface, and wherein the iFrame shields operations of the second script and the authentication interface from interference by any scripting or name collision in the webpage.
11. A computer-implemented method for integrating authentication functionality into video media being displayed on a webpage within a web browser, comprising:
generating a structured media definition file that identifies a particular video and that contains instructions exclusively for a video player within the web browser, wherein the instructions include instructions to load and display the video, and wherein the instructions further include an instruction to load and execute a first script, such that execution of the first script instantiates one or more new HTML elements within the webpage when the video is played, the one or more new HTML elements comprising a second script that includes instructions to the web browser to generate an authentication interface, such that interaction with the authentication interface will call one or more functions of an application programming interface (API) via the second script;
causing the structured media definition file to be transmitted to the web browser for communication to the video player and interpretation by the video player, thereby causing the video player to begin playing the video and to execute the first script;
receiving an API call made via the second script as it is executed by the web browser, the API call being made based on an individual's interaction with the authentication interface; and
transmitting a response to the API call to the web browser, such that the second script receives the response and additional instructions of the second script are executed after receiving the response.
12. The method of claim 11 , wherein the authentication interface is a second factor in a two factor authentication service.
13. The method of claim 11 , wherein the authentication interface provides a text entry field for a password, which is used to authenticate the individual via the API.
14. The method of claim 11 , wherein the authentication interface provides a field for uploading a token, which is used to authenticate the individual via the API.
15. The method of claim 11 , wherein the authentication interface is used to authenticate the individual on another domain via the API.
16. The method of claim 11 , wherein the authentication interface is used to access a fingerprint reader on a computing device associated with the individual and authenticate the individual.
17. The method of claim 11 , wherein the authentication interface is used to access a camera on a computing device associated with the individual and authenticate the individual.
18. The method of claim 11 , wherein the authentication interface is used to access a microphone on a computing device associated with the individual and authenticate the individual.
19. The method of claim 11 , wherein the structured media definition file is in a format that complies with the Video Player Advertisement-Serving Interface Definition (VPAID) and the first and second scripts are written in JavaScript.
20. The method of claim 11 , wherein the one or more new HTML elements include an iFrame, wherein the iFrame contains the second script and the authentication interface, and wherein the iFrame shields operations of the second script and the authentication interface from interference by any scripting or name collision in the webpage.