HTML5 Video Player Example

This example shows how to automatically load and play a Eagle Eye Networks video stream through a public webpage. There are two components needed for this demo. There is a server componenet that securely generates the auth_token needed for the API call. It is available on Github.

The second component is the client side JavaScript that is in this page. This page uses our HTML5 Video Player and the source for this page is also on Github.

This page calls the server component to get the list of cameras and auth_key. It then downloads the latest preview image use as the poster image for the video player. It constructs the live stream URL and starts the video player. It requests video in 90 second chunks. When the player is within 5 seconds of the end of the video it makes another request for an additional 90 seconds. It will continue to do this while the page is being viewed.

How to automatically play live video

What else can we do with this?

I am excited the see the additional applications that can benefit from easily embeddable video. Live video can now be used as just a standard video component. Feel free to reach out to me with any questions or comments at mcotton@een.com