kwindla’s gists

kwindla / checkForFaces()

Created November 5, 2019 03:10

Function to loop forever while in a Daily.co call, drawing bounding boxes around faces

	async function checkForFaces() {
	try {
	if (callFrame.meetingState() !== 'joined-meeting') {
	return;
	}
	// remove all bounding boxes
	for (let el of document.getElementsByClassName('face-boxes')) {
	el.remove();
	}
	// detect faces

kwindla / example.css

Created March 15, 2019 23:24

kwindla / leave-call.js

Created March 10, 2019 22:00

transform our button into a "leave call" button

	let button = document.getElementById('start-call-button');
	button.innerHTML = 'end call';
	button.onclick = () => {
	document.body.removeChild(iframeEl);
	iframeEl.src = null;
	button.innerHTML = 'start call';
	button.onclick = startCall;
	// window.location.origin is this page's url
	// without the hash fragment
	window.location = window.location.origin

kwindla / start-call-2.js

Created March 10, 2019 21:59

modified startCall() - create a new room only if we aren't passed a callUrl argument

	const createRoomEndpoint = 'https://create-a-room--kwindla.repl.co';

	async function startCall(callUrl) {
	if (!callUrl) {
	let response = await fetch(createRoomEndpoint),
	roomData = await response.json();
	callUrl = roomData.url;
	}

	let iframeEl = document.createElement('iframe');

kwindla / maybe-join-call.js

Created March 10, 2019 21:56

if our page's url includes a hash fragment, treat that as a call url to join on page load

	<body onload="maybeJoinCall()">

	function maybeJoinCall() {
	if (window.location.hash) {
	startCall(window.location.hash.substring(1));
	}
	}

kwindla / iframe-new-room-url.js

Created March 10, 2019 21:54

create a new room and join it

	// you can replace this with your own repl.it endpoint URL!
	const createRoomEndpoint = 'https://create-a-room--kwindla.repl.co'

	async function startCall() {
	let response = await fetch(createRoomEndpoint),
	roomData = await response.json(),
	callUrl = roomData.url;

	let iframeEl = document.createElement('iframe');
	iframeEl.width = 350;

kwindla / create-room.sh

Last active March 10, 2019 21:52

create a new room (command line)

	# create a new video call room, with a random name,
	# that expires 60 seconds from now
	#
	curl -H "Content-Type: application/json" \
	-H "Authorization: Bearer $YOUR_API_TOKEN" \
	-XPOST -d \
	'{"properties":{"exp":'`expr $(date +%s) + 60`'}}' \
	https://api.daily.co/v1/rooms/

kwindla / button-and-iframe.js

Created March 10, 2019 21:49

a button that starts a new video call

	<button onclick="startCall()">
	start call
	</button>

	<script>
	async function startCall() {
	let callUrl = 'https://api-demo.daily.co/this-is-a-placeholder',
	iframeEl = document.createElement('iframe');
	iframeEl.width = 350;
	iframeEl.height = 425;

kwindla / button-and-iframe.js

Created March 10, 2019 21:47

a button that starts a video call

	<button onclick="startCall()">
	start call
	</button>

	<script>
	async function startCall() {
	let callUrl = 'https://api-demo.daily.co/this-is-a-placeholder',
	iframeEl = document.createElement('iframe');
	iframeEl.width = 350;
	iframeEl.height = 425;

kwindla / Example Daily.co API Plan Configs

Created March 5, 2019 21:21

Kwindla Hultman Kramer kwindla