With a Premium or Business Broadcasting plan, you can embed your stream to almost any webpage. In this guide, we go over the embed code types and features.
Using HTML Only
The easiest embed option, where you simply copy & 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 which 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>
Still need further assistance? Why not check out our Angelcam Community, where you can connect with other users who are sharing their own experiences and insight into various Angelcam topics and problems.