Kwindla Hultman Kramer kwindla

## example.css
style {
  .testClass {
    background-color: red;
  }
}

## checkForFaces()
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

## simple-start-camera.html
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>basic video call object demo</title>
<script crossorigin src="https://unpkg.com/@daily-co/daily-js"></script>
<!-- <script crossorigin src="../dist/daily-iframe.js"></script> -->
</head>
<body onload="run()">

<p> <button onclick="callFrame.startCamera()">start camera</button> </p>

## sample-createCallObject.html
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>basic video call object demo</title>
<script src="https://unpkg.com/@daily-co/daily-js"></script>
</head>
<body onload="run()">

<p> <button onclick="callFrame.join()">join call</button> </p>
<p> <button onclick="callFrame.leave()">leave call</button> </p>

## web-audio-merge.js


  setupAudioContext () {
    this.audioContext = new window.AudioContext();
    // create an output stream node. have to use the constructor form
    // because we want to make the stream mono
    this.audioOut = new MediaStreamAudioDestinationNode(this.audioContext,
                                                        { channelCount: 1 });
    // connecting a single gain node to the audioOut node suffices for
    // the pipeline to work. a MediaStreamDestination with nothing

## ding.html
<html>
<head>
<title>configurable sound test</title>
<script src="https://unpkg.com/@daily-co/daily-js"></script>
<style>
  div {
    margin-bottom: 1em;
  }
  #join-sound-off-div {
    display: none;

## daily-iframe-zindex.html
<html>
  <head>
    <title>css test</title>
    <script src="https://unpkg.com/@daily-co/daily-js"></script>
  </head>
  <body onload="main()">

    <div style="width: 100%; height: 100%;
                position: absolute; z-index: 50;
                background-color: blue">

## record-local-audio.html
<html>
<head>
<title>record local audio</title>
<script src="./daily-js-pluot-core/dist/daily-iframe.js"></script>
</head>
<body onload="join()">

  <div id="buttons" style="width: 50%; float: left">
  </div>

## Daily.co video call API video play logic
// accumulated "wisdom" to handle as many play()-related issues as possible, going back
// to browser versions of the distant past.
//
// currently we use separate <video> and <audio> elements as part of ensuring that play()
// works as expected for both video and sound. new browser versions *definitely do*
// change this behavior, though, so the code below will change over time, too.


// we set the elements up like this in our render() function:

## Daily.co video call API custom track mute and stop
<html>
  <head>
    <title>custom camera track</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="https://unpkg.com/@daily-co/daily-js"></script>
  </head>
  <body>
    <div id="buttons" style="width: 50%; float: left;">
      room url:
      <input size="40" type="text" id="roomUrl"
	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
	<html>
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>basic video call object demo</title>
	<script crossorigin src="https://unpkg.com/@daily-co/daily-js"></script>
	<!-- <script crossorigin src="../dist/daily-iframe.js"></script> -->
	</head>
	<body onload="run()">

	<p> <button onclick="callFrame.startCamera()">start camera</button> </p>


	setupAudioContext () {
	this.audioContext = new window.AudioContext();
	// create an output stream node. have to use the constructor form
	// because we want to make the stream mono
	this.audioOut = new MediaStreamAudioDestinationNode(this.audioContext,
	{ channelCount: 1 });
	// connecting a single gain node to the audioOut node suffices for
	// the pipeline to work. a MediaStreamDestination with nothing
	<html>
	<head>
	<title>configurable sound test</title>
	<script src="https://unpkg.com/@daily-co/daily-js"></script>
	<style>
	div {
	margin-bottom: 1em;
	}
	#join-sound-off-div {
	display: none;
	<html>
	<head>
	<title>css test</title>
	<script src="https://unpkg.com/@daily-co/daily-js"></script>
	</head>
	<body onload="main()">

	<div style="width: 100%; height: 100%;
	position: absolute; z-index: 50;
	background-color: blue">
	<html>
	<head>
	<title>record local audio</title>
	<script src="./daily-js-pluot-core/dist/daily-iframe.js"></script>
	</head>
	<body onload="join()">

	<div id="buttons" style="width: 50%; float: left">
	</div>
	// accumulated "wisdom" to handle as many play()-related issues as possible, going back
	// to browser versions of the distant past.
	//
	// currently we use separate <video> and <audio> elements as part of ensuring that play()
	// works as expected for both video and sound. new browser versions definitely do
	// change this behavior, though, so the code below will change over time, too.


	// we set the elements up like this in our render() function:
	<html>
	<head>
	<title>custom camera track</title>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<script src="https://unpkg.com/@daily-co/daily-js"></script>
	</head>
	<body>
	<div id="buttons" style="width: 50%; float: left;">
	room url:
	<input size="40" type="text" id="roomUrl"