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

We have already been using the HTML5 video player for video playback inside of the Eagle Eye VMS. It has been the default option since the second half of 2019. If you are embedding or linking to the video player page/history browser than you already have been using the HTML5 video player.

Please supply a valid ESN and an auth_key that has access to view the video.

Parameter	Value
ESN
Start Timestamp
End Timestamp
Auth Key

load 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. If you have any questions please feel free to reach out to us at api_support@een.com