Viewing video from cameras on external websites¶
A player with any camera from Watcher can be embedded into your external web pages such as a corporate website or a user's account.
Getting embed URL¶
To get the URL for embedding the player with the camera to your website:
- Log into Watcher with admin permissions.
- On the Cameras page (for admins), select the camera you want to embed.
- Create an authorization token on the Shares tab.
-
Copy the link:
- HTML Live for live video only, without playback controls.
- HTML DVR for both live and DVR.
Checking the URL¶
Open the copied URL in your browser. If you see the player like in Watcher UI, the URL is fine.
If the embed URL does not work, check if you have specified the streamer's public URL correctly as instructed in Adding and configuring streamers
Specifying archive time in the URL¶
You can add from
parameter to the embed URL to specify the time starting from which the archive should be played. Time is specified as Unix Timestamp.
An example for Watcher HTML Live URL is given below. The example uses a camera named CAMERA_NAME
. The token
parameter is unique for each session; do not change the token in your link generated by Watcher as described above.
http://WATCHER-IP/vsaas/embed/CAMERA_NAME?dvr=false&token=WyI2MTA1IiwiNCJd.Dhz88A.dW7On6GSgVni7k8cJNYZuISzhe0&from=1530620900
Adding the player to a webpage¶
You can just add the iframe
tag into your html page code, for example:
<iframe src="https://WATCHER-IP/vsaas/embed/CAMERA_NAME?dvr=true&token=mSKZxXI56eCb1Qc6iLiqzZUy" width="600" height="400">
</iframe>