Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
73 lines (66 sloc) 2.75 KB
<!DOCTYPE html>
<script src="//" async></script>
<script type="module" src="../circuit-call-button.js" defer></script>
<script type="module" src="../circuit-call-stage.js" defer></script>
/* Global page styles which are inherited by element */
body {
font-family: sans-serif;
font-size: 13px;
/* Hide until defined to prevent flash rendering */
circuit-call-button:not(:defined), circuit-call-stage:not(:defined) {
opacity: 0;
/* Show call stage when stage is active (i.e. video is streaming) */
circuit-call-stage[streaming] {
margin-top: 20px;
width: 400px;
height: 300px;
display: block;
circuit-call-stage {
display: none;
input {
width: 150px;
margin: 5px 0px 10px 0px;
<h2>Guest video call</h2>
<p>Uses web components <code>circuit-call-button</code> and <code>circuit-call-stage</code> to start a video call with a Circuit user specified by the <code>target</code> attribute. Guest user does not need to logon as its using a token provided by the <code>poolUrl</code> endpoint.</p>
Since there is no actual helpdesk, enter a Circuit email acting as receiving side.<br>
<input value="">
callingText="Calling Helpdesk..."
hangupText="End call">Call Helpdesk</circuit-call-button>
<a target="_blank" href="">source</a> |
<a target="_blank" href="">documentation</a> |
<a target="_blank" href="">github</a> |
<a target="_blank" href="">npm</a> |
<a href="">guest pool app</a>
document.addEventListener('DOMContentLoaded', () => {
const inputEl = document.querySelector('input');
const btnEl = document.querySelector('circuit-call-button');
const stageEl = document.querySelector('circuit-call-stage');
btnEl.addEventListener('callchange', e => = e.detail); = inputEl.value;
inputEl.addEventListener('change', e => =;