All Collections
General guides
Broadcasting
Working with Broadcasting Embed codes
Working with Broadcasting Embed codes

An explanation of the embed codes available with our Broadcasting app

Pavel Kuba avatar
Written by Pavel Kuba
Updated over a week ago

With a Premium or Business Broadcasting plan, you can embed your stream to almost any webpage.

To access the embedding code:

  1. Click on the blue broadcasting badge

  2. Click on the camera promotion section on the left

  3. The embed code will be under the "Embed the stream on your website" section

  4. Copy it, use it, and enjoy it!


Using HTML Only

The easiest embed option is 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>



😇 We are here to help

Just say hello@angelcam.com or check out Angelcam Community to connect with other users sharing their own experiences and insight into various security topics.

Did this answer your question?