title: how to use adapter.js of webRTC-adapter?
body: <p>I am writing a WebRTC application and have the following problem:</p>
  
  <p>I want to use the <a href="https://github.com/webrtc/adapter" rel="nofollow">adapter.js</a> library.</p>
  
  <p>I have the following index.html:</p>
  
  <pre><code>&lt;html&gt;
    &lt;header&gt;
       &lt;script src='../out/adapter.js'&gt;&lt;/script&gt;
       &lt;script src='../out/main.js'&gt;&lt;/script&gt;
    &lt;/header&gt;
    &lt;body&gt; 
      &lt;video id="localVideo" width='500' autoplay&gt;&lt;/video&gt; 
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and my main.js looks like:</p>
  
  <pre><code>var adapter=require('webrtc-adapter');
  var localVideo=document.querySelector('video#localVideo');
  navigator.getUserMedia(media_constraints, handleUserMedia, handleUserMediaError); 
  function handleUserMedia(stream) {        
     localStream = stream;        
     adapter.attachMediaStream(localVideo, stream);        
     console.log('Adding local stream.');  
  }
  </code></pre>
  
  <p>but my browser logs the error: <code>Uncaught ReferenceError: require is not defined</code></p>