Intro
Overview New in V14
Apps
Overview Configuration
<camera>
Overview Browser Support Embedding Configuration Custom Interface JS Methods JS Events Collecting Videos
<room>
Overview Browser Support Embedding Configuration Custom Interface JS Methods JS Events
<player>
Overview Embedding Configuration JS Methods & Events
<wall>
Overview Embedding Configuration JS Methods
<photobooth>
Overview Embedding Configuration Custom Interface JS Methods JS Events
<photo>
Overview Embedding
<microphone>
Overview Embedding Configuration Custom Interface JS Methods JS Events Collecting Audio
REST API
Overview List Assets Show Asset Update Asset Delete Asset List Apps Show App Create App Update App Video Object Photo Object Audio Object List Rooms Create Room Show Room Update Room Delete Room

Embeding a <microphone>

Below are instructions on how to embed your Camera into a webpage.

Embedding with HTML (static)?
Embeding with JS (dynamic)?

Embedding a <microphone> with HTML

First, make sure you have the cameratag.js and cameratag.css files included in the header of your site. The following <script> tag should appear at the bottom of your page's <head> tag

<script src='//www.cameratag.com/v14/js/cameratag.min.js' type='text/javascript'></script>
<link rel='stylesheet' href='//www.cameratag.com/static/14/cameratag.css'>
Next, create a new <microphone> somehwere in your <body> like the one below. 
<microphone id='[INSTANCE_ID]' data-app-id='[YOUR_APP_UUID]'></microphone>
You will need to replace the values denoted by brackets in the above example.

You will replace [YOUR_APP_UUID] with the UUID of the App you would like to use with this <camera>. This can be found under the name of your App on any of the App pages on CameraTag.

You will replace [INSTANCE_ID] with a unique id for that instance of the <microphone>. This will allow you specifically refernce that <microphone> on the page.

Pleas note: Each microphone on a page MUST HAVE A UNIQUE INSTANCE ID however multiple microphones on a page may be attached to the same App.

Dynamically adding a <microphone> to the DOM?

If you want to embed at a microphone after the page has loaded simply add the <microphone> element to the DOM as described above then call 
CameraTag.setup();
This will rescan the DOM for any uninitialized <microphone> tags.