To access the embedding code:
Log in to your account and make sure that you have the broadcasting premium or business plan activated
Click on the blue broadcasting badge
Click on the camera promotion section on the left
The embed code will be under the "Embed the stream on your website" section
Copy it, use it, and enjoy it!
Using HTML Only
The easiest embed option is to simply copy and paste the code where you want to see it on your webpage. Please note that you won't be able to use a domain lock function (allowing it to be displayed only on selected domains) when using this type of embedding.
Using JS SDK
This type of embedding works better with responsive websites (resizes automatically) and, unlike HTML only, allows you to use a domain lock function (allowing it to be displayed only on selected domains).
Additional parameters that can be changed in the embed codes:
Muted audio (disabled by default) - to enable it, add "&mute=0" for HTML or {mute: true} for JS SDK
Allow fullscreen (enabled by default) - to disable it, remove "webkitallowfullscreen mozallowfullscreen allowfullscreen" from the embed code.
Autoplay on or off (enabled by default) - to disable it, add "&autoplay=0" for HTML or {autoplay: false} for JS SDK
Examples:
HMTL Only embed with muted audio:
<div style="width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative;"><iframe src="//v.angelcam.com/iframe?v=xxxyyyzzz&autoplay=1&mute=1" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true" style="height:100%;position:absolute;top:0;width:100%;left:0;"></iframe></div>
JS SDK embed with autoplay disabled:
<script type="text/javascript" src="//v.angelcam.com/js_sdk"></script>
<div id='player_cameraname'></div><script> new Angelcam.player('player_cameraname', { id: 'xxxyyyzzz',autoPlay: false });</script>
😇 We are here to help
Just say hello@angelcam.com or check out Angelcam Community to connect with other users sharing their experiences and insights into various security topics.