Skip to content

Instantly share code, notes, and snippets.

View tomorgan's full-sized avatar

Tom Morgan tomorgan

View GitHub Profile
import { CallClient, CallAgent } from "@azure/communication-calling";
import { AzureCommunicationTokenCredential } from '@azure/communication-common';
const connectButton = document.getElementById('connect-button');
const disconnectButton = document.getElementById('disconnect-button');
const callStateElement = document.getElementById('call-state');
const destinationGroupElement = document.getElementById('destination-group-input');
const participantListElement = document.getElementById('ParticipantList');
let call;
<!DOCTYPE html>
<html>
<head>
<title>Learn ASC Day 13 - Managing the Participant List</title>
</head>
<body>
<h2>Learn ASC Day 13 - Managing the Participant List</h2>
<p>Call state <span style="font-weight: bold" id="call-state">-</span></p>
<input id="destination-group-input" type="text" placeholder="Microsoft Teams meeting join URL (https://teams.microsoft.com/l/meetup-join/....)"
import { CallClient, CallAgent } from "@azure/communication-calling";
import { AzureCommunicationTokenCredential } from '@azure/communication-common';
const connectButton = document.getElementById('connect-button');
const disconnectButton = document.getElementById('disconnect-button');
const callStateElement = document.getElementById('call-state');
const destinationGroupElement = document.getElementById('destination-group-input');
const screenShareStartButton = document.getElementById('shareScreenStart-button');
const screenShareStopButton = document.getElementById('shareScreenStop-button');
<!DOCTYPE html>
<html>
<head>
<title>Learn ASC Day 12 - Presenting Screen Share Content</title>
</head>
<body>
<h2>Learn ASC Day 12 - Presenting Screen Share Content</h2>
<p>Call state <span style="font-weight: bold" id="call-state">-</span></p>
<input id="destination-group-input" type="text" placeholder="Microsoft Teams meeting join URL (https://teams.microsoft.com/l/meetup-join/....)"
import { CallClient, CallAgent, DeviceManager, LocalVideoStream, Renderer } from "@azure/communication-calling";
import { AzureCommunicationTokenCredential } from '@azure/communication-common';
const connectButton = document.getElementById('connect-button');
const disconnectButton = document.getElementById('disconnect-button');
const callStateElement = document.getElementById('call-state');
const destinationUserElement = document.getElementById('destination-user-input');
const startVideoButton = document.getElementById('startvideo-button');
const stopVideoButton = document.getElementById('stopvideo-button');
const videoDeviceSelect = document.getElementById('selectVideoDevice');
<!DOCTYPE html>
<html>
<head>
<title>Learn ASC Day 11 - Changing Devices</title>
</head>
<body>
<h2>Learn ASC Day 11 - Changing Devices</h2>
<p>Call state <span style="font-weight: bold" id="call-state">-</span></p>
<input id="destination-user-input" type="text" placeholder="Microsoft Teams meeting join URL (https://teams.microsoft.com/l/meetup-join/....)"
import { CallClient, CallAgent, DeviceManager, LocalVideoStream, Renderer } from "@azure/communication-calling";
import { AzureCommunicationTokenCredential } from '@azure/communication-common';
const connectButton = document.getElementById('connect-button');
const disconnectButton = document.getElementById('disconnect-button');
const callStateElement = document.getElementById('call-state');
const destinationUserElement = document.getElementById('destination-user-input');
const startVideoButton = document.getElementById('startvideo-button');
const stopVideoButton = document.getElementById('stopvideo-button');
<!DOCTYPE html>
<html>
<head>
<title>Learn ASC Day 10 - Showing and Hiding Video</title>
</head>
<body>
<h2>Learn ASC Day 10 - Showing and Hiding Video</h2>
<p>Call state <span style="font-weight: bold" id="call-state">-</span></p>
<input id="destination-user-input" type="text" placeholder="ACS User ID to call" value="8:echo123"
import { CallClient, CallAgent } from "@azure/communication-calling";
import { AzureCommunicationTokenCredential } from '@azure/communication-common';
const connectButton = document.getElementById('connect-button');
const disconnectButton = document.getElementById('disconnect-button');
const callStateElement = document.getElementById('call-state');
const destinationUserElement = document.getElementById('destination-user-input');
const muteButton = document.getElementById('mute-button');
const unmuteButton = document.getElementById('unmute-button');
<!DOCTYPE html>
<html>
<head>
<title>Learn ASC Day 9 - Muting and Unmuting</title>
</head>
<body>
<h2>Learn ASC Day 9 - Muting and Unmuting</h2>
<p>Call state <span style="font-weight: bold" id="call-state">-</span></p>
<input id="destination-user-input" type="text" placeholder="ACS User ID to call" value="8:echo123"