How do I embed the <player> player on my site?
How do I dynamically add a <player> player to the DOM?
How do I get a video's UUID?
How do I embed a <player> on my site?After a user has published a recording using one of your cameras you can embed a Cameratag <player> on your site. You will need the recorded video's UUID (how do I find this?).
First, make sure you have the cameratag.js and cameratag.css files included in the header of your site. The following <script> tag should appear at the bottom of your page's <head> tag
<player id='MyPlayer1' data-uuid='YOUR_ASSET_UUID'></player>
The player also supports playlists. To playback multiple assets simply provide a comma separated list:
<player id='MyPlayer1' data-uuid='YOUR_VIDEO_UUID_1,YOUR_VIDEO_UUID_2'></v>
Please Note: Each <player> tag must have a unique id. If you plan on having more than one player on a page please ensure they have unique ID's
How do I dynamically add a <player> player to the DOM?If you want to embed at a <player> player after the page has loaded simply add the <player> element to the DOM as described above then call
How do I get a video's UUID?The UUID of a recording is always passed along with the video data. Any of the mechnisms listed in the camera documentation to get video URLs will also povide access to the recordings UUID.
In the case of the <camera> JS API you can use the getVideo() methodd to get a video's UUID from the camera:
In the canse of the form submission your <camera> tag will create a hidden inout with the video UUID:
In the case of the server callback and REST API you will get a video JSON object that contains the UUID: