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.
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.
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 firstname.lastname@example.org